@import url("../libs/font-awesome/css/font-awesome.min.css");

@font-face {
    font-family: "FontAwesome";
    src: url("../libs/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../libs/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),
        url("../libs/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
        url("../libs/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
        url("../libs/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
        url("../libs/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../libs/bootstrap/dist/fonts/glyphicons-halflings-regular.eot");
    src: url("../libs/bootstrap/dist/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
        url("../libs/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
        url("../libs/bootstrap/dist/fonts/glyphicons-halflings-regular.woff") format("woff"),
        url("../libs/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
        url("../libs/bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Modern SaaS theme override for the FastAdmin shell. */
:root {
    --ap-bg: #f6f8fb;
    --ap-surface: #ffffff;
    --ap-surface-soft: #f8fafc;
    --ap-surface-strong: #f1f5f9;
    --ap-border: #e2e8f0;
    --ap-border-strong: #cbd5e1;
    --ap-text: #020617;
    --ap-muted: #64748b;
    --ap-primary: #2563eb;
    --ap-primary-dark: #1d4ed8;
    --ap-primary-soft: #eef4ff;
    --ap-green: #2563eb;
    --ap-red: #ef4444;
    --ap-orange: #f97316;
    --ap-radius: 8px;
    --ap-shadow: 0 14px 34px rgba(15, 23, 42, .08);
    --ap-shadow-soft: 0 2px 8px rgba(15, 23, 42, .06);
}

html body.admin-polish,
html body.admin-polish .content-wrapper,
html body.admin-polish .right-side,
html body.admin-polish .content,
html body.admin-polish .dashboard-container {
    background: var(--ap-bg) !important;
    color: var(--ap-text);
}

html body.admin-polish.fixed .main-header,
html body.admin-polish.fixed #header.main-header,
html body.admin-polish.fixed.skin-green .main-header,
html body.admin-polish.fixed.skin-green-light .main-header,
html body.admin-polish.fixed.skin-black-blue .main-header,
html body.admin-polish.fixed.skin-black-green .main-header {
    background: var(--ap-surface) !important;
    border-bottom: 1px solid var(--ap-border) !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .03) !important;
}

html body.admin-polish.fixed .main-header .logo,
html body.admin-polish.fixed #header.main-header .logo,
html body.admin-polish.fixed.skin-green .main-header .logo,
html body.admin-polish.fixed.skin-green-light .main-header .logo,
html body.admin-polish.fixed.skin-black-blue .main-header .logo,
html body.admin-polish.fixed.skin-black-green .main-header .logo {
    background: var(--ap-surface) !important;
    color: var(--ap-text) !important;
    border-right: 1px solid var(--ap-border) !important;
    font-weight: 750 !important;
}

html body.admin-polish.fixed .main-header .navbar,
html body.admin-polish.fixed #header.main-header .navbar,
html body.admin-polish.fixed #header #firstnav,
html body.admin-polish.fixed.skin-green .main-header .navbar,
html body.admin-polish.fixed.skin-green-light .main-header .navbar,
html body.admin-polish.fixed.skin-black-blue .main-header .navbar,
html body.admin-polish.fixed.skin-black-green .main-header .navbar {
    background: var(--ap-surface) !important;
    box-shadow: none !important;
}

html body.admin-polish.fixed .main-header .sidebar-toggle,
html body.admin-polish.fixed #header #firstnav > .sidebar-toggle,
html body.admin-polish.fixed.skin-green .main-header .navbar .sidebar-toggle,
html body.admin-polish.fixed.skin-green-light .main-header .navbar .sidebar-toggle,
html body.admin-polish.fixed.skin-black-blue .main-header .navbar .sidebar-toggle,
html body.admin-polish.fixed.skin-black-green .main-header .navbar .sidebar-toggle {
    background: var(--ap-surface) !important;
    color: #0f172a !important;
    border-right: 1px solid var(--ap-border) !important;
}

html body.admin-polish.fixed .main-header .sidebar-toggle:hover,
html body.admin-polish.fixed #header #firstnav > .sidebar-toggle:hover,
html body.admin-polish.fixed .main-header #firstnav > .nav-addtabs > li.active > a,
html body.admin-polish.fixed .main-header #firstnav > .nav-addtabs > li > a:hover,
html body.admin-polish.fixed #header #firstnav > .nav-addtabs > li.active > a,
html body.admin-polish.fixed #header #firstnav > .nav-addtabs > li > a:hover,
html body.admin-polish.fixed .main-header .navbar-custom-menu > .navbar-nav > li > a:hover,
html body.admin-polish.fixed .main-header .navbar-custom-menu > .navbar-nav > li.open > a,
html body.admin-polish.fixed #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a:hover,
html body.admin-polish.fixed #header #firstnav > .navbar-custom-menu > .navbar-nav > li.open > a {
    background: var(--ap-primary-soft) !important;
    color: var(--ap-primary-dark) !important;
}

html body.admin-polish.fixed .main-header #firstnav > .nav-addtabs,
html body.admin-polish.fixed #header #firstnav > .nav-addtabs,
html body.admin-polish.fixed .main-header .navbar-custom-menu,
html body.admin-polish.fixed #header #firstnav > .navbar-custom-menu {
    background: var(--ap-surface) !important;
}

html body.admin-polish.fixed .main-header #firstnav > .nav-addtabs > li > a,
html body.admin-polish.fixed #header #firstnav > .nav-addtabs > li > a {
    border-radius: 8px !important;
    background: transparent !important;
    color: #334155 !important;
    font-weight: 600;
}

html body.admin-polish.fixed .main-header .navbar-custom-menu,
html body.admin-polish.fixed #header #firstnav > .navbar-custom-menu {
    border-left: 1px solid var(--ap-border) !important;
}

html body.admin-polish.fixed .main-header .navbar-custom-menu > .navbar-nav > li > a,
html body.admin-polish.fixed #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a,
html body.admin-polish.fixed.skin-green .main-header .navbar-custom-menu > .navbar-nav > li > a,
html body.admin-polish.fixed.skin-green-light .main-header .navbar-custom-menu > .navbar-nav > li > a,
html body.admin-polish.fixed.skin-black-blue .main-header .navbar-custom-menu > .navbar-nav > li > a,
html body.admin-polish.fixed.skin-black-green .main-header .navbar-custom-menu > .navbar-nav > li > a {
    background: var(--ap-surface) !important;
    color: #334155 !important;
    border-left: 1px solid #f1f5f9 !important;
}

html body.admin-polish .main-sidebar,
html body.admin-polish.skin-green .main-sidebar,
html body.admin-polish.skin-green-light .main-sidebar,
html body.admin-polish.skin-black-blue .main-sidebar,
html body.admin-polish.skin-black-green .main-sidebar {
    background: var(--ap-surface) !important;
    border-right: 1px solid var(--ap-border) !important;
    box-shadow: none !important;
}

html body.admin-polish .sidebar,
html body.admin-polish .sidebar-menu,
html body.admin-polish .sidebar-menu > li,
html body.admin-polish .sidebar-menu .treeview-menu {
    background: var(--ap-surface) !important;
}

html body.admin-polish .sidebar-menu {
    padding: 8px 10px 18px !important;
}

html body.admin-polish .sidebar-menu > li > a,
html body.admin-polish .sidebar-menu .treeview-menu > li > a {
    margin: 2px 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #0f172a !important;
    font-weight: 600;
}

html body.admin-polish .sidebar-menu > li > a {
    padding: 12px 12px !important;
}

html body.admin-polish .sidebar-menu .treeview-menu {
    padding: 2px 0 6px 11px !important;
}

html body.admin-polish .sidebar-menu .treeview-menu > li > a {
    padding: 10px 12px !important;
    color: #334155 !important;
    font-weight: 500;
}

html body.admin-polish .sidebar-menu > li:hover > a,
html body.admin-polish .sidebar-menu > li.active > a,
html body.admin-polish .sidebar-menu > li.menu-open > a,
html body.admin-polish .sidebar-menu > li.treeview-open > a,
html body.admin-polish .sidebar-menu .treeview-menu > li.active > a,
html body.admin-polish .sidebar-menu .treeview-menu > li > a:hover {
    background: var(--ap-primary-soft) !important;
    color: var(--ap-primary-dark) !important;
}

html body.admin-polish .sidebar-menu > li > a > .fa,
html body.admin-polish .sidebar-menu .treeview-menu > li > a > .fa {
    width: 18px;
    color: #0f172a !important;
}

html body.admin-polish .sidebar-menu > li.active > a > .fa,
html body.admin-polish .sidebar-menu > li:hover > a > .fa,
html body.admin-polish .sidebar-menu .treeview-menu > li.active > a > .fa,
html body.admin-polish .sidebar-menu .treeview-menu > li > a:hover > .fa {
    color: var(--ap-primary-dark) !important;
}

html body.admin-polish .sidebar-form {
    margin: 10px 12px 12px !important;
    border: 0 !important;
}

html body.admin-polish .sidebar-form .input-group {
    border: 1px solid var(--ap-border) !important;
    border-radius: 8px !important;
    background: var(--ap-surface-soft) !important;
}

html body.admin-polish .sidebar-form input[type="text"],
html body.admin-polish .sidebar-form .btn {
    background: transparent !important;
    border: 0 !important;
    color: var(--ap-text) !important;
}

html body.admin-polish .user-panel {
    margin: 8px 10px 4px;
    padding: 12px !important;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-surface-soft) !important;
}

html body.admin-polish .user-panel > .info,
html body.admin-polish .user-panel > .info > p,
html body.admin-polish .user-panel > .info > a {
    color: var(--ap-text) !important;
}

body.admin-polish .panel,
body.admin-polish .box,
body.admin-polish .nav-tabs-custom,
body.admin-polish .fixed-table-container,
body.admin-polish .bootstrap-table .fixed-table-container,
body.admin-polish .dashboard-container .panel,
body.admin-polish .agent-stats-panel,
body.admin-polish .daily-business-panel,
body.admin-polish .stat-card,
body.admin-polish .rank-card {
    border: 1px solid var(--ap-border) !important;
    border-radius: 8px !important;
    background: var(--ap-surface) !important;
    box-shadow: var(--ap-shadow-soft) !important;
}

body.admin-polish .panel:hover,
body.admin-polish .box:hover,
body.admin-polish .stat-card:hover,
body.admin-polish .rank-card:hover,
body.admin-polish .daily-business-panel:hover {
    box-shadow: var(--ap-shadow) !important;
    border-color: var(--ap-border-strong) !important;
}

body.admin-polish .panel-heading,
body.admin-polish .box-header,
body.admin-polish .rank-card-header,
body.admin-polish .module-header {
    background: var(--ap-surface) !important;
    border-bottom-color: var(--ap-border) !important;
}

body.admin-polish .btn-primary,
body.admin-polish .btn-success,
body.admin-polish .btn-add,
body.admin-polish .btn-refresh,
body.admin-polish .btn-time-range.active,
body.admin-polish .agent-stats-actions .btn.active,
body.admin-polish .pagination > .active > a,
body.admin-polish .pagination > .active > span {
    border-color: var(--ap-primary) !important;
    background: var(--ap-primary) !important;
    color: #fff !important;
}

body.admin-polish .btn-primary:hover,
body.admin-polish .btn-success:hover,
body.admin-polish .btn-add:hover,
body.admin-polish .btn-refresh:hover {
    border-color: var(--ap-primary-dark) !important;
    background: var(--ap-primary-dark) !important;
}

body.admin-polish .btn-default,
body.admin-polish .btn-more {
    background: #fff !important;
    border-color: var(--ap-border-strong) !important;
    color: #334155 !important;
}

body.admin-polish .btn-danger,
body.admin-polish .btn-del {
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
    color: var(--ap-red) !important;
}

body.admin-polish .btn-danger:hover,
body.admin-polish .btn-del:hover {
    background: var(--ap-red) !important;
    border-color: var(--ap-red) !important;
    color: #fff !important;
}

body.admin-polish .form-control:focus,
body.admin-polish textarea:focus,
body.admin-polish input:focus,
body.admin-polish select:focus,
body.admin-polish-shell .ant-input:focus,
body.admin-polish-shell .ant-input-affix-wrapper-focused,
body.admin-polish-shell .ant-select-focused .ant-select-selector {
    border-color: var(--ap-primary) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
}

body.admin-polish .table > thead > tr > th,
body.admin-polish .agent-stats-table > thead > tr > th {
    background: var(--ap-surface-soft) !important;
    color: #475569 !important;
    font-weight: 700;
}

body.admin-polish .table-hover > tbody > tr:hover,
body.admin-polish .fixed-table-container tbody tr:hover {
    background: #f8fbff !important;
}

body.admin-polish .panel-intro .nav-tabs > li > a {
    background: #f1f5f9 !important;
    border-color: var(--ap-border) !important;
    color: #475569 !important;
}

body.admin-polish .panel-intro .nav-tabs > li.active > a,
body.admin-polish .panel-intro .nav-tabs > li.active > a:hover,
body.admin-polish .panel-intro .nav-tabs > li.active > a:focus {
    background: var(--ap-surface) !important;
    color: var(--ap-primary-dark) !important;
    border-color: #bfdbfe !important;
}

body.admin-polish .panel-intro .form-commonsearch {
    background: var(--ap-surface) !important;
    border-color: var(--ap-border) !important;
    box-shadow: var(--ap-shadow-soft) !important;
}

body.admin-polish .stat-card {
    border-left-width: 1px !important;
}

body.admin-polish .stat-icon {
    background: var(--ap-primary-soft) !important;
    color: var(--ap-primary) !important;
}

body.admin-polish .income-card .stat-icon,
body.admin-polish .text-success,
body.admin-polish .agent-money,
body.admin-polish .money-value,
body.admin-polish .rank-change.positive {
    color: var(--ap-green) !important;
}

body.admin-polish .nodes-card .stat-icon {
    color: var(--ap-orange) !important;
}

body.admin-polish .rank-value {
    color: var(--ap-primary) !important;
}

body.admin-polish .rank-progress-bar {
    background: linear-gradient(90deg, var(--ap-primary), #60a5fa) !important;
}

body.admin-polish .rank-item:hover {
    border-color: #bfdbfe !important;
    background: #f8fbff !important;
    transform: none !important;
}

body.admin-polish .time-range-buttons {
    background: #f1f5f9 !important;
    border-color: var(--ap-border) !important;
}

body.admin-polish .btn-time-range:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

body.admin-polish .panel-intro > .panel-heading {
    min-height: 62px;
    padding: 14px 16px 12px !important;
    background: var(--ap-surface) !important;
    border: 1px solid var(--ap-border) !important;
    border-radius: 8px 8px 0 0 !important;
}

body.admin-polish .panel-intro > .panel-heading:empty {
    display: none;
}

body.admin-polish .panel-intro > .panel-body {
    padding-top: 14px !important;
}

body.admin-polish .panel-intro > .panel-heading + .panel-body {
    padding-top: 0 !important;
}

body.admin-polish .panel-intro > .panel-heading .nav-tabs,
body.admin-polish .panel-intro > .panel-heading .nav-category,
body.admin-polish .panel-intro > .panel-heading .nav-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.admin-polish .panel-intro > .panel-heading .nav-tabs > li,
body.admin-polish .panel-intro > .panel-heading .nav-category > li,
body.admin-polish .panel-intro > .panel-heading .nav-group > li {
    float: none !important;
    margin: 0 !important;
}

body.admin-polish .panel-intro > .panel-heading .nav-tabs > li > a,
body.admin-polish .panel-intro > .panel-heading .nav-category > li > a,
body.admin-polish .panel-intro > .panel-heading .nav-group > li > a {
    margin: 0 !important;
}

body.admin-polish .panel-intro .fixed-table-toolbar {
    min-height: 62px;
    align-items: center !important;
    padding: 14px 16px !important;
    margin: 0 0 12px !important;
    background: var(--ap-surface) !important;
    border: 1px solid var(--ap-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--ap-shadow-soft) !important;
}

body.admin-polish .panel-intro .fixed-table-toolbar .bs-bars,
body.admin-polish .panel-intro .fixed-table-toolbar .pull-left,
body.admin-polish .panel-intro .fixed-table-toolbar .toolbar {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
}

body.admin-polish .panel-intro .fixed-table-toolbar .btn,
body.admin-polish .panel-intro .toolbar .btn {
    margin: 0 !important;
}

body.admin-frame-loading .content-wrapper:before {
    background: linear-gradient(90deg, transparent 0%, var(--ap-primary) 45%, #60a5fa 70%, transparent 100%);
}

body.admin-polish .fixed-table-container a.btn-change:not(.node-switch),
body.admin-polish .bootstrap-table a.btn-change:not(.node-switch) {
    background: var(--ap-primary) !important;
}

body.admin-polish.page-v2plan .plan-platform-tab:hover,
body.admin-polish.page-v2plan .plan-platform-tab.active,
body.admin-polish.page-v2server .node-group-tag.is-more {
    border-color: #bfdbfe !important;
    background: var(--ap-primary-soft) !important;
    color: var(--ap-primary-dark) !important;
}

body.admin-polish-shell .ant-menu-item:hover,
body.admin-polish-shell .ant-menu-submenu-title:hover,
body.admin-polish-shell .ant-menu-item-selected,
body.admin-polish-shell .ant-menu-submenu-selected > .ant-menu-submenu-title {
    background: var(--ap-primary-soft) !important;
    color: var(--ap-primary-dark) !important;
}

/* Final legacy green cleanup. These rules intentionally neutralize old
   FastAdmin green skins and state helpers after dynamically loaded skins. */
html body.admin-polish.skin-green #header.main-header,
html body.admin-polish.skin-green-light #header.main-header,
html body.admin-polish.skin-black-green #header.main-header,
html body.admin-polish.skin-green .main-header,
html body.admin-polish.skin-green-light .main-header,
html body.admin-polish.skin-black-green .main-header,
html body.admin-polish.skin-green .main-header .navbar,
html body.admin-polish.skin-green-light .main-header .navbar,
html body.admin-polish.skin-black-green .main-header .navbar,
html body.admin-polish.skin-green #header #firstnav,
html body.admin-polish.skin-green-light #header #firstnav,
html body.admin-polish.skin-black-green #header #firstnav,
html body.admin-polish.skin-green #header #firstnav > .navbar-custom-menu,
html body.admin-polish.skin-green-light #header #firstnav > .navbar-custom-menu,
html body.admin-polish.skin-black-green #header #firstnav > .navbar-custom-menu {
    background: var(--ap-surface) !important;
    border-color: var(--ap-border) !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .04) !important;
}

html body.admin-polish.skin-green .main-header .logo,
html body.admin-polish.skin-green-light .main-header .logo,
html body.admin-polish.skin-black-green .main-header .logo,
html body.admin-polish.skin-green .main-header .logo:hover,
html body.admin-polish.skin-green-light .main-header .logo:hover,
html body.admin-polish.skin-black-green .main-header .logo:hover {
    background: var(--ap-surface) !important;
    color: var(--ap-text) !important;
    border-right: 1px solid var(--ap-border) !important;
}

html body.admin-polish.skin-green .main-header .navbar .nav > li > a,
html body.admin-polish.skin-green-light .main-header .navbar .nav > li > a,
html body.admin-polish.skin-black-green .main-header .navbar .nav > li > a,
html body.admin-polish.skin-green #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a,
html body.admin-polish.skin-green-light #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a,
html body.admin-polish.skin-black-green #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a,
html body.admin-polish.skin-green #header #firstnav > .sidebar-toggle,
html body.admin-polish.skin-green-light #header #firstnav > .sidebar-toggle,
html body.admin-polish.skin-black-green #header #firstnav > .sidebar-toggle {
    background: var(--ap-surface) !important;
    color: #334155 !important;
}

html body.admin-polish.skin-green .main-header .navbar .nav > li > a:hover,
html body.admin-polish.skin-green .main-header .navbar .nav > li.open > a,
html body.admin-polish.skin-green .main-header .navbar .nav > li.active > a,
html body.admin-polish.skin-green-light .main-header .navbar .nav > li > a:hover,
html body.admin-polish.skin-green-light .main-header .navbar .nav > li.open > a,
html body.admin-polish.skin-green-light .main-header .navbar .nav > li.active > a,
html body.admin-polish.skin-black-green .main-header .navbar .nav > li > a:hover,
html body.admin-polish.skin-black-green .main-header .navbar .nav > li.open > a,
html body.admin-polish.skin-black-green .main-header .navbar .nav > li.active > a,
html body.admin-polish.skin-green #header #firstnav > .sidebar-toggle:hover,
html body.admin-polish.skin-green-light #header #firstnav > .sidebar-toggle:hover,
html body.admin-polish.skin-black-green #header #firstnav > .sidebar-toggle:hover {
    background: var(--ap-primary-soft) !important;
    color: var(--ap-primary-dark) !important;
}

html body.admin-polish .label-success,
html body.admin-polish .badge-success,
html body.admin-polish .bg-green,
html body.admin-polish .bg-green-active,
html body.admin-polish .bootstrap-table .label-success,
html body.admin-polish .fixed-table-container .label-success {
    background: var(--ap-primary) !important;
    border-color: var(--ap-primary) !important;
    color: #fff !important;
}

html body.admin-polish .text-success,
html body.admin-polish .rank-change.positive,
html body.admin-polish .agent-money,
html body.admin-polish .money-value {
    color: var(--ap-primary) !important;
}

html body.admin-polish .sidebar-menu > li.active > a,
html body.admin-polish .sidebar-menu > li:hover > a,
html body.admin-polish .sidebar-menu .treeview-menu > li.active > a,
html body.admin-polish .sidebar-menu .treeview-menu > li > a:hover {
    border-left-color: var(--ap-primary) !important;
    background: var(--ap-primary-soft) !important;
    color: var(--ap-primary-dark) !important;
}

/* Hard override for the old green shell header. This targets the exact
   FastAdmin frame nodes, so the logo bar and right utility bar stay white. */
html body #header.main-header,
html body #header.main-header .logo,
html body #header.main-header .logo:hover,
html body #header.main-header .navbar,
html body #header #firstnav,
html body #header #firstnav > .navbar-custom-menu,
html body #header #firstnav > .navbar-custom-menu > .navbar-nav,
html body #header #firstnav > .navbar-custom-menu > .navbar-nav > li,
html body #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a,
html body #header #firstnav > .sidebar-toggle {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #334155 !important;
}

