/* ═══════════════════════════════════════════════════════
   Glassmorphic Admin Theme — Austen Green Portal
   Red/Black palette matching BuildMK brand

   All rules scoped under body.ag-dark so the toggle works.
   Theme toggle is injected via my_functions_helper.php hooks.
   Both files survive Perfex updates.
   ═══════════════════════════════════════════════════════ */

body.ag-dark {
    --ag-bg: #0c0c10;
    --ag-surface: #111116;
    --ag-surface-2: #16161c;
    --ag-surface-3: #1c1c24;
    --ag-border: rgba(255, 255, 255, 0.06);
    --ag-border-hover: rgba(255, 255, 255, 0.1);
    --ag-text: #e0ddd8;
    --ag-text-dim: rgba(224, 221, 216, 0.5);
    --ag-text-mid: rgba(224, 221, 216, 0.7);
    --ag-red: #ad0a18;
    --ag-red-dark: #8a0813;
    --ag-red-glow: rgba(173, 10, 24, 0.15);
    --ag-red-soft: rgba(173, 10, 24, 0.08);
    --ag-success: #2ecc71;
    --ag-warning: #f39c12;
    --ag-info: #3498db;
    --ag-danger: #e74c3c;
    --ag-glass: rgba(255, 255, 255, 0.03);
    --ag-radius: 12px;
}

/* ── BASE ── */
body.ag-dark { background: var(--ag-bg) !important; color: var(--ag-text) !important; -webkit-font-smoothing: antialiased; }

/* ── TOP HEADER / NAVBAR ── */
body.ag-dark #header { background: var(--ag-surface) !important; border-bottom: 1px solid var(--ag-border) !important; box-shadow: none !important; }
body.ag-dark #header nav { background: transparent !important; }
body.ag-dark #header .hide-menu { color: var(--ag-text-mid) !important; }
body.ag-dark #header .hide-menu:hover { background: var(--ag-glass) !important; color: var(--ag-text) !important; }
body.ag-dark #logo a.logo-text { color: var(--ag-text) !important; }

/* Search */
body.ag-dark #top_search #search_input { background: var(--ag-surface-2) !important; border: 1px solid var(--ag-border) !important; color: var(--ag-text) !important; border-radius: 10px !important; }
body.ag-dark #top_search #search_input:focus { border-color: rgba(173,10,24,0.3) !important; box-shadow: 0 0 0 2px var(--ag-red-glow) !important; }
body.ag-dark #top_search #search_input::placeholder { color: var(--ag-text-dim) !important; }
body.ag-dark #top_search_button button { color: var(--ag-text-dim) !important; }
body.ag-dark #search_results, body.ag-dark #search-history { background: var(--ag-surface-2) !important; border: 1px solid var(--ag-border) !important; border-radius: var(--ag-radius) !important; box-shadow: 0 16px 48px rgba(0,0,0,0.4) !important; }

/* Top bar nav items */
body.ag-dark #header .nav > li > a, body.ag-dark #header .navbar-right > li > a { color: var(--ag-text-mid) !important; }
body.ag-dark #header .nav > li > a:hover, body.ag-dark #header .navbar-right > li > a:hover { color: var(--ag-text) !important; background: var(--ag-glass) !important; }
body.ag-dark .icon-notifications .badge, body.ag-dark .nav-notifications .badge { background: var(--ag-red) !important; }

/* ── SIDEBAR ── */
body.ag-dark #menu.sidebar, body.ag-dark .sidebar { background: var(--ag-surface) !important; border-right: 1px solid var(--ag-border) !important; box-shadow: none !important; }
body.ag-dark .sidebar-user-profile .dropdown-toggle.profile { background: var(--ag-surface-2) !important; border-color: var(--ag-border) !important; color: var(--ag-text) !important; }
body.ag-dark .sidebar-user-profile .dropdown-toggle.profile:hover { background: var(--ag-surface-3) !important; border-color: var(--ag-border-hover) !important; }
body.ag-dark .sidebar-user-profile .dropdown-toggle.profile span { color: var(--ag-text) !important; }
body.ag-dark .sidebar-user-profile .dropdown-toggle.profile .tw-text-neutral-500, body.ag-dark .sidebar-user-profile .dropdown-toggle.profile .tw-text-neutral-300 { color: var(--ag-text-dim) !important; }

