/* ============================================================
 * Buzdy Portal — Green theme override
 * Matches buzdy.com website palette: primary #00A86B, light #F0FDF4
 * ============================================================ */

:root {
    --buzdy-green: #00A86B;
    --buzdy-green-dark: #059669;
    --buzdy-green-light: #F0FDF4;
    --buzdy-green-border: #BBF7D0;
    --buzdy-text: #111827;
    --buzdy-muted: #6B7280;
}

/* ----- Brand / Navbar ----- */
.navbar.fixed-top {
    background: #ffffff !important;
    border-bottom: 1px solid var(--buzdy-green-border) !important;
    box-shadow: 0 1px 3px rgba(0, 168, 107, 0.06) !important;
}

.navbar-brand-wrapper {
    background: #ffffff !important;
    border-right: 1px solid var(--buzdy-green-border) !important;
}

.navbar .navbar-brand img {
    display: inline-block !important;
}

/* ----- Sidebar ----- */
.sidebar {
    background: #ffffff !important;
    border-right: 1px solid #E5E7EB !important;
}

.sidebar .nav .nav-item .nav-link {
    color: #374151 !important;
    border-left: 3px solid transparent;
    transition: all 0.15s ease;
}

.sidebar .nav .nav-item .nav-link:hover {
    background: var(--buzdy-green-light) !important;
    color: var(--buzdy-green) !important;
    border-left-color: var(--buzdy-green) !important;
}

.sidebar .nav .nav-item.active > .nav-link,
.sidebar .nav .nav-item .nav-link.active {
    background: var(--buzdy-green-light) !important;
    color: var(--buzdy-green) !important;
    border-left-color: var(--buzdy-green) !important;
    font-weight: 600;
}

.sidebar .nav .nav-item .nav-link i.menu-icon,
.sidebar .nav .nav-item.active > .nav-link i.menu-icon {
    color: var(--buzdy-green) !important;
}

.sidebar .nav.sub-menu .nav-item .nav-link:before {
    color: var(--buzdy-green) !important;
}

.sidebar .nav .nav-item.nav-profile .profile-name .name {
    color: var(--buzdy-text) !important;
    font-weight: 600;
}

.sidebar .nav .nav-item.nav-profile .profile-name .designation {
    color: var(--buzdy-green) !important;
}

.sidebar .nav .nav-item.nav-profile .profile-image .online-status.online {
    background: var(--buzdy-green) !important;
}

/* ----- Page Background ----- */
.page-body-wrapper,
.main-panel,
.content-wrapper {
    background: #F9FAFB !important;
}

/* ----- Buttons (primary) ----- */
.btn-primary,
.btn-info {
    background: var(--buzdy-green) !important;
    border-color: var(--buzdy-green) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
    background: var(--buzdy-green-dark) !important;
    border-color: var(--buzdy-green-dark) !important;
    box-shadow: 0 2px 6px rgba(0, 168, 107, 0.25) !important;
}

.btn-outline-primary,
.btn-outline-info {
    color: var(--buzdy-green) !important;
    border-color: var(--buzdy-green) !important;
    background: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-info:hover {
    background: var(--buzdy-green) !important;
    color: #ffffff !important;
}

.btn-success {
    background: var(--buzdy-green) !important;
    border-color: var(--buzdy-green) !important;
}

.btn-success:hover {
    background: var(--buzdy-green-dark) !important;
    border-color: var(--buzdy-green-dark) !important;
}

/* ----- Links ----- */
a,
a:visited {
    color: var(--buzdy-green);
}

a:hover {
    color: var(--buzdy-green-dark);
}

/* ----- Cards ----- */
.card {
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.card .card-title {
    color: var(--buzdy-text) !important;
    font-weight: 600;
}

/* ----- Stat / dashboard tiles ----- */
.bg-info,
.bg-primary {
    background: var(--buzdy-green) !important;
}

.text-info,
.text-primary {
    color: var(--buzdy-green) !important;
}

.border-info,
.border-primary {
    border-color: var(--buzdy-green) !important;
}

/* ----- Badges ----- */
.badge-info,
.badge-primary {
    background: var(--buzdy-green) !important;
    color: #ffffff !important;
}

.badge-success {
    background: var(--buzdy-green-light) !important;
    color: var(--buzdy-green-dark) !important;
}

/* ----- Forms ----- */
.form-control:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--buzdy-green) !important;
    box-shadow: 0 0 0 0.15rem rgba(0, 168, 107, 0.15) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--buzdy-green) !important;
    border-color: var(--buzdy-green) !important;
}

/* ----- Tables ----- */
.table thead th {
    background: var(--buzdy-green-light) !important;
    color: var(--buzdy-green-dark) !important;
    border-bottom: 1px solid var(--buzdy-green-border) !important;
    font-weight: 600;
}

.table tbody tr:hover {
    background: rgba(240, 253, 244, 0.5) !important;
}

/* ----- DataTables ----- */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--buzdy-green) !important;
    border-color: var(--buzdy-green) !important;
    color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--buzdy-green-light) !important;
    border-color: var(--buzdy-green-border) !important;
    color: var(--buzdy-green-dark) !important;
}

/* ----- Pagination ----- */
.page-item.active .page-link {
    background: var(--buzdy-green) !important;
    border-color: var(--buzdy-green) !important;
}

.page-link {
    color: var(--buzdy-green) !important;
}

.page-link:hover {
    background: var(--buzdy-green-light) !important;
    border-color: var(--buzdy-green-border) !important;
    color: var(--buzdy-green-dark) !important;
}

/* ----- Notification icon ----- */
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {
    color: var(--buzdy-text);
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:hover i {
    color: var(--buzdy-green);
}

/* ----- Spinner ----- */
.ajaxLoader .spinner,
.spinner {
    color: var(--buzdy-green) !important;
}

/* ----- Headings on dashboard ----- */
.page-title,
.page-header h1,
.page-header h2,
.page-header h3,
.dashboard h1,
.dashboard h2,
.dashboard h3 {
    color: var(--buzdy-text) !important;
}

/* ----- Sweet alert primary buttons ----- */
.swal-button--confirm {
    background-color: var(--buzdy-green) !important;
}

.swal-button--confirm:hover {
    background-color: var(--buzdy-green-dark) !important;
}

/* ============================================================
 *  SIDEBAR REDESIGN
 * ============================================================ */

#customSidebar.sidebar,
.sidebar {
    background: #ffffff !important;
    border-right: 1px solid #E5E7EB !important;
    padding-top: 8px !important;
}

#customSidebar .nav,
.sidebar .nav {
    padding: 8px 10px !important;
}

/* --- Profile card --- */
.buzdy-profile {
    margin-bottom: 14px !important;
    padding: 0 !important;
}

.buzdy-profile .buzdy-profile-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 14px !important;
    background: linear-gradient(135deg, #F0FDF4 0%, #ECFDF5 100%) !important;
    border: 1px solid var(--buzdy-green-border) !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.buzdy-profile .buzdy-profile-link:hover {
    border-color: var(--buzdy-green) !important;
    box-shadow: 0 4px 12px rgba(0, 168, 107, 0.12) !important;
    transform: translateY(-1px);
}

.buzdy-avatar-wrap {
    position: relative;
    width: 46px;
    height: 46px;
    flex-shrink: 0;
}

.buzdy-avatar-img,
.buzdy-avatar-fallback {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--buzdy-green);
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 2px var(--buzdy-green-border);
}

.buzdy-avatar-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Roboto', system-ui, sans-serif;
}

.buzdy-status-dot {
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 12px;
    height: 12px;
    background: #10B981;
    border: 2px solid #ffffff;
    border-radius: 50%;
}

.buzdy-profile-text {
    flex: 1;
    min-width: 0;
}

.buzdy-profile-name {
    margin: 0 0 2px 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--buzdy-text) !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.buzdy-profile-role {
    margin: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--buzdy-green-dark) !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    line-height: 1.2 !important;
}

/* --- Nav items --- */
#customSidebar .nav .nav-item,
.sidebar .nav .nav-item {
    margin-bottom: 2px !important;
}

#customSidebar .nav .nav-item .nav-link,
.sidebar .nav .nav-item .nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 14px !important;
    border-radius: 10px !important;
    color: #374151 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    border-left: none !important;
    transition: background 0.12s ease, color 0.12s ease, transform 0.12s ease;
    position: relative;
}

#customSidebar .nav .nav-item .nav-link .menu-icon,
.sidebar .nav .nav-item .nav-link .menu-icon,
#customSidebar .nav .nav-item .nav-link i.fa,
.sidebar .nav .nav-item .nav-link i.fa {
    color: #9CA3AF !important;
    font-size: 16px !important;
    width: 22px;
    text-align: center;
    margin: 0 !important;
    transition: color 0.12s ease;
}

#customSidebar .nav .nav-item .nav-link:hover,
.sidebar .nav .nav-item .nav-link:hover {
    background: var(--buzdy-green-light) !important;
    color: var(--buzdy-green-dark) !important;
}

#customSidebar .nav .nav-item .nav-link:hover .menu-icon,
.sidebar .nav .nav-item .nav-link:hover i.fa {
    color: var(--buzdy-green) !important;
}

/* Active pill — scoped to TOP-LEVEL nav items only. The previous
   selector was cascading the green background onto every sub-menu
   child as well, making the selection look like overlapping boxes. */
#customSidebar > .nav > .nav-item.active > .nav-link,
.sidebar > .nav > .nav-item.active > .nav-link,
#customSidebar > .nav > .nav-item > .nav-link.active,
.sidebar > .nav > .nav-item > .nav-link.active {
    background: var(--buzdy-green) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 10px rgba(0, 168, 107, 0.25) !important;
}
#customSidebar > .nav > .nav-item.active > .nav-link .menu-icon,
.sidebar > .nav > .nav-item.active > .nav-link .menu-icon,
#customSidebar > .nav > .nav-item.active > .nav-link i.fa,
.sidebar > .nav > .nav-item.active > .nav-link i.fa {
    color: #ffffff !important;
}
#customSidebar > .nav > .nav-item.active > .nav-link[data-toggle="collapse"]:after,
.sidebar > .nav > .nav-item.active > .nav-link[data-toggle="collapse"]:after {
    color: #ffffff !important;
}

/* Sub-menu container — subtle indentation, no background pill */
#customSidebar .nav .sub-menu,
.sidebar .nav .sub-menu {
    padding: 6px 0 8px 8px !important;
    margin: 2px 0 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    border-left: 2px solid #F0FDF4 !important;
    margin-left: 22px !important;
}