html body #header.main-header {
    border-bottom: 1px solid var(--ap-border) !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .05) !important;
}

html body #header.main-header .logo {
    color: #020617 !important;
    border-right: 1px solid var(--ap-border) !important;
}

html body #header #firstnav > .sidebar-toggle {
    border-right: 1px solid var(--ap-border) !important;
}

html body #header #firstnav > .navbar-custom-menu {
    border-left: 1px solid var(--ap-border) !important;
}

html body #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a {
    border-left: 1px solid #eef2f7 !important;
}

html body #header #firstnav > .sidebar-toggle:hover,
html body #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a:hover,
html body #header #firstnav > .navbar-custom-menu > .navbar-nav > li.open > a,
html body #header #firstnav > .nav-addtabs > li.active > a,
html body #header #firstnav > .nav-addtabs > li > a:hover {
    background: var(--ap-primary-soft) !important;
    background-color: var(--ap-primary-soft) !important;
    color: var(--ap-primary-dark) !important;
}

html body #header #firstnav > .navbar-custom-menu .fa,
html body #header #firstnav > .sidebar-toggle .fa,
html body #header #firstnav > .nav-addtabs > li.active > a .fa {
    color: var(--ap-primary) !important;
}

/* Last-mile cleanup for menu badges such as the small "hot" tag. */
html body.admin-polish .sidebar-menu .label,
html body.admin-polish .sidebar-menu .badge,
html body.admin-polish .treeview-menu .label,
html body.admin-polish .treeview-menu .badge,
html body.admin-polish .label-success,
html body.admin-polish .badge-success,
html body.admin-polish .label-primary,
html body.admin-polish .badge-primary {
    background: #2563eb !important;
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

html body.admin-polish .sidebar-menu .label.hot,
html body.admin-polish .sidebar-menu .badge.hot,
html body.admin-polish .sidebar-menu .label-new,
html body.admin-polish .sidebar-menu .label-hot {
    background: #2563eb !important;
    background-color: #2563eb !important;
    color: #ffffff !important;
}

/* Keep Font Awesome icons from inheriting app text fonts and rendering as boxes. */
html body.admin-polish .fa,
html body.admin-polish-shell .fa,
html body.admin-polish .btn .fa,
html body.admin-polish .stat-icon .fa,
html body.admin-polish .panel-heading .fa {
    font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1;
}

html body.admin-polish .fa:before,
html body.admin-polish-shell .fa:before {
    font-family: FontAwesome !important;
}

/* Pika final neutral header override. */
html body #header.main-header,
html body #header.main-header > .logo,
html body #header.main-header .logo,
html body #header.main-header .logo:hover,
html body #header.main-header > .navbar,
html body #header.main-header .navbar,
html body #header #firstnav,
html body #header #firstnav > .sidebar-toggle,
html body #header #firstnav > .sidebar-toggle:hover,
html body #header #firstnav > .navbar-custom-menu,
html body #header #firstnav > .navbar-custom-menu > .navbar-nav,
html body #header #firstnav > .navbar-custom-menu > .navbar-nav > li,
html body #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a,
html body #header #firstnav > .navbar-custom-menu > .navbar-nav > li.open > a,
html body #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a:hover,
html body[class*="skin-"] #header.main-header,
html body[class*="skin-"] #header.main-header > .logo,
html body[class*="skin-"] #header.main-header .navbar,
html body[class*="skin-"] #header #firstnav,
html body[class*="skin-"] #header #firstnav > .sidebar-toggle,
html body[class*="skin-"] #header #firstnav > .navbar-custom-menu,
html body[class*="skin-"] #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

html body #header.main-header > .logo,
html body #header.main-header .logo {
    color: #020617 !important;
    border-right: 1px solid #e2e8f0 !important;
}