/* Sidebar menu */
body.ag-dark .sidebar .nav-tabs > li > a, body.ag-dark .sidebar .sidebar-menu li a, body.ag-dark #menu .nav-tabs > li > a, body.ag-dark .child-menu li a { color: var(--ag-text-mid) !important; }
body.ag-dark .sidebar .nav-tabs > li > a:hover, body.ag-dark .sidebar .sidebar-menu li a:hover, body.ag-dark #menu .nav-tabs > li > a:hover, body.ag-dark .child-menu li a:hover { color: var(--ag-text) !important; background: var(--ag-glass) !important; }
body.ag-dark .sidebar .nav-tabs > li.active > a, body.ag-dark .sidebar .sidebar-menu li.active > a, body.ag-dark #menu .nav-tabs > li.active > a { color: var(--ag-red) !important; background: var(--ag-red-soft) !important; border-left-color: var(--ag-red) !important; }
body.ag-dark .sidebar .menu-icon, body.ag-dark .sidebar .nav-tabs > li > a i, body.ag-dark .sidebar .sidebar-menu li a i { color: var(--ag-text-dim) !important; }
body.ag-dark .sidebar .nav-tabs > li.active > a i, body.ag-dark .sidebar .sidebar-menu li.active > a i { color: var(--ag-red) !important; }

/* ── MAIN CONTENT ── */
body.ag-dark #content, body.ag-dark .content, body.ag-dark #wrapper { background: var(--ag-bg) !important; }
body.ag-dark .page-heading { color: var(--ag-text) !important; }

/* ── PANELS / CARDS ── */
body.ag-dark .panel_s, body.ag-dark .panel-default, body.ag-dark .panel { background: var(--ag-surface) !important; border: 1px solid var(--ag-border) !important; border-radius: var(--ag-radius) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important; color: var(--ag-text) !important; }
body.ag-dark .panel-heading, body.ag-dark .panel .panel-heading { background: var(--ag-surface-2) !important; border-bottom: 1px solid var(--ag-border) !important; color: var(--ag-text) !important; border-radius: var(--ag-radius) var(--ag-radius) 0 0 !important; }
body.ag-dark .panel-body { background: transparent !important; color: var(--ag-text) !important; }
body.ag-dark .panel-footer { background: var(--ag-surface-2) !important; border-top: 1px solid var(--ag-border) !important; }

/* ── TABLES ── */
body.ag-dark .table, body.ag-dark .table-responsive { background: transparent !important; color: var(--ag-text) !important; }
body.ag-dark .table > thead > tr > th { background: var(--ag-surface-2) !important; color: var(--ag-text-mid) !important; border-bottom: 1px solid var(--ag-border) !important; font-size: 11px; text-transform: uppercase; letter-spacing: 0.8px; }
body.ag-dark .table > tbody > tr > td { border-color: var(--ag-border) !important; color: var(--ag-text) !important; }
body.ag-dark .table > tbody > tr:hover > td { background: var(--ag-glass) !important; }
body.ag-dark .table-striped > tbody > tr:nth-of-type(odd) > td { background: rgba(255,255,255,0.015) !important; }

/* DataTables */
body.ag-dark .dataTables_wrapper .dataTables_length, body.ag-dark .dataTables_wrapper .dataTables_filter, body.ag-dark .dataTables_wrapper .dataTables_info, body.ag-dark .dataTables_wrapper .dataTables_processing, body.ag-dark .dataTables_wrapper .dataTables_paginate { color: var(--ag-text-dim) !important; }
body.ag-dark .dataTables_wrapper .dataTables_filter input, body.ag-dark .dataTables_wrapper .dataTables_length select { background: var(--ag-surface-2) !important; border: 1px solid var(--ag-border) !important; color: var(--ag-text) !important; border-radius: 8px !important; }
body.ag-dark .dataTables_wrapper .dataTables_paginate .paginate_button { color: var(--ag-text-mid) !important; background: var(--ag-surface) !important; border: 1px solid var(--ag-border) !important; }
body.ag-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.ag-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: var(--ag-red) !important; color: #fff !important; border-color: var(--ag-red) !important; }