/* Sub-menu items — always subtle, never the green pill */
#customSidebar .nav .sub-menu .nav-item,
.sidebar .nav .sub-menu .nav-item {
    background: transparent !important;
    box-shadow: none !important;
    margin-bottom: 1px !important;
}
#customSidebar .nav .sub-menu .nav-item .nav-link,
.sidebar .nav .sub-menu .nav-item .nav-link {
    padding: 7px 10px 7px 22px !important;
    font-size: 12.5px !important;
    color: #6B7280 !important;
    background: transparent !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-weight: 500 !important;
    position: relative;
    display: block !important;
}
#customSidebar .nav .sub-menu .nav-item .nav-link:before,
.sidebar .nav .sub-menu .nav-item .nav-link:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #D1D5DB;
    margin: 0 !important;
    font-size: 0;
    transition: background 0.15s;
}
#customSidebar .nav .sub-menu .nav-item .nav-link:hover,
.sidebar .nav .sub-menu .nav-item .nav-link:hover {
    background: var(--buzdy-green-light) !important;
    color: var(--buzdy-green-dark) !important;
}
#customSidebar .nav .sub-menu .nav-item .nav-link:hover:before,
.sidebar .nav .sub-menu .nav-item .nav-link:hover:before,
#customSidebar .nav .sub-menu .nav-item.active > .nav-link:before,
.sidebar .nav .sub-menu .nav-item.active > .nav-link:before {
    background: var(--buzdy-green) !important;
}
#customSidebar .nav .sub-menu .nav-item.active > .nav-link,
.sidebar .nav .sub-menu .nav-item.active > .nav-link {
    background: var(--buzdy-green-light) !important;
    color: var(--buzdy-green-dark) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* Hide leftover badge bubbles when empty */
#customSidebar .badge:empty,
.sidebar .badge:empty {
    display: none !important;
}

/* Caret icon for collapsible items */
#customSidebar .nav .nav-item .nav-link[data-toggle="collapse"]:after,
.sidebar .nav .nav-item .nav-link[data-toggle="collapse"]:after {
    content: '\f107';
    font-family: 'FontAwesome';
    margin-left: auto;
    font-size: 12px;
    color: #9CA3AF;
    transition: transform 0.2s ease;
}

#customSidebar .nav .nav-item .nav-link[data-toggle="collapse"][aria-expanded="true"]:after,
.sidebar .nav .nav-item .nav-link[data-toggle="collapse"][aria-expanded="true"]:after {
    transform: rotate(180deg);
}

#customSidebar .nav .nav-item .nav-link[data-toggle="collapse"]:hover:after,
.sidebar .nav .nav-item .nav-link[data-toggle="collapse"]:hover:after {
    color: var(--buzdy-green) !important;
}

/* ============================================================
 * Sidebar category headings — organize nav into groups
 * ============================================================ */
#customSidebar .nav .nav-item.nav-category-heading,
.sidebar .nav .nav-item.nav-category-heading,
.nav-category-heading {
    list-style: none;
    padding: 16px 14px 6px !important;
    margin: 6px 0 2px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #9CA3AF !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    pointer-events: none;
    background: transparent !important;
    border: none !important;
    display: block !important;
}
#customSidebar .nav .nav-item.nav-category-heading:first-of-type,
.nav-category-heading:first-of-type {
    padding-top: 8px !important;
}
/* Small visual separator above each heading (except first) */
#customSidebar .nav .nav-item.nav-category-heading:not(:first-of-type)::before,
.nav-category-heading:not(:first-of-type)::before {
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(90deg, transparent, #E5E7EB, transparent);
    margin: 4px 10px 10px;
}

/* ============================================================
 * DARK MODE — activated by html[data-theme="dark"]
 * ============================================================ */
html[data-theme="dark"] {
    --d-bg: #0F172A;
    --d-bg-2: #1E293B;
    --d-bg-3: #334155;
    --d-card: #1E293B;
    --d-text: #F1F5F9;
    --d-text-2: #CBD5E1;
    --d-muted: #94A3B8;
    --d-line: #334155;
    --d-line-2: #475569;
    --d-green-light: #064E3B;
    --d-green-border: #065F46;
}

/* Base page */
html[data-theme="dark"] body,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .page-body-wrapper,
html[data-theme="dark"] .main-panel {
    background: var(--d-bg) !important;
    color: var(--d-text) !important;
}

/* Navbar */
html[data-theme="dark"] .navbar.fixed-top {
    background: var(--d-bg-2) !important;
    border-bottom-color: var(--d-line) !important;
}
html[data-theme="dark"] .navbar-brand-wrapper {
    background: var(--d-bg-2) !important;
    border-right-color: var(--d-line) !important;
}

/* Sidebar */
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] #customSidebar {
    background: var(--d-bg-2) !important;
    border-right-color: var(--d-line) !important;
}
html[data-theme="dark"] .sidebar .nav .nav-item .nav-link,
html[data-theme="dark"] #customSidebar .nav .nav-item .nav-link {
    color: var(--d-text-2) !important;
}
html[data-theme="dark"] .sidebar .nav .nav-item .nav-link:hover,
html[data-theme="dark"] #customSidebar .nav .nav-item .nav-link:hover {
    background: var(--d-green-light) !important;
    color: var(--buzdy-green) !important;
}
html[data-theme="dark"] .sidebar .nav .nav-item .nav-link .menu-icon,
html[data-theme="dark"] .sidebar .nav .nav-item .nav-link i.fa {
    color: var(--d-muted) !important;
}
html[data-theme="dark"] .sidebar .nav .nav-item .nav-link:hover .menu-icon,
html[data-theme="dark"] .sidebar .nav .nav-item .nav-link:hover i.fa {
    color: var(--buzdy-green) !important;
}
html[data-theme="dark"] .nav-category-heading {
    color: var(--d-muted) !important;
}
html[data-theme="dark"] .nav-category-heading:not(:first-of-type)::before {
    background: linear-gradient(90deg, transparent, var(--d-line), transparent) !important;
}
html[data-theme="dark"] #customSidebar .nav .sub-menu,
html[data-theme="dark"] .sidebar .nav .sub-menu {
    border-left-color: var(--d-green-light) !important;
}
html[data-theme="dark"] #customSidebar .nav .sub-menu .nav-item .nav-link,
html[data-theme="dark"] .sidebar .nav .sub-menu .nav-item .nav-link {
    color: var(--d-muted) !important;
}
html[data-theme="dark"] #customSidebar .nav .sub-menu .nav-item .nav-link:before,
html[data-theme="dark"] .sidebar .nav .sub-menu .nav-item .nav-link:before {
    background: var(--d-line-2) !important;
}

/* Profile card in sidebar */
html[data-theme="dark"] .buzdy-profile .buzdy-profile-link {
    background: linear-gradient(135deg, var(--d-green-light), #064E3B) !important;
    border-color: var(--d-green-border) !important;
}
html[data-theme="dark"] .buzdy-profile-name { color: var(--d-text) !important; }
html[data-theme="dark"] .buzdy-avatar-img,
html[data-theme="dark"] .buzdy-avatar-fallback {
    border-color: var(--d-bg-2) !important;
}

/* Cards & containers */
html[data-theme="dark"] .card,
html[data-theme="dark"] .pd-stat,
html[data-theme="dark"] .pd-chart,
html[data-theme="dark"] .pd-list,
html[data-theme="dark"] .pd-funnel,
html[data-theme="dark"] .pd-cmp,
html[data-theme="dark"] .pd-res-card,
html[data-theme="dark"] .cr-stat,
html[data-theme="dark"] .cr-filters,
html[data-theme="dark"] .cr-table-wrap,
html[data-theme="dark"] .vp-card {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
}

/* Headings & text */
html[data-theme="dark"] h1, html[data-theme="dark"] h2,
html[data-theme="dark"] h3, html[data-theme="dark"] h4,
html[data-theme="dark"] h5, html[data-theme="dark"] h6,
html[data-theme="dark"] .pd-stat h3,
html[data-theme="dark"] .pd-head h1,
html[data-theme="dark"] .cr-head h1,
html[data-theme="dark"] .pd-item-body h6,
html[data-theme="dark"] .vp-field-value,
html[data-theme="dark"] .cr-stat h3,
html[data-theme="dark"] .cr-name {
    color: var(--d-text) !important;
}
html[data-theme="dark"] .pd-head p,
html[data-theme="dark"] .pd-cat-subtitle,
html[data-theme="dark"] .pd-stat p,
html[data-theme="dark"] .pd-item-body p,
html[data-theme="dark"] .vp-field-label,
html[data-theme="dark"] .cr-stat p,
html[data-theme="dark"] .cr-head p,
html[data-theme="dark"] .cr-msg,
html[data-theme="dark"] .cr-email,
html[data-theme="dark"] .cr-phone,
html[data-theme="dark"] .cr-time {
    color: var(--d-muted) !important;
}

/* Tables */
html[data-theme="dark"] .table,
html[data-theme="dark"] .cr-table,
html[data-theme="dark"] table.dataTable {
    color: var(--d-text) !important;
    background: var(--d-card) !important;
}
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .cr-table thead th,
html[data-theme="dark"] table.dataTable thead th {
    background: var(--d-green-light) !important;
    color: var(--buzdy-green) !important;
    border-bottom-color: var(--d-green-border) !important;
}
html[data-theme="dark"] .table td,
html[data-theme="dark"] .cr-table td {
    border-color: var(--d-line) !important;
    color: var(--d-text-2) !important;
}
html[data-theme="dark"] .table tbody tr:hover,
html[data-theme="dark"] .cr-table tbody tr:hover {
    background: rgba(0, 168, 107, 0.08) !important;
}

/* Inputs */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .cr-search input,
html[data-theme="dark"] .cr-select,
html[data-theme="dark"] .cr-date,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background: var(--d-bg) !important;
    border-color: var(--d-line-2) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: var(--d-muted) !important;
}

/* Dropdowns */
html[data-theme="dark"] .dropdown-menu {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] .dropdown-item { color: var(--d-text-2) !important; }
html[data-theme="dark"] .dropdown-item:hover {
    background: var(--d-green-light) !important;
    color: var(--buzdy-green) !important;
}

/* Borders & dividers */
html[data-theme="dark"] .pd-cat-head,
html[data-theme="dark"] .cr-filters,
html[data-theme="dark"] .pd-list-head,
html[data-theme="dark"] .pd-item {
    border-color: var(--d-line) !important;
}

/* Dark mode toggle button */
.buzdy-dark-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #F0FDF4;
    color: #00A86B;
    border: 1px solid #D1FAE5;
    cursor: pointer;
    transition: all 0.15s ease;
    margin-right: 10px;
}
.buzdy-dark-toggle:hover {
    background: #00A86B;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,168,107,0.2);
}
html[data-theme="dark"] .buzdy-dark-toggle {
    background: var(--d-bg-3);
    color: #FBBF24;
    border-color: var(--d-line-2);
}
html[data-theme="dark"] .buzdy-dark-toggle:hover {
    background: #FBBF24;
    color: var(--d-bg);
    border-color: #FBBF24;
}
.buzdy-dark-toggle .ico-sun { display: none; }
.buzdy-dark-toggle .ico-moon { display: block; }
html[data-theme="dark"] .buzdy-dark-toggle .ico-sun { display: block; }
html[data-theme="dark"] .buzdy-dark-toggle .ico-moon { display: none; }

/* ====================================================================
 * DARK MODE — AGGRESSIVE OVERRIDES FOR ADMIN PAGES (v3)
 * Covers inline-styled elements, bootstrap utility classes, legacy tables
 * ==================================================================== */

/* Global containers */
html[data-theme="dark"] .container,
html[data-theme="dark"] .container-fluid,
html[data-theme="dark"] .row,
html[data-theme="dark"] .col,
html[data-theme="dark"] [class*="col-"],
html[data-theme="dark"] .page-title-box,
html[data-theme="dark"] .page-content,
html[data-theme="dark"] main,
html[data-theme="dark"] section {
    background: transparent !important;
    color: var(--d-text) !important;
}