html body #header #firstnav > .sidebar-toggle,
html body #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a {
    color: #334155 !important;
    border-color: #e2e8f0 !important;
}

html body #header #firstnav > .sidebar-toggle:before,
html body #header #firstnav > .navbar-custom-menu .fa {
    color: #2563eb !important;
}

/* Absolute header de-green fallback for FastAdmin shell variants. */
html body .main-header,
html body .main-header > .logo,
html body .main-header .logo,
html body .main-header .logo:hover,
html body .main-header > .navbar,
html body .main-header .navbar,
html body .main-header .navbar-static-top,
html body nav.navbar.navbar-static-top,
html body .main-header #firstnav,
html body .main-header .sidebar-toggle,
html body .main-header .sidebar-toggle:hover,
html body .main-header .navbar-custom-menu,
html body .main-header .navbar-custom-menu > .navbar-nav,
html body .main-header .navbar-custom-menu > .navbar-nav > li,
html body .main-header .navbar-custom-menu > .navbar-nav > li > a,
html body .main-header .navbar-custom-menu > .navbar-nav > li.open > a,
html body .main-header .navbar-custom-menu > .navbar-nav > li > a:hover,
html body[class*="skin-"] .main-header,
html body[class*="skin-"] .main-header > .logo,
html body[class*="skin-"] .main-header .logo,
html body[class*="skin-"] .main-header > .navbar,
html body[class*="skin-"] .main-header .navbar,
html body[class*="skin-"] .main-header #firstnav,
html body[class*="skin-"] .main-header .sidebar-toggle,
html body[class*="skin-"] .main-header .navbar-custom-menu,
html body[class*="skin-"] .main-header .navbar-custom-menu > .navbar-nav > li > a {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

html body .main-header > .logo,
html body .main-header .logo {
    color: #020617 !important;
    border-right: 1px solid #e2e8f0 !important;
}

html body .main-header .sidebar-toggle,
html body .main-header .navbar-custom-menu > .navbar-nav > li > a {
    color: #334155 !important;
    border-color: #e2e8f0 !important;
}

html body .main-header .sidebar-toggle:before,
html body .main-header .navbar-custom-menu .fa {
    color: #2563eb !important;
}

/* Final shell blue override: keep the central tab strip light, while the
   brand block, sidebar toggle and top actions use the product blue. */
html body.admin-polish #header.main-header > .logo,
html body.admin-polish #header.main-header .logo,
html body.admin-polish #header.main-header .logo:hover,
html body.admin-polish .main-header > .logo,
html body.admin-polish .main-header .logo,
html body.admin-polish .main-header .logo:hover,
html body.admin-polish #header #firstnav > .sidebar-toggle,
html body.admin-polish #header #firstnav > .sidebar-toggle:hover,
html body.admin-polish .main-header .sidebar-toggle,
html body.admin-polish .main-header .sidebar-toggle:hover {
    background: var(--ap-primary) !important;
    background-color: var(--ap-primary) !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .18) !important;
}