/* ── FORM CONTROLS ── */
body.ag-dark .form-control { background: var(--ag-surface-2) !important; border: 1px solid var(--ag-border) !important; color: var(--ag-text) !important; border-radius: 8px !important; }
body.ag-dark .form-control:focus { border-color: rgba(173,10,24,0.4) !important; box-shadow: 0 0 0 2px var(--ag-red-glow) !important; background: var(--ag-surface-3) !important; }
body.ag-dark .form-control::placeholder { color: var(--ag-text-dim) !important; }
body.ag-dark select.form-control, body.ag-dark select.form-control option { background: var(--ag-surface-2) !important; color: var(--ag-text) !important; }
body.ag-dark label, body.ag-dark .control-label { color: var(--ag-text-mid) !important; }

/* Bootstrap select */
body.ag-dark .bootstrap-select .btn-default { background: var(--ag-surface-2) !important; border: 1px solid var(--ag-border) !important; color: var(--ag-text) !important; }
body.ag-dark .bootstrap-select .dropdown-menu { background: var(--ag-surface-2) !important; border: 1px solid var(--ag-border) !important; }
body.ag-dark .bootstrap-select .dropdown-menu li a { color: var(--ag-text) !important; }
body.ag-dark .bootstrap-select .dropdown-menu li a:hover, body.ag-dark .bootstrap-select .dropdown-menu li.selected a { background: var(--ag-red-soft) !important; color: var(--ag-text) !important; }