/* Top navbar - full dark */
html[data-theme="dark"] .navbar,
html[data-theme="dark"] .navbar-menu-wrapper,
html[data-theme="dark"] .navbar.fixed-top {
    background: var(--d-bg-2) !important;
    border-bottom: 1px solid var(--d-line) !important;
}
html[data-theme="dark"] .navbar *,
html[data-theme="dark"] .navbar-menu-wrapper * {
    color: var(--d-text) !important;
}
html[data-theme="dark"] .navbar .nav-link,
html[data-theme="dark"] .navbar a { color: var(--d-text-2) !important; }

/* Bootstrap utility classes — bg overrides */
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-body,
html[data-theme="dark"] .bg-gray-100,
html[data-theme="dark"] .bg-gray-50 {
    background: var(--d-card) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-body,
html[data-theme="dark"] .text-black { color: var(--d-text) !important; }
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary { color: var(--d-muted) !important; }

/* INLINE STYLE OVERRIDES — match common white/light backgrounds used in Blade */
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#FFFFFF"],
html[data-theme="dark"] [style*="background: #FFFFFF"],
html[data-theme="dark"] [style*="background:#FAFAFA"],
html[data-theme="dark"] [style*="background:#F9FAFB"],
html[data-theme="dark"] [style*="background:#F3F4F6"],
html[data-theme="dark"] [style*="background:#F0FDF4"],
html[data-theme="dark"] [style*="background:#E5FBF1"],
html[data-theme="dark"] [style*="background:#ECFDF5"],
html[data-theme="dark"] [style*="background:#F1F5F9"],
html[data-theme="dark"] [style*="background:#F8F9FA"] {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] [style*="color:#111827"],
html[data-theme="dark"] [style*="color: #111827"],
html[data-theme="dark"] [style*="color:#1F2937"],
html[data-theme="dark"] [style*="color:#374151"],
html[data-theme="dark"] [style*="color:#000"] {
    color: var(--d-text) !important;
}
html[data-theme="dark"] [style*="color:#6B7280"],
html[data-theme="dark"] [style*="color:#9CA3AF"],
html[data-theme="dark"] [style*="color:#4B5563"] {
    color: var(--d-muted) !important;
}

/* Filter bar pink/purple gradient override (manageBanks, manageMerchants, etc.) */
html[data-theme="dark"] [style*="background:linear-gradient"],
html[data-theme="dark"] [style*="background: linear-gradient"],
html[data-theme="dark"] [style*="background-image:linear-gradient"],
html[data-theme="dark"] [style*="background-image: linear-gradient"] {
    background: var(--d-card) !important;
    background-image: none !important;
    border: 1px solid var(--d-line) !important;
}
/* But keep buzdy-green gradients (primary buttons) intact */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] [class*="btn-green"],
html[data-theme="dark"] .cr-btn.primary {
    background: linear-gradient(135deg, #00A86B, #00875A) !important;
    color: #fff !important;
    border: none !important;
}

/* Tables - aggressive */
html[data-theme="dark"] table,
html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .dataTables_wrapper {
    background: var(--d-card) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] table thead,
html[data-theme="dark"] table thead tr,
html[data-theme="dark"] table thead th {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] table tbody tr {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] table tbody tr:nth-child(even) {
    background: var(--d-bg-2) !important;
}
html[data-theme="dark"] table tbody tr:hover {
    background: rgba(0,168,107,0.10) !important;
}
html[data-theme="dark"] table tbody td,
html[data-theme="dark"] table tbody td a {
    color: var(--d-text) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] table tbody td small,
html[data-theme="dark"] table tbody td .text-muted {
    color: var(--d-muted) !important;
}

/* Count badges (0, 3, 4 chips) - currently white circles */
html[data-theme="dark"] .badge,
html[data-theme="dark"] .count-badge,
html[data-theme="dark"] td > span[style*="border-radius"],
html[data-theme="dark"] td span.rounded-pill {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
    border: 1px solid var(--d-line) !important;
}
html[data-theme="dark"] .badge-success,
html[data-theme="dark"] .bg-success {
    background: rgba(0,168,107,0.20) !important;
    color: #34D399 !important;
}

/* Inputs, selects, textareas - aggressive */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .custom-select,
html[data-theme="dark"] .select2-selection,
html[data-theme="dark"] .select2-container--default .select2-selection--single {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
    border: 1px solid var(--d-line-2) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] select::placeholder {
    color: var(--d-muted) !important;
    opacity: 0.75;
}
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
    background: var(--d-bg) !important;
    border-color: var(--buzdy-green) !important;
    box-shadow: 0 0 0 3px rgba(0,168,107,0.18) !important;
}

/* Label fixes */
html[data-theme="dark"] label,
html[data-theme="dark"] .form-label,
html[data-theme="dark"] legend {
    color: var(--d-text-2) !important;
}

/* Select2 dropdown panels */
html[data-theme="dark"] .select2-dropdown,
html[data-theme="dark"] .select2-results__option {
    background: var(--d-card) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .select2-results__option--highlighted {
    background: var(--buzdy-green) !important;
    color: #fff !important;
}
html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--d-text) !important;
}

/* Modals */
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .modal-footer {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
}

/* Alerts */
html[data-theme="dark"] .alert-success {
    background: rgba(0,168,107,0.15) !important;
    color: #34D399 !important;
    border-color: rgba(0,168,107,0.35) !important;
}
html[data-theme="dark"] .alert-danger {
    background: rgba(239,68,68,0.12) !important;
    color: #F87171 !important;
    border-color: rgba(239,68,68,0.35) !important;
}
html[data-theme="dark"] .alert-info {
    background: rgba(59,130,246,0.12) !important;
    color: #60A5FA !important;
    border-color: rgba(59,130,246,0.35) !important;
}
html[data-theme="dark"] .alert-warning {
    background: rgba(251,191,36,0.12) !important;
    color: #FBBF24 !important;
    border-color: rgba(251,191,36,0.35) !important;
}

/* Logout button in dark mode (currently red on light) */
html[data-theme="dark"] a[href*="logout"],
html[data-theme="dark"] [style*="background:#FEF2F2"],
html[data-theme="dark"] [style*="background: #FEF2F2"] {
    background: rgba(239,68,68,0.12) !important;
    color: #F87171 !important;
    border-color: rgba(239,68,68,0.35) !important;
}

/* Buttons (generic) */
html[data-theme="dark"] .btn-default,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-light {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
    border-color: var(--d-line-2) !important;
}
html[data-theme="dark"] .btn-default:hover,
html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-light:hover {
    background: var(--d-bg) !important;
    border-color: var(--buzdy-green) !important;
}

/* Pagination */
html[data-theme="dark"] .pagination .page-link,
html[data-theme="dark"] .pagination .page-item span {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
    color: var(--d-text-2) !important;
}
html[data-theme="dark"] .pagination .page-item.active .page-link {
    background: var(--buzdy-green) !important;
    border-color: var(--buzdy-green) !important;
    color: #fff !important;
}

/* Images / logos on white backgrounds — add subtle white pill so they stay visible */
html[data-theme="dark"] table td img[src*="logo"],
html[data-theme="dark"] table td img[src*="storage"],
html[data-theme="dark"] .bank-logo img,
html[data-theme="dark"] .merchant-logo img {
    background: #ffffff !important;
    border-radius: 10px !important;
    padding: 4px !important;
}

/* Scrollbars */
html[data-theme="dark"] ::-webkit-scrollbar { background: var(--d-bg); }
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--d-line-2);
    border-radius: 6px;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--buzdy-green);
}

/* Language dropdown + notification icon in navbar */
html[data-theme="dark"] .dropdown-toggle,
html[data-theme="dark"] .notification-count {
    color: var(--d-text) !important;
}

/* Footer */
html[data-theme="dark"] footer,
html[data-theme="dark"] .footer {
    background: var(--d-bg-2) !important;
    color: var(--d-muted) !important;
    border-top: 1px solid var(--d-line) !important;
}

/* Extra: gradient backgrounds on forms/cards (reset) */
html[data-theme="dark"] .gradient-bg,
html[data-theme="dark"] .gradient-card,
html[data-theme="dark"] [class*="gradient"] {
    background: var(--d-card) !important;
    background-image: none !important;
}

/* Select option items */
html[data-theme="dark"] select option {
    background: var(--d-card) !important;
    color: var(--d-text) !important;
}

/* DataTables filter/length */
html[data-theme="dark"] .dataTables_filter input,
html[data-theme="dark"] .dataTables_length select {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
    border: 1px solid var(--d-line-2) !important;
}
html[data-theme="dark"] .dataTables_info,
html[data-theme="dark"] .dataTables_length,
html[data-theme="dark"] .dataTables_filter {
    color: var(--d-muted) !important;
}

/* ====================================================================
 * COLLAPSED SIDEBAR (sidebar-icon-only) FIXES
 * ==================================================================== */

/* Hide category headings entirely when collapsed */
body.sidebar-icon-only #customSidebar .nav-category-heading,
body.sidebar-icon-only .sidebar .nav-category-heading {
    display: none !important;
}

/* Hide category heading dividers */
body.sidebar-icon-only #customSidebar .nav-category-heading:not(:first-of-type)::before,
body.sidebar-icon-only .sidebar .nav-category-heading:not(:first-of-type)::before {
    display: none !important;
}

/* Profile block: shrink to just avatar circle, hide text */
body.sidebar-icon-only .buzdy-profile .buzdy-profile-link {
    padding: 12px 0 !important;
    justify-content: center !important;
    background: transparent !important;
    border-radius: 0 !important;
    border: none !important;
}
body.sidebar-icon-only .buzdy-profile-text {
    display: none !important;
}
body.sidebar-icon-only .buzdy-avatar-wrap {
    margin: 0 auto !important;
    width: 42px !important;
    height: 42px !important;
}
body.sidebar-icon-only .buzdy-avatar-img,
body.sidebar-icon-only .buzdy-avatar-fallback {
    width: 42px !important;
    height: 42px !important;
    font-size: 14px !important;
    line-height: 42px !important;
}

/* Hide the green ring glow on collapsed profile */
body.sidebar-icon-only .buzdy-profile .buzdy-profile-link::after {
    display: none !important;
}

/* Main nav items: center icons, hide text + chevrons */
body.sidebar-icon-only #customSidebar .nav > .nav-item > .nav-link,
body.sidebar-icon-only .sidebar .nav > .nav-item > .nav-link {
    justify-content: center !important;
    padding: 14px 0 !important;
    min-height: 48px !important;
}
body.sidebar-icon-only #customSidebar .nav > .nav-item > .nav-link .menu-title,
body.sidebar-icon-only #customSidebar .nav > .nav-item > .nav-link .menu-arrow,
body.sidebar-icon-only #customSidebar .nav > .nav-item > .nav-link span,
body.sidebar-icon-only #customSidebar .nav > .nav-item > .nav-link .badge,
body.sidebar-icon-only .sidebar .nav > .nav-item > .nav-link .menu-title,
body.sidebar-icon-only .sidebar .nav > .nav-item > .nav-link .menu-arrow,
body.sidebar-icon-only .sidebar .nav > .nav-item > .nav-link > span:not(.menu-icon):not(.bz-moon):not(.bz-sun),
body.sidebar-icon-only .sidebar .nav > .nav-item > .nav-link .badge {
    display: none !important;
}