html body.admin-polish #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a,
html body.admin-polish #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a:hover,
html body.admin-polish #header #firstnav > .navbar-custom-menu > .navbar-nav > li.open > a,
html body.admin-polish .main-header .navbar-custom-menu > .navbar-nav > li > a,
html body.admin-polish .main-header .navbar-custom-menu > .navbar-nav > li > a:hover,
html body.admin-polish .main-header .navbar-custom-menu > .navbar-nav > li.open > a {
    background: var(--ap-primary) !important;
    background-color: var(--ap-primary) !important;
    background-image: none !important;
    color: #ffffff !important;
    border-left: 0 !important;
    border-radius: 6px !important;
}

html body.admin-polish #header #firstnav > .navbar-custom-menu > .navbar-nav > li > a:hover,
html body.admin-polish #header #firstnav > .navbar-custom-menu > .navbar-nav > li.open > a,
html body.admin-polish .main-header .navbar-custom-menu > .navbar-nav > li > a:hover,
html body.admin-polish .main-header .navbar-custom-menu > .navbar-nav > li.open > a,
html body.admin-polish #header #firstnav > .sidebar-toggle:hover,
html body.admin-polish .main-header .sidebar-toggle:hover {
    background: var(--ap-primary-dark) !important;
    background-color: var(--ap-primary-dark) !important;
    color: #ffffff !important;
}

html body.admin-polish #header #firstnav > .sidebar-toggle:before,
html body.admin-polish #header #firstnav > .navbar-custom-menu .fa,
html body.admin-polish .main-header .sidebar-toggle:before,
html body.admin-polish .main-header .navbar-custom-menu .fa {
    color: #ffffff !important;
}