/* ── BUTTONS ── */
body.ag-dark .btn-primary { background: linear-gradient(135deg, var(--ag-red), var(--ag-red-dark)) !important; border-color: var(--ag-red) !important; color: #fff !important; border-radius: 8px !important; }
body.ag-dark .btn-primary:hover, body.ag-dark .btn-primary:focus { box-shadow: 0 4px 15px var(--ag-red-glow) !important; }
body.ag-dark .btn-default, body.ag-dark .btn-white { background: var(--ag-surface-2) !important; border: 1px solid var(--ag-border) !important; color: var(--ag-text) !important; border-radius: 8px !important; }
body.ag-dark .btn-default:hover, body.ag-dark .btn-white:hover { background: var(--ag-surface-3) !important; border-color: var(--ag-border-hover) !important; color: var(--ag-text) !important; }
body.ag-dark .btn-success { background: var(--ag-success) !important; border-color: var(--ag-success) !important; border-radius: 8px !important; }
body.ag-dark .btn-info { background: var(--ag-info) !important; border-color: var(--ag-info) !important; border-radius: 8px !important; }
body.ag-dark .btn-warning { background: var(--ag-warning) !important; border-color: var(--ag-warning) !important; border-radius: 8px !important; }
body.ag-dark .btn-danger { background: var(--ag-danger) !important; border-color: var(--ag-danger) !important; border-radius: 8px !important; }

/* ── DROPDOWNS ── */
body.ag-dark .dropdown-menu { background: var(--ag-surface-2) !important; border: 1px solid var(--ag-border) !important; border-radius: var(--ag-radius) !important; box-shadow: 0 16px 48px rgba(0,0,0,0.4) !important; }
body.ag-dark .dropdown-menu > li > a { color: var(--ag-text) !important; }
body.ag-dark .dropdown-menu > li > a:hover, body.ag-dark .dropdown-menu > li > a:focus { background: var(--ag-red-soft) !important; color: var(--ag-text) !important; }
body.ag-dark .dropdown-menu .divider { background-color: var(--ag-border) !important; }

/* ── MODALS ── */
body.ag-dark .modal-content { background: var(--ag-surface) !important; border: 1px solid var(--ag-border) !important; border-radius: 16px !important; box-shadow: 0 32px 64px rgba(0,0,0,0.5) !important; color: var(--ag-text) !important; }
body.ag-dark .modal-header { border-bottom: 1px solid var(--ag-border) !important; color: var(--ag-text) !important; }
body.ag-dark .modal-header .close { color: var(--ag-text-dim) !important; text-shadow: none !important; }
body.ag-dark .modal-footer { border-top: 1px solid var(--ag-border) !important; }
body.ag-dark .modal-backdrop.in { opacity: 0.7 !important; }
body.ag-dark .modal-title { color: var(--ag-text) !important; }

/* ── ALERTS ── */
body.ag-dark .alert-success { background: rgba(46,204,113,0.1) !important; border-color: rgba(46,204,113,0.2) !important; color: #2ecc71 !important; border-radius: var(--ag-radius) !important; }
body.ag-dark .alert-danger { background: rgba(173,10,24,0.1) !important; border-color: rgba(173,10,24,0.2) !important; color: #ff8a8a !important; border-radius: var(--ag-radius) !important; }
body.ag-dark .alert-warning { background: rgba(243,156,18,0.1) !important; border-color: rgba(243,156,18,0.2) !important; color: #f39c12 !important; border-radius: var(--ag-radius) !important; }
body.ag-dark .alert-info { background: rgba(52,152,219,0.1) !important; border-color: rgba(52,152,219,0.2) !important; color: #3498db !important; border-radius: var(--ag-radius) !important; }

/* ── TABS ── */
body.ag-dark .nav-tabs { border-bottom: 1px solid var(--ag-border) !important; }
body.ag-dark .nav-tabs > li > a { color: var(--ag-text-mid) !important; border: none !important; }
body.ag-dark .nav-tabs > li > a:hover { background: transparent !important; color: var(--ag-text) !important; border-bottom: 2px solid var(--ag-red) !important; }
body.ag-dark .nav-tabs > li.active > a, body.ag-dark .nav-tabs > li.active > a:hover, body.ag-dark .nav-tabs > li.active > a:focus { background: transparent !important; color: var(--ag-red) !important; border: none !important; border-bottom: 2px solid var(--ag-red) !important; }
body.ag-dark .tab-content { color: var(--ag-text) !important; }

/* ── BADGES & LABELS ── */
body.ag-dark .label-default, body.ag-dark .badge { background: var(--ag-surface-3) !important; color: var(--ag-text-mid) !important; }
body.ag-dark .label-primary { background: var(--ag-red) !important; }
body.ag-dark .label-success { background: var(--ag-success) !important; }
body.ag-dark .label-danger { background: var(--ag-danger) !important; }
body.ag-dark .label-warning { background: var(--ag-warning) !important; }
body.ag-dark .label-info { background: var(--ag-info) !important; }

/* ── WELL ── */
body.ag-dark .well { background: var(--ag-surface-2) !important; border: 1px solid var(--ag-border) !important; border-radius: var(--ag-radius) !important; color: var(--ag-text) !important; box-shadow: none !important; }

/* ── BREADCRUMBS ── */
body.ag-dark .breadcrumb { background: transparent !important; color: var(--ag-text-dim) !important; }
body.ag-dark .breadcrumb > li + li::before { color: var(--ag-text-dim) !important; }
body.ag-dark .breadcrumb > .active { color: var(--ag-text-mid) !important; }

/* ── TEXT ── */
body.ag-dark h1, body.ag-dark h2, body.ag-dark h3, body.ag-dark h4, body.ag-dark h5, body.ag-dark h6 { color: var(--ag-text) !important; }
body.ag-dark .tw-text-neutral-800, body.ag-dark .tw-text-neutral-900, body.ag-dark .tw-text-neutral-700 { color: var(--ag-text) !important; }
body.ag-dark .text-muted, body.ag-dark .tw-text-neutral-500, body.ag-dark .tw-text-neutral-600, body.ag-dark .tw-text-neutral-400 { color: var(--ag-text-dim) !important; }
body.ag-dark a { color: var(--ag-red) !important; }
body.ag-dark a:hover { color: #c9222e !important; }
body.ag-dark .btn a, body.ag-dark .btn-primary a, body.ag-dark .btn-success a, body.ag-dark .btn-info a, body.ag-dark .btn-danger a, body.ag-dark .btn-warning a { color: inherit !important; }

/* ── PROGRESS ── */
body.ag-dark .progress { background: var(--ag-surface-2) !important; border-radius: 6px !important; }
body.ag-dark .progress-bar { background: var(--ag-red) !important; }
body.ag-dark .progress-bar-success { background: var(--ag-success) !important; }

/* ── TOOLTIP / POPOVER ── */
body.ag-dark .tooltip-inner { background: var(--ag-surface-3) !important; color: var(--ag-text) !important; border-radius: 8px !important; }
body.ag-dark .popover { background: var(--ag-surface-2) !important; border: 1px solid var(--ag-border) !important; border-radius: var(--ag-radius) !important; }
body.ag-dark .popover-title { background: var(--ag-surface-3) !important; border-bottom: 1px solid var(--ag-border) !important; color: var(--ag-text) !important; }
body.ag-dark .popover-content { color: var(--ag-text) !important; }

/* ── LIST GROUPS ── */
body.ag-dark .list-group-item { background: var(--ag-surface) !important; border-color: var(--ag-border) !important; color: var(--ag-text) !important; }
body.ag-dark .list-group-item:hover { background: var(--ag-surface-2) !important; }

/* ── WIDGETS ── */
body.ag-dark .widget { background: var(--ag-surface) !important; border: 1px solid var(--ag-border) !important; border-radius: var(--ag-radius) !important; }

/* ── TAILWIND OVERRIDES ── */
body.ag-dark .tw-bg-white { background-color: var(--ag-surface) !important; }
body.ag-dark .tw-bg-neutral-50, body.ag-dark .tw-bg-neutral-100 { background-color: var(--ag-surface-2) !important; }
body.ag-dark .tw-bg-neutral-200 { background-color: var(--ag-surface-3) !important; }
body.ag-dark .tw-border-neutral-300, body.ag-dark .tw-border-neutral-200 { border-color: var(--ag-border) !important; }
body.ag-dark .tw-shadow-sm, body.ag-dark .tw-shadow-xs { box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important; }

/* ── NOTIFICATIONS ── */
body.ag-dark .float_alert, body.ag-dark .alert_float { background: var(--ag-surface-2) !important; border: 1px solid var(--ag-border) !important; color: var(--ag-text) !important; border-radius: var(--ag-radius) !important; }

/* ── CALENDAR ── */
body.ag-dark .fc-unthemed td, body.ag-dark .fc-unthemed th { border-color: var(--ag-border) !important; }
body.ag-dark .fc-unthemed .fc-today { background: var(--ag-red-soft) !important; }

/* ── KANBAN ── */
body.ag-dark .kan-ban-col { background: var(--ag-surface) !important; border: 1px solid var(--ag-border) !important; border-radius: var(--ag-radius) !important; }
body.ag-dark .kan-ban-content-wrapper { background: transparent !important; }

/* ── SCROLLBAR (dark mode only) ── */
body.ag-dark ::-webkit-scrollbar { width: 6px; height: 6px; }
body.ag-dark ::-webkit-scrollbar-track { background: var(--ag-bg); }
body.ag-dark ::-webkit-scrollbar-thumb { background: var(--ag-surface-3); border-radius: 3px; }
body.ag-dark ::-webkit-scrollbar-thumb:hover { background: rgba(173,10,24,0.3); }

/* ── CUSTOMER PORTAL (dark mode) ── */
body.ag-dark.customers:not(.customers_login) { background: var(--ag-bg) !important; color: var(--ag-text) !important; }
body.ag-dark.customers:not(.customers_login) .navbar.header { background: var(--ag-surface) !important; border-bottom: 1px solid var(--ag-border) !important; box-shadow: none !important; }
body.ag-dark.customers:not(.customers_login) .navbar.header .nav > li > a { color: var(--ag-text-mid) !important; }
body.ag-dark.customers:not(.customers_login) .navbar.header .nav > li > a:hover, body.ag-dark.customers:not(.customers_login) .navbar.header .nav > li.active > a { color: var(--ag-red) !important; }
body.ag-dark.customers:not(.customers_login) .footer { background: var(--ag-surface) !important; border-top: 1px solid var(--ag-border) !important; }
body.ag-dark.customers:not(.customers_login) .copyright-footer { color: var(--ag-text-dim) !important; }
body.ag-dark .customer-top-submenu { border-bottom: 1px solid var(--ag-border) !important; }
body.ag-dark .customer-top-submenu li a { color: var(--ag-text-mid) !important; }
body.ag-dark .customer-top-submenu li a:hover { color: var(--ag-red) !important; }

/* ═══════════════════════════════════════════════════════
   DASHBOARD-SPECIFIC OVERRIDES
   ═══════════════════════════════════════════════════════ */

/* Top stat cards */
body.ag-dark .top_stats_wrapper {
    background: var(--ag-surface) !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-radius) !important;
    padding: 16px 20px !important;
}

body.ag-dark .top_stats_wrapper .tw-text-neutral-800,
body.ag-dark .top_stats_wrapper .tw-font-medium,
body.ag-dark .top_stats_wrapper span {
    color: var(--ag-text) !important;
}

body.ag-dark .top_stats_wrapper .text-neutral-600,
body.ag-dark .top_stats_wrapper .tw-text-neutral-600,
body.ag-dark .top_stats_wrapper .tw-font-semibold {
    color: var(--ag-text-mid) !important;
}

body.ag-dark .top_stats_wrapper svg {
    color: var(--ag-text-dim) !important;
}

/* Progress bars in dashboard */
body.ag-dark .progress-bar-mini {
    background: var(--ag-surface-3) !important;
}

/* Finance overview section */
body.ag-dark .finance-summary .panel_s {
    background: var(--ag-surface) !important;
}

body.ag-dark .home-summary .text-neutral-700,
body.ag-dark .home-summary .tw-text-neutral-500,
body.ag-dark .home-summary .tw-font-medium {
    color: var(--ag-text) !important;
}

body.ag-dark .text-stats-wrapper,
body.ag-dark .text-stats-wrapper a,
body.ag-dark .text-stats-wrapper span {
    color: var(--ag-text-mid) !important;
}

body.ag-dark .text-stats-wrapper a:hover {
    color: var(--ag-text) !important;
}

body.ag-dark .home-summary .text-success { color: var(--ag-success) !important; }
body.ag-dark .home-summary .text-danger { color: var(--ag-danger) !important; }
body.ag-dark .home-summary .text-warning { color: var(--ag-warning) !important; }
body.ag-dark .home-summary .text-info { color: var(--ag-info) !important; }

/* Finance summary bottom cards (Outstanding, Past Due, Paid) */
body.ag-dark .finance-summary .panel-body .row > div > div {
    color: var(--ag-text) !important;
}

body.ag-dark .finance-summary .panel-body strong,
body.ag-dark .finance-summary .panel-body .tw-font-semibold,
body.ag-dark .finance-summary .panel-body .bold {
    color: var(--ag-text) !important;
}

/* Widget dragger handle */
body.ag-dark .widget-dragger {
    color: var(--ag-text-dim) !important;
}

body.ag-dark .widget-dragger:hover {
    color: var(--ag-text) !important;
}

/* User data / My Tasks widget */
body.ag-dark .user-data .panel-body,
body.ag-dark .home-activity {
    background: var(--ag-surface) !important;
}

body.ag-dark .nav-tabs-horizontal > li > a {
    color: var(--ag-text-mid) !important;
}

body.ag-dark .nav-tabs-horizontal > li > a:hover {
    color: var(--ag-text) !important;
}

body.ag-dark .nav-tabs-horizontal > li.active > a {
    color: var(--ag-red) !important;
    border-bottom-color: var(--ag-red) !important;
}

body.ag-dark .nav-tabs-horizontal > li > a .menu-icon {
    color: inherit !important;
}

/* To do widget */
body.ag-dark .widget[data-name] h4,
body.ag-dark .widget[data-name] .tw-font-medium,
body.ag-dark .widget[data-name] .tw-font-semibold {
    color: var(--ag-text) !important;
}

/* General text-neutral Tailwind overrides for dashboard */
body.ag-dark .text-neutral-500,
body.ag-dark .text-neutral-600,
body.ag-dark .text-neutral-700,
body.ag-dark .text-neutral-800,
body.ag-dark .text-neutral-900 {
    color: var(--ag-text) !important;
}

body.ag-dark .tw-text-gray-900,
body.ag-dark .tw-text-gray-800,
body.ag-dark .tw-text-gray-700,
body.ag-dark .tw-text-gray-600,
body.ag-dark .tw-text-gray-500 {
    color: var(--ag-text-mid) !important;
}

/* Screen options / Dashboard options button */
body.ag-dark .screen-options-btn {
    background: var(--ag-surface-2) !important;
    border: 1px solid var(--ag-border) !important;
    color: var(--ag-text-mid) !important;
    border-radius: 8px !important;
}

body.ag-dark .screen-options-btn:hover {
    background: var(--ag-surface-3) !important;
    color: var(--ag-text) !important;
}

body.ag-dark .screen-options-area {
    background: var(--ag-surface) !important;
    border: 1px solid var(--ag-border) !important;
}

/* Leads overview chart area */
body.ag-dark .leads-overview,
body.ag-dark .leads-overview .panel_s {
    background: var(--ag-surface) !important;
}

/* Invoice summary boxes at bottom */
body.ag-dark [class*="invoice-total"],
body.ag-dark .outstanding-invoices,
body.ag-dark .past-due-invoices,
body.ag-dark .paid-invoices {
    background: var(--ag-surface) !important;
    border-color: var(--ag-border) !important;
    color: var(--ag-text) !important;
}

/* Horizontal scrollable tabs arrows */
body.ag-dark .scroller {
    background: var(--ag-surface) !important;
    color: var(--ag-text-mid) !important;
}

/* Chart legends */
body.ag-dark .chart-legend,
body.ag-dark .chart-legend span {
    color: var(--ag-text-dim) !important;
}

/* "No data" empty states */
body.ag-dark .tw-text-sm.tw-font-medium.tw-text-gray-900 {
    color: var(--ag-text-mid) !important;
}

body.ag-dark svg.tw-text-neutral-400 {
    color: var(--ag-text-dim) !important;
}

/* Year display on finance section */
body.ag-dark .panel-body .text-center {
    color: var(--ag-text) !important;
}

/* Bottom task bar */
body.ag-dark .horizontal-scrollable-tabs {
    background: transparent !important;
}

body.ag-dark .panel-full-width-tabs {
    border-color: var(--ag-border) !important;
}

/* Quick action buttons (green +) */
body.ag-dark .btn-group .btn.dropdown-toggle {
    color: #fff !important;
}

/* Notification panel in navbar */
body.ag-dark .notifications .notification-box {
    border-color: var(--ag-border) !important;
}

body.ag-dark .notifications .notification-title {
    color: var(--ag-text) !important;
}

body.ag-dark .notifications .notification-date {
    color: var(--ag-text-dim) !important;
}

body.ag-dark .notifications .unread-notification .notification-box {
    background: var(--ag-red-soft) !important;
}

/* Inline labels in notifications */
body.ag-dark .notification-box .label {
    color: #fff !important;
}

/* ── CANVAS ── */
body.ag-dark canvas { filter: brightness(0.95); }

/* ── SELECTION ── */
body.ag-dark ::selection { background: var(--ag-red) !important; color: #fff !important; }