/* Icon size + centering */
body.sidebar-icon-only #customSidebar .nav > .nav-item > .nav-link .menu-icon,
body.sidebar-icon-only .sidebar .nav > .nav-item > .nav-link .menu-icon,
body.sidebar-icon-only #customSidebar .nav > .nav-item > .nav-link i,
body.sidebar-icon-only .sidebar .nav > .nav-item > .nav-link i {
    margin: 0 !important;
    font-size: 18px !important;
}

/* Active pill on collapsed: center-aligned, smaller */
body.sidebar-icon-only #customSidebar .nav > .nav-item.active > .nav-link,
body.sidebar-icon-only .sidebar .nav > .nav-item.active > .nav-link {
    background: rgba(0, 168, 107, 0.12) !important;
    color: var(--buzdy-green) !important;
    border-left: 3px solid var(--buzdy-green) !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

/* Sub-menu hidden when collapsed (shows on hover as flyout if template supports it) */
body.sidebar-icon-only #customSidebar .nav .sub-menu,
body.sidebar-icon-only .sidebar .nav .sub-menu {
    display: none !important;
}

/* On hover, let the sub-menu fly out beside the sidebar */
body.sidebar-icon-only #customSidebar .nav > .nav-item:hover,
body.sidebar-icon-only .sidebar .nav > .nav-item:hover {
    position: relative;
}
body.sidebar-icon-only #customSidebar .nav > .nav-item:hover > .nav-link,
body.sidebar-icon-only .sidebar .nav > .nav-item:hover > .nav-link {
    background: rgba(0, 168, 107, 0.14) !important;
    color: var(--buzdy-green) !important;
}

/* Sidebar width when collapsed */
body.sidebar-icon-only #customSidebar,
body.sidebar-icon-only .sidebar {
    width: 72px !important;
    min-width: 72px !important;
}

/* Dark mode collapsed specific */
html[data-theme="dark"] body.sidebar-icon-only #customSidebar,
html[data-theme="dark"] body.sidebar-icon-only .sidebar {
    background: var(--d-bg-2) !important;
    border-right: 1px solid var(--d-line) !important;
}
html[data-theme="dark"] body.sidebar-icon-only .buzdy-avatar-fallback {
    background: linear-gradient(135deg, #00A86B, #065F46) !important;
    color: #fff !important;
}

/* ====================================================================
 * DARK MODE — UNIVERSAL INLINE STYLE OVERRIDES (v5)
 * Catches any hex starting with #f or #F (light colors)
 * Targets div/span/section/article elements to avoid polluting inputs
 * ==================================================================== */

/* Match all light-hex inline backgrounds on container elements */
html[data-theme="dark"] div[style*="background:#f"],
html[data-theme="dark"] div[style*="background: #f"],
html[data-theme="dark"] div[style*="background:#F"],
html[data-theme="dark"] div[style*="background: #F"],
html[data-theme="dark"] div[style*="background-color:#f"],
html[data-theme="dark"] div[style*="background-color: #f"],
html[data-theme="dark"] div[style*="background-color:#F"],
html[data-theme="dark"] div[style*="background-color: #F"],
html[data-theme="dark"] section[style*="background:#f"],
html[data-theme="dark"] section[style*="background:#F"],
html[data-theme="dark"] article[style*="background:#f"],
html[data-theme="dark"] article[style*="background:#F"],
html[data-theme="dark"] td[style*="background:#f"],
html[data-theme="dark"] td[style*="background:#F"],
html[data-theme="dark"] tr[style*="background:#f"],
html[data-theme="dark"] tr[style*="background:#F"],
html[data-theme="dark"] table[style*="background:#f"],
html[data-theme="dark"] table[style*="background:#F"],
html[data-theme="dark"] aside[style*="background:#f"],
html[data-theme="dark"] aside[style*="background:#F"],
html[data-theme="dark"] header[style*="background:#f"],
html[data-theme="dark"] header[style*="background:#F"],
html[data-theme="dark"] footer[style*="background:#f"],
html[data-theme="dark"] footer[style*="background:#F"],
html[data-theme="dark"] nav[style*="background:#f"],
html[data-theme="dark"] nav[style*="background:#F"],
html[data-theme="dark"] ul[style*="background:#f"],
html[data-theme="dark"] ul[style*="background:#F"],
html[data-theme="dark"] li[style*="background:#f"],
html[data-theme="dark"] li[style*="background:#F"] {
    background: var(--d-card) !important;
    background-color: var(--d-card) !important;
    color: var(--d-text) !important;
}

/* But PRESERVE known tints we explicitly want to keep */
html[data-theme="dark"] div[style*="#FF0000"],
html[data-theme="dark"] div[style*="#f85149"],
html[data-theme="dark"] div[style*="#ff0000"] {
    background: rgba(239,68,68,0.15) !important;
    color: #F87171 !important;
}

/* Specific light-variant backgrounds by exact hex — highest priority */
html[data-theme="dark"] [style*="#FEF2F2"],
html[data-theme="dark"] [style*="#fef2f2"],
html[data-theme="dark"] [style*="#FECACA"],
html[data-theme="dark"] [style*="#FEE2E2"],
html[data-theme="dark"] [style*="#fee2e2"] {
    background: rgba(239,68,68,0.12) !important;
    color: #F87171 !important;
    border-color: rgba(239,68,68,0.30) !important;
}
html[data-theme="dark"] [style*="#FFFBEB"],
html[data-theme="dark"] [style*="#fffbeb"],
html[data-theme="dark"] [style*="#FEF3C7"],
html[data-theme="dark"] [style*="#fef3c7"],
html[data-theme="dark"] [style*="#FFF7ED"],
html[data-theme="dark"] [style*="#fff7ed"] {
    background: rgba(251,191,36,0.12) !important;
    color: #FBBF24 !important;
    border-color: rgba(251,191,36,0.30) !important;
}
html[data-theme="dark"] [style*="#EFF6FF"],
html[data-theme="dark"] [style*="#eff6ff"],
html[data-theme="dark"] [style*="#e0e7ff"],
html[data-theme="dark"] [style*="#E0E7FF"],
html[data-theme="dark"] [style*="#e7f3ff"],
html[data-theme="dark"] [style*="#e8f4f8"],
html[data-theme="dark"] [style*="#e8f5fd"] {
    background: rgba(59,130,246,0.12) !important;
    color: #60A5FA !important;
    border-color: rgba(59,130,246,0.30) !important;
}
html[data-theme="dark"] [style*="#F0FDF4"],
html[data-theme="dark"] [style*="#f0fdf4"],
html[data-theme="dark"] [style*="#ECFDF5"],
html[data-theme="dark"] [style*="#ecfdf5"],
html[data-theme="dark"] [style*="#D1FAE5"],
html[data-theme="dark"] [style*="#d1fae5"] {
    background: rgba(0,168,107,0.12) !important;
    color: #34D399 !important;
    border-color: rgba(0,168,107,0.30) !important;
}
html[data-theme="dark"] [style*="#f3e8ff"],
html[data-theme="dark"] [style*="#F3E8FF"],
html[data-theme="dark"] [style*="#faf5ff"],
html[data-theme="dark"] [style*="#FAF5FF"],
html[data-theme="dark"] [style*="#e9d5ff"],
html[data-theme="dark"] [style*="#f5f3ff"],
html[data-theme="dark"] [style*="#F5F3FF"],
html[data-theme="dark"] [style*="#fdf4ff"],
html[data-theme="dark"] [style*="#FCE7F3"],
html[data-theme="dark"] [style*="#fce7f3"],
html[data-theme="dark"] [style*="#FFF0F6"],
html[data-theme="dark"] [style*="#fff0f6"] {
    background: rgba(168,85,247,0.12) !important;
    color: #C084FC !important;
    border-color: rgba(168,85,247,0.30) !important;
}

/* Dark text → light text (cover more hexes) */
html[data-theme="dark"] [style*="color:#111827"],
html[data-theme="dark"] [style*="color: #111827"],
html[data-theme="dark"] [style*="color:#1F2937"],
html[data-theme="dark"] [style*="color: #1F2937"],
html[data-theme="dark"] [style*="color:#1f2937"],
html[data-theme="dark"] [style*="color:#374151"],
html[data-theme="dark"] [style*="color: #374151"],
html[data-theme="dark"] [style*="color:#1E293B"],
html[data-theme="dark"] [style*="color:#1e293b"],
html[data-theme="dark"] [style*="color:#0F172A"],
html[data-theme="dark"] [style*="color:#0f172a"],
html[data-theme="dark"] [style*="color:#000"],
html[data-theme="dark"] [style*="color: #000"],
html[data-theme="dark"] [style*="color:#000000"] {
    color: var(--d-text) !important;
}
html[data-theme="dark"] [style*="color:#4B5563"],
html[data-theme="dark"] [style*="color:#4b5563"],
html[data-theme="dark"] [style*="color:#6B7280"],
html[data-theme="dark"] [style*="color:#6b7280"],
html[data-theme="dark"] [style*="color:#9CA3AF"],
html[data-theme="dark"] [style*="color:#9ca3af"],
html[data-theme="dark"] [style*="color:#64748B"],
html[data-theme="dark"] [style*="color:#64748b"],
html[data-theme="dark"] [style*="color:#94A3B8"],
html[data-theme="dark"] [style*="color:#94a3b8"] {
    color: var(--d-muted) !important;
}

/* Borders (light gray) → dark line */
html[data-theme="dark"] [style*="border:1px solid #E5E7EB"],
html[data-theme="dark"] [style*="border: 1px solid #E5E7EB"],
html[data-theme="dark"] [style*="border:1px solid #e5e7eb"],
html[data-theme="dark"] [style*="border:1px solid #F3F4F6"],
html[data-theme="dark"] [style*="border:1px solid #f3f4f6"],
html[data-theme="dark"] [style*="border:1px solid #D1D5DB"],
html[data-theme="dark"] [style*="border:1px solid #d1d5db"] {
    border-color: var(--d-line) !important;
}

/* Light linear-gradient strips (filter bars, headers) — flatten in dark */
html[data-theme="dark"] [style*="linear-gradient(135deg,#F"],
html[data-theme="dark"] [style*="linear-gradient(135deg, #F"],
html[data-theme="dark"] [style*="linear-gradient(135deg,#f"],
html[data-theme="dark"] [style*="linear-gradient(135deg, #f"],
html[data-theme="dark"] [style*="linear-gradient(180deg,#F"],
html[data-theme="dark"] [style*="linear-gradient(180deg, #F"],
html[data-theme="dark"] [style*="linear-gradient(180deg,#f"],
html[data-theme="dark"] [style*="linear-gradient(180deg, #f"],
html[data-theme="dark"] [style*="linear-gradient(90deg,#F"],
html[data-theme="dark"] [style*="linear-gradient(90deg,#f"] {
    background: var(--d-card) !important;
    background-image: none !important;
    border: 1px solid var(--d-line) !important;
}

/* Preserve brand green gradients (start with #00A or #00875 or #059) */
html[data-theme="dark"] [style*="linear-gradient(135deg,#00A"],
html[data-theme="dark"] [style*="linear-gradient(135deg, #00A"],
html[data-theme="dark"] [style*="linear-gradient(135deg,#00875"],
html[data-theme="dark"] [style*="linear-gradient(135deg, #00875"],
html[data-theme="dark"] [style*="linear-gradient(135deg,#059"],
html[data-theme="dark"] [style*="linear-gradient(135deg, #059"],
html[data-theme="dark"] [style*="linear-gradient(135deg,#047"],
html[data-theme="dark"] [style*="linear-gradient(135deg,#065F46"],
html[data-theme="dark"] [style*="linear-gradient(135deg,#10B981"],
html[data-theme="dark"] [style*="linear-gradient(135deg, #10B981"],
html[data-theme="dark"] [style*="linear-gradient(135deg,#10b981"],
html[data-theme="dark"] [style*="linear-gradient(135deg, #10b981"],
html[data-theme="dark"] [style*="linear-gradient(135deg,#22c55e"],
html[data-theme="dark"] [style*="linear-gradient(135deg, #22c55e"] {
    /* unchanged — this is brand green */
}

/* ====================================================================
 * BRAND NORMALIZATION (v7) — force Buzdy green across all admin pages
 * Many pages define their own --primary: pink/blue; override at body
 * level with higher specificity + !important to beat :root declarations
 * ==================================================================== */

html body {
    --primary: #00A86B !important;
    --primary-light: #F0FDF4 !important;
    --primary-dark: #00875A !important;
    --primary-rgb: 0, 168, 107 !important;
    --g: #00A86B !important;
    --g-dark: #00875A !important;
    --g-light: #F0FDF4 !important;
    --g-darker: #065F46 !important;
    --accent: #00A86B !important;
    --accent-light: #F0FDF4 !important;
    --brand: #00A86B !important;
}

/* Dark mode: remap gray scale + card bg vars to dark tokens */
html[data-theme="dark"] body {
    --primary: #00A86B !important;
    --primary-light: rgba(0, 168, 107, 0.15) !important;
    --primary-dark: #00875A !important;

    --gray-50: #0F172A !important;
    --gray-100: #1E293B !important;
    --gray-200: #334155 !important;
    --gray-300: #475569 !important;
    --gray-400: #64748B !important;
    --gray-500: #94A3B8 !important;
    --gray-600: #CBD5E1 !important;
    --gray-700: #E2E8F0 !important;
    --gray-800: #F1F5F9 !important;
    --gray-900: #F8FAFC !important;

    --bg: #0F172A !important;
    --bg-card: #1E293B !important;
    --text: #F1F5F9 !important;
    --text-muted: #94A3B8 !important;
    --border: #334155 !important;

    --shadow: 0 2px 12px rgba(0,0,0,0.35) !important;
    --shadow-md: 0 4px 20px rgba(0,0,0,0.45) !important;
    --shadow-lg: 0 8px 30px rgba(0,0,0,0.55) !important;
}

/* Nuclear override for common page-local card classes that use background:#fff */
html[data-theme="dark"] .main-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .page-card,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .data-card,
html[data-theme="dark"] .filter-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .panel-card {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.35) !important;
}

/* Common page header / hero strips with inline gradient → keep green tint */
html[data-theme="dark"] .page-header,
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .main-card-header,
html[data-theme="dark"] .filter-header {
    background: var(--d-card) !important;
    border-bottom-color: var(--d-line) !important;
    color: var(--d-text) !important;
}

/* Page icons & page titles in header */
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .page-header h1,
html[data-theme="dark"] .page-header h2,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .main-card-title {
    color: var(--d-text) !important;
}
html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] .card-subtitle,
html[data-theme="dark"] .main-card-subtitle {
    color: var(--d-muted) !important;
}

/* Page-icon circle — keep green gradient in dark mode */
html[data-theme="dark"] .page-icon,
html[data-theme="dark"] .stat-card-icon {
    background: linear-gradient(135deg, #00A86B, #00875A) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(0,168,107,0.35) !important;
}
html[data-theme="dark"] .stat-card-icon.pink,
html[data-theme="dark"] .stat-card-icon.yellow,
html[data-theme="dark"] .stat-card-icon.blue,
html[data-theme="dark"] .stat-card-icon.purple,
html[data-theme="dark"] .stat-card-icon.green {
    background: rgba(0,168,107,0.18) !important;
    color: #34D399 !important;
}

/* "Highlighted" stat card (first one, usually colored) — dark themed */
html[data-theme="dark"] .stat-card.highlight {
    background: linear-gradient(135deg, rgba(0,168,107,0.25), rgba(0,135,90,0.25)) !important;
    border: 1px solid rgba(0,168,107,0.35) !important;
    color: #fff !important;
}
html[data-theme="dark"] .stat-card.highlight h3,
html[data-theme="dark"] .stat-card.highlight p {
    color: #fff !important;
}

/* Filter / advanced toggle bars */
html[data-theme="dark"] .advanced-toggle,
html[data-theme="dark"] .advanced-filters,
html[data-theme="dark"] .filter-bar {
    background: var(--d-bg-3) !important;
    color: var(--d-text-2) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] .advanced-toggle:hover {
    background: var(--d-bg) !important;
}

/* Filter controls */
html[data-theme="dark"] .filter-control,
html[data-theme="dark"] .filter-select,
html[data-theme="dark"] .search-input {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
    border: 1px solid var(--d-line-2) !important;
}

/* Action icons in tables (edit/archive/view) - blue → green */
html[data-theme="dark"] .btn-action,
html[data-theme="dark"] .action-btn,
html[data-theme="dark"] td a[href*="edit"],
html[data-theme="dark"] td a[href*="view"],
html[data-theme="dark"] td a[href*="archive"] {
    color: var(--d-text-2) !important;
}
html[data-theme="dark"] .btn-action:hover,
html[data-theme="dark"] .action-btn:hover {
    color: var(--buzdy-green) !important;
    background: rgba(0,168,107,0.12) !important;
}

/* Icon buttons with colored backgrounds */
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .table-action {
    background: var(--d-bg-3) !important;
    color: var(--d-text-2) !important;
    border: 1px solid var(--d-line) !important;
}
html[data-theme="dark"] .icon-btn:hover,
html[data-theme="dark"] .table-action:hover {
    background: rgba(0,168,107,0.15) !important;
    color: #34D399 !important;
    border-color: rgba(0,168,107,0.35) !important;
}

/* Btn-add-product and similar "add new" CTAs with pink gradient → green gradient */
html[data-theme="dark"] .btn-add-product,
html[data-theme="dark"] .btn-add-new,
html[data-theme="dark"] .btn-primary-gradient,
html[data-theme="dark"] .btn-gradient {
    background: linear-gradient(135deg, #00A86B, #00875A) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0,168,107,0.35) !important;
}

/* Same for light mode but force green over pink */
.btn-add-product,
.btn-add-new {
    background: linear-gradient(135deg, #00A86B, #00875A) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(0,168,107,0.25) !important;
}

/* "Clear Filters" button often styled as danger — tone down in dark */
html[data-theme="dark"] .btn-clear-filters,
html[data-theme="dark"] .clear-filters {
    background: rgba(239,68,68,0.12) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239,68,68,0.30) !important;
}

/* Filter pills */
html[data-theme="dark"] .filter-pill {
    background: rgba(0,168,107,0.18) !important;
    color: #34D399 !important;
}

/* Table action column icons (edit/archive/view blue boxes in products) */
html[data-theme="dark"] table td a .btn-edit,
html[data-theme="dark"] table td a .btn-view,
html[data-theme="dark"] table td a .btn-delete,
html[data-theme="dark"] table td .btn-icon {
    background: var(--d-bg-3) !important;
    color: var(--d-text-2) !important;
}

/* Page header border under title */
html[data-theme="dark"] .page-header {
    border-bottom: 2px solid var(--d-line) !important;
}

/* ====================================================================
 * DARK MODE — AGGRESSIVE CATCH-ALL FOR PAGE-LOCAL CLASS NAMES (v8)
 * Targets every *-card / *-container / *-section / *-wrapper
 * Common across admin pages. Applied only to dark theme.
 * ==================================================================== */

html[data-theme="dark"] [class$="-card"],
html[data-theme="dark"] [class*="-card "],
html[data-theme="dark"] [class$="-container"],
html[data-theme="dark"] [class*="-container "],
html[data-theme="dark"] [class$="-section"],
html[data-theme="dark"] [class*="-section "],
html[data-theme="dark"] [class$="-wrapper"],
html[data-theme="dark"] [class*="-wrapper "],
html[data-theme="dark"] [class$="-box"],
html[data-theme="dark"] [class*="-box "],
html[data-theme="dark"] [class$="-panel"],
html[data-theme="dark"] [class*="-panel "] {
    background-color: var(--d-card) !important;
    color: var(--d-text) !important;
    border-color: var(--d-line) !important;
}

/* Don't apply to cards that are explicitly brand-green (header hero etc) */
html[data-theme="dark"] .hero-card,
html[data-theme="dark"] .green-card,
html[data-theme="dark"] .brand-card,
html[data-theme="dark"] .primary-card,
html[data-theme="dark"] [class*="hero"][class*="card"] {
    /* leave alone */
}

/* Keep inputs in those containers dark */
html[data-theme="dark"] [class$="-card"] input,
html[data-theme="dark"] [class$="-container"] input,
html[data-theme="dark"] [class$="-section"] input,
html[data-theme="dark"] [class$="-wrapper"] input,
html[data-theme="dark"] [class$="-card"] select,
html[data-theme="dark"] [class$="-container"] select,
html[data-theme="dark"] [class$="-card"] textarea,
html[data-theme="dark"] [class$="-container"] textarea {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
    border: 1px solid var(--d-line-2) !important;
}

/* Headings inside cards */
html[data-theme="dark"] [class$="-card"] h1,
html[data-theme="dark"] [class$="-card"] h2,
html[data-theme="dark"] [class$="-card"] h3,
html[data-theme="dark"] [class$="-card"] h4,
html[data-theme="dark"] [class$="-card"] h5,
html[data-theme="dark"] [class$="-container"] h1,
html[data-theme="dark"] [class$="-container"] h2,
html[data-theme="dark"] [class$="-container"] h3,
html[data-theme="dark"] [class$="-section"] h1,
html[data-theme="dark"] [class$="-section"] h2,
html[data-theme="dark"] [class$="-section"] h3 {
    color: var(--d-text) !important;
}

/* Paragraph/span inside */
html[data-theme="dark"] [class$="-card"] p,
html[data-theme="dark"] [class$="-container"] p,
html[data-theme="dark"] [class$="-section"] p {
    color: var(--d-text-2) !important;
}
html[data-theme="dark"] [class$="-card"] small,
html[data-theme="dark"] [class$="-container"] small,
html[data-theme="dark"] [class$="-section"] small {
    color: var(--d-muted) !important;
}

/* Table inside cards */
html[data-theme="dark"] [class$="-card"] table,
html[data-theme="dark"] [class$="-container"] table,
html[data-theme="dark"] [class$="-section"] table {
    background: transparent !important;
    color: var(--d-text) !important;
}

/* Code blocks */
html[data-theme="dark"] pre,
html[data-theme="dark"] code {
    background: var(--d-bg) !important;
    color: #FDE68A !important;
    border: 1px solid var(--d-line) !important;
}

/* Definition lists, KV pairs */
html[data-theme="dark"] dt { color: var(--d-muted) !important; }
html[data-theme="dark"] dd { color: var(--d-text) !important; }

/* Placeholder text color */
html[data-theme="dark"] ::placeholder { color: var(--d-muted) !important; opacity: 0.7 !important; }

/* "empty state" messages */
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .no-data,
html[data-theme="dark"] .empty-message {
    background: var(--d-bg-2) !important;
    color: var(--d-muted) !important;
    border: 1px dashed var(--d-line-2) !important;
}

/* Breadcrumbs */
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .breadcrumb-item {
    background: transparent !important;
    color: var(--d-muted) !important;
}
html[data-theme="dark"] .breadcrumb-item a { color: var(--buzdy-green) !important; }

/* Tabs */
html[data-theme="dark"] .nav-tabs {
    border-bottom-color: var(--d-line) !important;
}
html[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--d-text-2) !important;
    border: 1px solid transparent !important;
}
html[data-theme="dark"] .nav-tabs .nav-link:hover {
    background: var(--d-bg-2) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] .nav-tabs .nav-link.active {
    background: var(--d-card) !important;
    color: var(--buzdy-green) !important;
    border-color: var(--d-line) var(--d-line) var(--d-card) !important;
}

/* Progress bars */
html[data-theme="dark"] .progress {
    background: var(--d-bg-3) !important;
}
html[data-theme="dark"] .progress-bar {
    background: linear-gradient(90deg, #00A86B, #00875A) !important;
}

/* Tooltips / popovers */
html[data-theme="dark"] .tooltip .tooltip-inner,
html[data-theme="dark"] .popover {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
}

/* Spinner borders */
html[data-theme="dark"] .loading-spinner-icon,
html[data-theme="dark"] .spinner-border {
    border-color: var(--d-line-2) !important;
    border-top-color: var(--buzdy-green) !important;
}

/* Image wrappers with light bg */
html[data-theme="dark"] .image-wrapper,
html[data-theme="dark"] .img-container,
html[data-theme="dark"] .preview-image-container {
    background: var(--d-bg-3) !important;
    border: 1px solid var(--d-line) !important;
}

/* Ensure body text color is correct in dark */
html[data-theme="dark"] body,
html[data-theme="dark"] .main-content,
html[data-theme="dark"] .content-area {
    color: var(--d-text) !important;
}

/* ====================================================================
 * DARK MODE — BACKGROUND-IMAGE OVERRIDE FIX (v9)
 * Problem: inline <style> uses `background: linear-gradient(...)` which
 * sets background-image. Our previous rules only set background-color
 * so gradients were still showing. Fix: reset background-image to none
 * on all container class suffixes + specific known page-local classes.
 * ==================================================================== */

html[data-theme="dark"] [class$="-card"],
html[data-theme="dark"] [class*="-card "],
html[data-theme="dark"] [class$="-container"],
html[data-theme="dark"] [class*="-container "],
html[data-theme="dark"] [class$="-section"],
html[data-theme="dark"] [class*="-section "],
html[data-theme="dark"] [class$="-wrapper"],
html[data-theme="dark"] [class*="-wrapper "],
html[data-theme="dark"] [class$="-box"],
html[data-theme="dark"] [class*="-box "],
html[data-theme="dark"] [class$="-panel"],
html[data-theme="dark"] [class*="-panel "] {
    background: var(--d-card) !important;
    background-image: none !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
}

/* Explicit overrides for known page-local classes */
html[data-theme="dark"] .filter-section,
html[data-theme="dark"] .search-section,
html[data-theme="dark"] .stats-section,
html[data-theme="dark"] .filter-bar,
html[data-theme="dark"] .search-bar,
html[data-theme="dark"] .quick-stats,
html[data-theme="dark"] .quick-stat-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .main-card,
html[data-theme="dark"] .page-header,
html[data-theme="dark"] .info-panel,
html[data-theme="dark"] .action-panel,
html[data-theme="dark"] .header-actions,
html[data-theme="dark"] .btn-header.outline,
html[data-theme="dark"] .filter-toggle-btn,
html[data-theme="dark"] .advanced-filters,
html[data-theme="dark"] .advanced-toggle {
    background: var(--d-card) !important;
    background-image: none !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
}

/* Filter-icon (blue gradient box) → green */
html[data-theme="dark"] .filter-icon,
html[data-theme="dark"] .filter-section-icon {
    background: linear-gradient(135deg, #00A86B, #00875A) !important;
    background-image: linear-gradient(135deg, #00A86B, #00875A) !important;
    color: #fff !important;
}

/* Filter-section-title — was blue, now green */
html[data-theme="dark"] .filter-section-title,
html[data-theme="dark"] .filter-section-subtitle {
    color: var(--d-text) !important;
}
html[data-theme="dark"] .filter-section-subtitle {
    color: var(--d-muted) !important;
}

/* Filter toggle pill buttons (All / Featured / Recent) */
html[data-theme="dark"] .filter-toggle-btn.active,
html[data-theme="dark"] .filter-toggle-btn:hover {
    background: #00A86B !important;
    background-image: none !important;
    color: #fff !important;
    border-color: #00A86B !important;
}
html[data-theme="dark"] .filter-toggle-btn {
    background: var(--d-bg-3) !important;
    background-image: none !important;
    color: var(--d-text-2) !important;
    border: 1px solid var(--d-line-2) !important;
}

/* Quick stat cards — icons stay colored but card bg dark */
html[data-theme="dark"] .quick-stat-card {
    background: var(--d-card) !important;
    border: 1px solid var(--d-line) !important;
}
html[data-theme="dark"] .quick-stat-card h3,
html[data-theme="dark"] .quick-stat-card .stat-number {
    color: var(--d-text) !important;
}
html[data-theme="dark"] .quick-stat-card p,
html[data-theme="dark"] .quick-stat-card .stat-label {
    color: var(--d-muted) !important;
}

/* Links inside stat cards (View All →) */
html[data-theme="dark"] .quick-stat-card a,
html[data-theme="dark"] .stat-card a,
html[data-theme="dark"] .stat-link {
    color: var(--buzdy-green) !important;
}
html[data-theme="dark"] .quick-stat-card a:hover { color: #34D399 !important; }

/* Stat card icons — map blue/purple/yellow/red to themed */
html[data-theme="dark"] .quick-stat-card .stat-icon,
html[data-theme="dark"] .stat-card-icon {
    background: rgba(0,168,107,0.15) !important;
    background-image: none !important;
    color: #34D399 !important;
}
html[data-theme="dark"] .quick-stat-card .stat-icon.info,
html[data-theme="dark"] .stat-icon.info {
    background: rgba(59,130,246,0.15) !important;
    color: #60A5FA !important;
}
html[data-theme="dark"] .quick-stat-card .stat-icon.warning,
html[data-theme="dark"] .stat-icon.warning {
    background: rgba(251,191,36,0.15) !important;
    color: #FBBF24 !important;
}
html[data-theme="dark"] .quick-stat-card .stat-icon.purple,
html[data-theme="dark"] .stat-icon.purple {
    background: rgba(168,85,247,0.15) !important;
    color: #C084FC !important;
}
html[data-theme="dark"] .quick-stat-card .stat-icon.danger,
html[data-theme="dark"] .stat-icon.danger {
    background: rgba(239,68,68,0.15) !important;
    color: #F87171 !important;
}

/* Universal: any div with style containing light gradient colors */
html[data-theme="dark"] [style*="linear-gradient(135deg,#eff6ff"],
html[data-theme="dark"] [style*="linear-gradient(135deg, #eff6ff"],
html[data-theme="dark"] [style*="linear-gradient(135deg,#dbeafe"],
html[data-theme="dark"] [style*="linear-gradient(135deg, #dbeafe"] {
    background: var(--d-card) !important;
    background-image: none !important;
}

/* Header btn-outline (shown as white in light mode) → dark bg */
html[data-theme="dark"] .btn-header.outline,
html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .btn-white {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
    border: 1px solid var(--d-line-2) !important;
}
html[data-theme="dark"] .btn-header.outline:hover,
html[data-theme="dark"] .btn-outline:hover {
    background: rgba(0,168,107,0.15) !important;
    border-color: var(--buzdy-green) !important;
    color: #34D399 !important;
}

/* ====================================================================
 * DARK MODE — DASHBOARD VARIABLE OVERRIDES (v10)
 * ==================================================================== */
html[data-theme="dark"] body {
    --ink: #F1F5F9 !important;
    --ink-2: #E2E8F0 !important;
    --muted: #94A3B8 !important;
    --muted-2: #CBD5E1 !important;
    --bg: #0F172A !important;
    --bg-soft: #1E293B !important;
    --border: #334155 !important;
    --border-2: #475569 !important;
    --card: #1E293B !important;
    --surface: #1E293B !important;
    --success: #34D399 !important;
    --danger: #F87171 !important;
    --warning: #FBBF24 !important;
    --info: #60A5FA !important;
    --shadow: 0 4px 16px rgba(0,0,0,0.35) !important;
    --shadow-md: 0 6px 24px rgba(0,0,0,0.45) !important;
}

/* Alert cards: tinted bg + readable text */
html[data-theme="dark"] .pd-alert.danger {
    background: rgba(239,68,68,0.15) !important;
    background-image: none !important;
    border-color: rgba(239,68,68,0.40) !important;
}
html[data-theme="dark"] .pd-alert.warn {
    background: rgba(251,191,36,0.15) !important;
    background-image: none !important;
    border-color: rgba(251,191,36,0.40) !important;
}
html[data-theme="dark"] .pd-alert.info {
    background: rgba(59,130,246,0.15) !important;
    background-image: none !important;
    border-color: rgba(59,130,246,0.40) !important;
}
html[data-theme="dark"] .pd-alert.danger .pd-alert-body h4 { color: #FCA5A5 !important; }
html[data-theme="dark"] .pd-alert.warn .pd-alert-body h4   { color: #FCD34D !important; }
html[data-theme="dark"] .pd-alert.info .pd-alert-body h4   { color: #93C5FD !important; }
html[data-theme="dark"] .pd-alert-body p,
html[data-theme="dark"] .pd-alert p { color: #CBD5E1 !important; }

html[data-theme="dark"] .pd-alert.danger .pd-alert-ico {
    background: rgba(239,68,68,0.30) !important;
    color: #FCA5A5 !important;
}
html[data-theme="dark"] .pd-alert.warn .pd-alert-ico {
    background: rgba(251,191,36,0.30) !important;
    color: #FCD34D !important;
}
html[data-theme="dark"] .pd-alert.info .pd-alert-ico {
    background: rgba(59,130,246,0.30) !important;
    color: #93C5FD !important;
}
html[data-theme="dark"] .pd-alert.danger .pd-alert-count { background: #EF4444 !important; color: #fff !important; }
html[data-theme="dark"] .pd-alert.warn .pd-alert-count   { background: #F59E0B !important; color: #fff !important; }
html[data-theme="dark"] .pd-alert.info .pd-alert-count   { background: #3B82F6 !important; color: #fff !important; }

/* Compare cards (Today vs Yesterday, etc.) */
html[data-theme="dark"] .pd-cmp,
html[data-theme="dark"] .pd-compare-card,
html[data-theme="dark"] .compare-card {
    background: var(--d-card) !important;
    background-image: none !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .pd-cmp h4,
html[data-theme="dark"] .pd-cmp .pd-cmp-label {
    color: var(--d-muted) !important;
}
html[data-theme="dark"] .pd-cmp strong,
html[data-theme="dark"] .pd-cmp .num,
html[data-theme="dark"] .pd-cmp .pd-cmp-value {
    color: var(--d-text) !important;
}

/* Stat / KPI cards */
html[data-theme="dark"] .pd-stat,
html[data-theme="dark"] .pd-metric,
html[data-theme="dark"] .pd-kpi {
    background: var(--d-card) !important;
    background-image: none !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] .pd-stat h3,
html[data-theme="dark"] .pd-stat .pd-stat-value,
html[data-theme="dark"] .pd-stat-num { color: var(--d-text) !important; }
html[data-theme="dark"] .pd-stat p,
html[data-theme="dark"] .pd-stat .pd-stat-label { color: var(--d-muted) !important; }

/* Live / trend chips */
html[data-theme="dark"] .pd-live-badge,
html[data-theme="dark"] .live-badge {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .pd-trend,
html[data-theme="dark"] .trend-chip {
    background: var(--d-bg-3) !important;
    color: var(--d-text-2) !important;
}
html[data-theme="dark"] .pd-trend.up,
html[data-theme="dark"] .trend-chip.up {
    background: rgba(0,168,107,0.18) !important;
    color: #34D399 !important;
}
html[data-theme="dark"] .pd-trend.down,
html[data-theme="dark"] .trend-chip.down {
    background: rgba(239,68,68,0.18) !important;
    color: #F87171 !important;
}

/* Category header icons */
html[data-theme="dark"] .pd-cat-icon,
html[data-theme="dark"] .pd-section-icon,
html[data-theme="dark"] .section-icon {
    background: rgba(0,168,107,0.18) !important;
    background-image: none !important;
    color: #34D399 !important;
    border: 1px solid rgba(0,168,107,0.35) !important;
}

/* Head buttons (Users / Action Items at top right) */
html[data-theme="dark"] .pd-head-btn {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
    border-color: var(--d-line-2) !important;
}
html[data-theme="dark"] .pd-head-btn.primary {
    background: #00A86B !important;
    color: #fff !important;
    border-color: #00A86B !important;
}
html[data-theme="dark"] .pd-head-btn:hover {
    background: rgba(0,168,107,0.15) !important;
    color: #34D399 !important;
    border-color: var(--buzdy-green) !important;
}
html[data-theme="dark"] .pd-list-link { color: var(--buzdy-green) !important; }

/* Resource cards at bottom */
html[data-theme="dark"] .pd-res-card {
    background: var(--d-card) !important;
    background-image: none !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .pd-res-card:hover {
    background: var(--d-bg-2) !important;
    border-color: var(--buzdy-green) !important;
}

/* Dashboard head title + wrap */
html[data-theme="dark"] .pd-head h1 { color: var(--d-text) !important; }
html[data-theme="dark"] .pd-head p  { color: var(--d-muted) !important; }
html[data-theme="dark"] .pd-cat-title { color: var(--d-text) !important; }
html[data-theme="dark"] .pd-cat-subtitle { color: var(--d-muted) !important; }
html[data-theme="dark"] .pd-wrap { background: var(--d-bg) !important; }

/* Funnel circles keep their solid colors but text stays white */
html[data-theme="dark"] .pd-funnel-stage,
html[data-theme="dark"] .funnel-circle { color: #fff !important; }

/* Performance & Rankings: tone down green gradient in dark mode */
html[data-theme="dark"] .pd-perf {
    background: var(--d-card) !important;
    background-image: linear-gradient(135deg, rgba(0,168,107,0.14), rgba(0,135,90,0.12)) !important;
    border: 1px solid rgba(0,168,107,0.30) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.35) !important;
}
html[data-theme="dark"] .pd-perf-item {
    background: rgba(15,23,42,0.50) !important;
    border: 1px solid rgba(0,168,107,0.25) !important;
}
html[data-theme="dark"] .pd-perf-ico {
    background: rgba(0,168,107,0.25) !important;
    color: #34D399 !important;
}
html[data-theme="dark"] .pd-perf-body h3 { color: #F1F5F9 !important; }
html[data-theme="dark"] .pd-perf-body p  { color: #94A3B8 !important; }

/* Also ensure ::before and ::after ornaments stay subtle */
html[data-theme="dark"] .pd-perf::before,
html[data-theme="dark"] .pd-perf::after {
    background: rgba(0,168,107,0.06) !important;
}

/* Contact requests action icon buttons in dark mode */
html[data-theme="dark"] .cr-ico-btn {
    background: rgba(0,168,107,0.10) !important;
    border: 1px solid rgba(0,168,107,0.30) !important;
    color: #34D399 !important;
}
html[data-theme="dark"] .cr-ico-btn svg {
    stroke: #34D399 !important;
    color: #34D399 !important;
}
html[data-theme="dark"] .cr-ico-btn:hover {
    background: rgba(0,168,107,0.22) !important;
    border-color: #00A86B !important;
    color: #6EE7B7 !important;
    transform: translateY(-1px);
}
html[data-theme="dark"] .cr-ico-btn:hover svg {
    stroke: #6EE7B7 !important;
}
html[data-theme="dark"] .cr-ico-btn.del {
    background: rgba(239,68,68,0.10) !important;
    border-color: rgba(239,68,68,0.30) !important;
    color: #FCA5A5 !important;
}
html[data-theme="dark"] .cr-ico-btn.del svg {
    stroke: #FCA5A5 !important;
}
html[data-theme="dark"] .cr-ico-btn.del:hover {
    background: rgba(239,68,68,0.22) !important;
    border-color: #EF4444 !important;
    color: #FECACA !important;
}
html[data-theme="dark"] .cr-ico-btn.del:hover svg {
    stroke: #FECACA !important;
}
html[data-theme="dark"] .cr-ico-btn.wa {
    background: rgba(37,211,102,0.10) !important;
    border-color: rgba(37,211,102,0.30) !important;
    color: #6EE7B7 !important;
}
html[data-theme="dark"] .cr-ico-btn.wa svg {
    fill: #6EE7B7 !important;
    color: #6EE7B7 !important;
}
html[data-theme="dark"] .cr-ico-btn.wa:hover {
    background: rgba(37,211,102,0.22) !important;
    border-color: #25D366 !important;
    color: #A7F3D0 !important;
}
html[data-theme="dark"] .cr-ico-btn.wa:hover svg {
    fill: #A7F3D0 !important;
}

/* ====================================================================
 * DARK MODE — ACTION BUTTONS IN DATATABLES (rendered server-side)
 * Controllers output inline styles like background:#dbeafe (blue view),
 * #fef3c7 (amber edit), #ede9fe (purple archive). In dark mode those
 * light backgrounds stay visible but icons (same-family text color)
 * become invisible. Fix: swap bg to tinted dark + brighten icon color.
 * Uses attribute selectors that target the inline style string.
 * ==================================================================== */

/* View button (blue) */
html[data-theme="dark"] a[style*="#dbeafe"],
html[data-theme="dark"] a[style*="#DBEAFE"],
html[data-theme="dark"] a[style*="#eff6ff"],
html[data-theme="dark"] a[style*="#EFF6FF"],
html[data-theme="dark"] button[style*="#dbeafe"] {
    background: rgba(59,130,246,0.18) !important;
    color: #60A5FA !important;
    border: 1px solid rgba(59,130,246,0.35) !important;
}
html[data-theme="dark"] a[style*="#dbeafe"] i,
html[data-theme="dark"] a[style*="#DBEAFE"] i,
html[data-theme="dark"] a[style*="#eff6ff"] i {
    color: #60A5FA !important;
}
html[data-theme="dark"] a[style*="#dbeafe"]:hover,
html[data-theme="dark"] a[style*="#DBEAFE"]:hover {
    background: rgba(59,130,246,0.30) !important;
    color: #93C5FD !important;
    border-color: #60A5FA !important;
    transform: translateY(-1px);
}

/* Edit button (amber/yellow) */
html[data-theme="dark"] a[style*="#fef3c7"],
html[data-theme="dark"] a[style*="#FEF3C7"],
html[data-theme="dark"] a[style*="#fffbeb"],
html[data-theme="dark"] a[style*="#FFFBEB"],
html[data-theme="dark"] button[style*="#fef3c7"] {
    background: rgba(251,191,36,0.18) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(251,191,36,0.35) !important;
}
html[data-theme="dark"] a[style*="#fef3c7"] i,
html[data-theme="dark"] a[style*="#FEF3C7"] i {
    color: #FBBF24 !important;
}
html[data-theme="dark"] a[style*="#fef3c7"]:hover,
html[data-theme="dark"] a[style*="#FEF3C7"]:hover {
    background: rgba(251,191,36,0.30) !important;
    color: #FCD34D !important;
    border-color: #FBBF24 !important;
    transform: translateY(-1px);
}

/* Archive button (purple) */
html[data-theme="dark"] a[style*="#ede9fe"],
html[data-theme="dark"] a[style*="#EDE9FE"],
html[data-theme="dark"] a[style*="#f5f3ff"],
html[data-theme="dark"] a[style*="#F5F3FF"],
html[data-theme="dark"] a[style*="#faf5ff"],
html[data-theme="dark"] a[style*="#FAF5FF"],
html[data-theme="dark"] button[style*="#ede9fe"] {
    background: rgba(168,85,247,0.18) !important;
    color: #C084FC !important;
    border: 1px solid rgba(168,85,247,0.35) !important;
}
html[data-theme="dark"] a[style*="#ede9fe"] i,
html[data-theme="dark"] a[style*="#EDE9FE"] i,
html[data-theme="dark"] a[style*="#f5f3ff"] i {
    color: #C084FC !important;
}
html[data-theme="dark"] a[style*="#ede9fe"]:hover,
html[data-theme="dark"] a[style*="#EDE9FE"]:hover {
    background: rgba(168,85,247,0.30) !important;
    color: #DDD6FE !important;
    border-color: #A855F7 !important;
    transform: translateY(-1px);
}

/* Delete (red) */
html[data-theme="dark"] a[style*="#fee2e2"],
html[data-theme="dark"] a[style*="#FEE2E2"],
html[data-theme="dark"] a[style*="#fef2f2"],
html[data-theme="dark"] a[style*="#FEF2F2"],
html[data-theme="dark"] button[style*="#fee2e2"] {
    background: rgba(239,68,68,0.18) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239,68,68,0.35) !important;
}
html[data-theme="dark"] a[style*="#fee2e2"] i,
html[data-theme="dark"] a[style*="#FEE2E2"] i,
html[data-theme="dark"] a[style*="#fef2f2"] i {
    color: #F87171 !important;
}
html[data-theme="dark"] a[style*="#fee2e2"]:hover,
html[data-theme="dark"] a[style*="#FEE2E2"]:hover {
    background: rgba(239,68,68,0.30) !important;
    color: #FCA5A5 !important;
    border-color: #EF4444 !important;
}

/* Success / green (approve, publish) */
html[data-theme="dark"] a[style*="#d1fae5"],
html[data-theme="dark"] a[style*="#D1FAE5"],
html[data-theme="dark"] a[style*="#dcfce7"],
html[data-theme="dark"] a[style*="#DCFCE7"],
html[data-theme="dark"] button[style*="#d1fae5"] {
    background: rgba(0,168,107,0.18) !important;
    color: #34D399 !important;
    border: 1px solid rgba(0,168,107,0.35) !important;
}
html[data-theme="dark"] a[style*="#d1fae5"] i,
html[data-theme="dark"] a[style*="#D1FAE5"] i,
html[data-theme="dark"] a[style*="#dcfce7"] i {
    color: #34D399 !important;
}

/* "Featured" star badge (amber) - also rendered server side */
html[data-theme="dark"] .featured-badge[style*="#fef3c7"] {
    background: rgba(251,191,36,0.18) !important;
    color: #FBBF24 !important;
    border-color: #FBBF24 !important;
}
html[data-theme="dark"] .featured-badge[style*="#f1f5f9"] {
    background: var(--d-bg-3) !important;
    color: var(--d-muted) !important;
    border-color: var(--d-line-2) !important;
}

/* ============================================================
 * DARK MODE — User Management Page Fixes
 * ============================================================ */
html[data-theme="dark"] .action-btn.view { background: rgba(59,130,246,0.15); color: #60A5FA; }
html[data-theme="dark"] .action-btn.view:hover { background: #3B82F6; color: #fff; }
html[data-theme="dark"] .action-btn.edit { background: rgba(245,158,11,0.15); color: #FBBF24; }
html[data-theme="dark"] .action-btn.edit:hover { background: #F59E0B; color: #fff; }
html[data-theme="dark"] .action-btn.delete { background: rgba(239,68,68,0.15); color: #F87171; }
html[data-theme="dark"] .action-btn.delete:hover { background: #EF4444; color: #fff; }
html[data-theme="dark"] .action-btn.membership { background: rgba(0,168,107,0.15); color: #34D399; }
html[data-theme="dark"] .action-btn.membership:hover { background: #00A86B; color: #fff; }

/* User table badges */
html[data-theme="dark"] .role-badge { border-color: var(--d-line) !important; }
html[data-theme="dark"] .membership-badge { opacity: 0.9; }

/* DataTable controls */
html[data-theme="dark"] .dataTables_wrapper .dataTables_length select,
html[data-theme="dark"] .dataTables_wrapper .dataTables_filter input {
    background: var(--d-bg-2) !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .dataTables_wrapper .dataTables_info {
    color: var(--d-muted) !important;
}
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--d-text-2) !important;
    background: var(--d-bg-2) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--buzdy-green) !important;
    color: #fff !important;
    border-color: var(--buzdy-green) !important;
}
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
}

/* Checkbox in dark mode */
html[data-theme="dark"] input[type="checkbox"] {
    accent-color: var(--buzdy-green);
}

/* User stat cards */
html[data-theme="dark"] .user-stat-card {
    background: var(--d-bg-2) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] .user-stat-value { color: var(--d-text) !important; }
html[data-theme="dark"] .user-stat-label { color: var(--d-muted) !important; }

/* ============================================================
 * DARK MODE — Global Fixes for All Portal Pages
 * ============================================================ */

/* Modals */
html[data-theme="dark"] .modal-content {
    background: var(--d-bg-2) !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .modal-header {
    border-bottom-color: var(--d-line) !important;
}
html[data-theme="dark"] .modal-footer {
    border-top-color: var(--d-line) !important;
}
html[data-theme="dark"] .modal-title { color: var(--d-text) !important; }
html[data-theme="dark"] .close { color: var(--d-muted) !important; }

/* Form inputs */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] select.form-control,
html[data-theme="dark"] textarea.form-control,
html[data-theme="dark"] input.form-control {
    background: var(--d-bg-3) !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .form-control::placeholder { color: var(--d-muted) !important; }
html[data-theme="dark"] .form-control:focus {
    border-color: var(--buzdy-green) !important;
    box-shadow: 0 0 0 2px rgba(0,168,107,0.2) !important;
}
html[data-theme="dark"] label { color: var(--d-text-2) !important; }

/* Select2 in dark mode */
html[data-theme="dark"] .select2-container--default .select2-selection--single {
    background: var(--d-bg-3) !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--d-text) !important;
}
html[data-theme="dark"] .select2-dropdown {
    background: var(--d-bg-2) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] .select2-results__option {
    color: var(--d-text-2) !important;
}
html[data-theme="dark"] .select2-results__option--highlighted {
    background: var(--buzdy-green) !important;
    color: #fff !important;
}
html[data-theme="dark"] .select2-search__field {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
    border-color: var(--d-line) !important;
}

/* Cards */
html[data-theme="dark"] .card {
    background: var(--d-bg-2) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] .card-header {
    background: var(--d-bg-3) !important;
    border-bottom-color: var(--d-line) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .card-body { color: var(--d-text) !important; }
html[data-theme="dark"] .card-footer {
    background: var(--d-bg-3) !important;
    border-top-color: var(--d-line) !important;
}

/* Dropdown menus */
html[data-theme="dark"] .dropdown-menu {
    background: var(--d-bg-2) !important;
    border-color: var(--d-line) !important;
}
html[data-theme="dark"] .dropdown-item {
    color: var(--d-text-2) !important;
}
html[data-theme="dark"] .dropdown-item:hover {
    background: var(--d-bg-3) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .dropdown-divider {
    border-color: var(--d-line) !important;
}

/* Alerts */
html[data-theme="dark"] .alert-info { background: rgba(59,130,246,0.1) !important; border-color: rgba(59,130,246,0.2) !important; color: #93C5FD !important; }
html[data-theme="dark"] .alert-warning { background: rgba(245,158,11,0.1) !important; border-color: rgba(245,158,11,0.2) !important; color: #FCD34D !important; }
html[data-theme="dark"] .alert-danger { background: rgba(239,68,68,0.1) !important; border-color: rgba(239,68,68,0.2) !important; color: #FCA5A5 !important; }
html[data-theme="dark"] .alert-success { background: rgba(0,168,107,0.1) !important; border-color: rgba(0,168,107,0.2) !important; color: #6EE7B7 !important; }

/* Breadcrumbs */
html[data-theme="dark"] .breadcrumb { background: transparent !important; }
html[data-theme="dark"] .breadcrumb-item a { color: var(--buzdy-green) !important; }
html[data-theme="dark"] .breadcrumb-item.active { color: var(--d-muted) !important; }

/* Tab & Nav pills */
html[data-theme="dark"] .nav-tabs { border-bottom-color: var(--d-line) !important; }
html[data-theme="dark"] .nav-tabs .nav-link { color: var(--d-muted) !important; }
html[data-theme="dark"] .nav-tabs .nav-link.active { 
    color: var(--buzdy-green) !important;
    background: var(--d-bg-2) !important;
    border-color: var(--d-line) var(--d-line) var(--d-bg-2) !important;
}
html[data-theme="dark"] .nav-pills .nav-link { color: var(--d-text-2) !important; }
html[data-theme="dark"] .nav-pills .nav-link.active { 
    background: var(--buzdy-green) !important;
    color: #fff !important;
}

/* Generic text colors */
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6 {
    color: var(--d-text) !important;
}
html[data-theme="dark"] p, html[data-theme="dark"] span:not([class*="badge"]) {
    color: var(--d-text-2);
}
html[data-theme="dark"] small, html[data-theme="dark"] .text-muted {
    color: var(--d-muted) !important;
}

/* Horizontal rules and borders */
html[data-theme="dark"] hr { border-color: var(--d-line) !important; }
html[data-theme="dark"] .border { border-color: var(--d-line) !important; }
html[data-theme="dark"] .border-bottom { border-bottom-color: var(--d-line) !important; }
html[data-theme="dark"] .border-top { border-top-color: var(--d-line) !important; }

/* SweetAlert in dark mode */
html[data-theme="dark"] .swal2-popup {
    background: var(--d-bg-2) !important;
    color: var(--d-text) !important;
}
html[data-theme="dark"] .swal2-title { color: var(--d-text) !important; }
html[data-theme="dark"] .swal2-content { color: var(--d-text-2) !important; }
html[data-theme="dark"] .swal2-input {
    background: var(--d-bg-3) !important;
    border-color: var(--d-line) !important;
    color: var(--d-text) !important;
}

/* ============================================================
 * DARK MODE — Action Buttons (Users/All pages)
 * ============================================================ */
html[data-theme="dark"] .action-btn.view { background: rgba(59,130,246,0.2) !important; color: #93C5FD !important; border: 1px solid rgba(59,130,246,0.3); }
html[data-theme="dark"] .action-btn.view:hover { background: #3B82F6 !important; color: #fff !important; }
html[data-theme="dark"] .action-btn.edit { background: rgba(245,158,11,0.2) !important; color: #FCD34D !important; border: 1px solid rgba(245,158,11,0.3); }
html[data-theme="dark"] .action-btn.edit:hover { background: #F59E0B !important; color: #fff !important; }
html[data-theme="dark"] .action-btn.delete { background: rgba(239,68,68,0.2) !important; color: #FCA5A5 !important; border: 1px solid rgba(239,68,68,0.3); }
html[data-theme="dark"] .action-btn.delete:hover { background: #EF4444 !important; color: #fff !important; }
html[data-theme="dark"] .action-btn.membership { background: rgba(0,168,107,0.2) !important; color: #6EE7B7 !important; border: 1px solid rgba(0,168,107,0.3); }
html[data-theme="dark"] .action-btn.membership:hover { background: #00A86B !important; color: #fff !important; }

/* Stat cards and type cards */
html[data-theme="dark"] .stat-icon.pink { background: rgba(0,168,107,0.15) !important; }
html[data-theme="dark"] .stat-icon.blue { background: rgba(59,130,246,0.15) !important; }
html[data-theme="dark"] .stat-icon.yellow { background: rgba(245,158,11,0.15) !important; }
html[data-theme="dark"] .stat-icon.red { background: rgba(239,68,68,0.15) !important; }
html[data-theme="dark"] .user-type-card { background: var(--d-bg-2) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .user-type-card .type-icon.blue { background: rgba(59,130,246,0.15) !important; }
html[data-theme="dark"] .user-type-card .type-icon.red { background: rgba(239,68,68,0.15) !important; }
html[data-theme="dark"] .user-type-card h3 { color: var(--d-text) !important; }
html[data-theme="dark"] .user-type-card p { color: var(--d-muted) !important; }

/* Quick action buttons */
html[data-theme="dark"] .quick-btn { background: var(--d-bg-2) !important; border-color: var(--d-line) !important; color: var(--d-text-2) !important; }
html[data-theme="dark"] .quick-btn:hover { border-color: var(--buzdy-green) !important; background: rgba(0,168,107,0.1) !important; color: var(--buzdy-green) !important; }
html[data-theme="dark"] .quick-btn i { color: var(--d-muted) !important; }
html[data-theme="dark"] .quick-btn:hover i { color: var(--buzdy-green) !important; }

/* Stat badges */
html[data-theme="dark"] .stat-badge { opacity: 0.85; }
html[data-theme="dark"] .stat-badge.up { background: rgba(0,168,107,0.15) !important; color: #6EE7B7 !important; }
html[data-theme="dark"] .stat-badge.down { background: rgba(239,68,68,0.15) !important; color: #FCA5A5 !important; }

/* Membership badge */
html[data-theme="dark"] .membership-badge { opacity: 0.85; }

/* Resource cards (dashboard) */
html[data-theme="dark"] .pd-res-card { background: var(--d-bg-2) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .pd-res-card:hover { border-color: var(--buzdy-green) !important; }
html[data-theme="dark"] .pd-res-num { color: var(--d-text) !important; }
html[data-theme="dark"] .pd-res-label { color: var(--d-muted) !important; }