/* AdminDash css 21: Theme toggle, light theme, Radzen overrides (dark + light) */

/* ============================================
   Theme Toggle Button
   ============================================ */
.theme-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: rgba(var(--overlay), 0.05);
    border: 1px solid rgba(var(--overlay), 0.1);
    border-radius: 50%;
    color: var(--gray-300);
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.25s;
}

.theme-toggle:hover {
    background: rgba(var(--overlay), 0.1);
    border-color: rgba(var(--overlay), 0.18);
    color: var(--green);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--overlay-inv), 0.2);
}

/* ============================================
   Light Theme
   ============================================ */
[data-theme="light"] {
    /* Layered neutral surfaces: page sits lowest, cards float highest */
    --black: #ECEEF1;
    --bg: #F1F2F4;
    --bg-elevated: #F7F8FA;
    --bg-card: #FCFCFD;

    /* Ink scale: near-black primary, AA-safe secondary tones */
    --white: #1B1E24;
    --gray-100: #232730;
    --gray-200: #343B47;
    --gray-300: #4A5260;
    --gray-400: #5C6573;
    --gray-500: #6A7280;
    --gray-600: #D8DBE0;
    --gray-700: #E4E6EA;
    --gray-800: #EEEFF2;

    --overlay: 0, 0, 0;
    --overlay-inv: 255, 255, 255;

    /* Accents: deeper, print-friendly versions of the brand hues */
    --green: #059669;
    --green-dim: rgba(5, 150, 105, 0.12);
    --primary: #059669;
    --cyan: #0284C7;
    --purple: #7C3AED;
    --yellow: #B45309;
    --gradient-primary: linear-gradient(90deg, #0284C7, #059669);
    --gradient-text: linear-gradient(90deg, #0369A1, #047857);
}

[data-theme="light"] body {
    background: #ECEEF1;
    color: #1B1E24;
}

[data-theme="light"] .btn-primary,
[data-theme="light"] a.btn-primary,
[data-theme="light"] a.btn-primary:link,
[data-theme="light"] a.btn-primary:visited,
[data-theme="light"] a.btn-primary:hover,
[data-theme="light"] a.btn-primary:active {
    background: #059669;
    color: #fff !important;
}

/* Hover sheen: original animates a neon gradient pseudo over the button.
   Re-point it at a deep emerald ramp so hover darkens instead of glows. */
[data-theme="light"] .btn-primary::before {
    background: linear-gradient(to right, #047857, #059669, #047857, #059669);
    background-size: 300% 100%;
}

[data-theme="light"] .btn-primary:hover,
[data-theme="light"] a.btn-primary:hover {
    background: #047857;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(5, 150, 105, 0.25);
}

[data-theme="light"] .btn-primary:disabled {
    background: #D1D5DB;
    color: #9CA3AF;
    border-color: #D1D5DB;
}

[data-theme="light"] .form-input,
[data-theme="light"] select {
    background: #FCFCFD;
    border: 1px solid #D5D8DE;
    color: #1B1E24;
}

[data-theme="light"] .form-input:focus,
[data-theme="light"] select:focus {
    background:
        linear-gradient(#FCFCFD, #FCFCFD) padding-box,
        linear-gradient(to right, #0284C7, #059669, #0284C7, #059669) border-box;
}

/* ============================================
   Radzen Component Overrides: AdminDash Branding
   ============================================ */
:root {
    /* Primary accent: green (#13EF95) replaces purple (#bb86fc) */
    --rz-primary: #13EF95;
    --rz-primary-light: #4af3b0;
    --rz-primary-lighter: rgba(19, 239, 149, 0.12);
    --rz-primary-dark: #0fc77b;
    --rz-primary-darker: #0aa564;
    --rz-on-primary: #000000;
    --rz-on-primary-dark: #000000;
    --rz-on-primary-darker: #ffffff;
    --rz-on-primary-light: #000000;
    --rz-on-primary-lighter: #13EF95;

    /* Dark backgrounds matching AdminDash palette */
    --rz-base-900: #0A0A0A;
    --rz-base-800: #101014;
    --rz-base-700: #1A1A1F;
    --rz-base-600: #1A1A1F;
    --rz-base-500: #2a2a30;
    --rz-base-400: #333340;
    --rz-base-300: #4B5563;
    --rz-base-200: #6B7280;
    --rz-base-100: #B0B7C0;
    --rz-base-50: #D4D4D4;

    /* Text colors */
    --rz-on-base: #F3F3F3;
    --rz-on-base-dark: #F3F3F3;
    --rz-on-base-darker: #F3F3F3;

    /* Dropdown & input specific */
    --rz-dropdown-item-selected-background-color: rgba(19, 239, 149, 0.12);
    --rz-dropdown-item-selected-color: #13EF95;
    --rz-dropdown-item-selected-hover-background-color: rgba(19, 239, 149, 0.18);
    --rz-dropdown-item-selected-hover-color: #13EF95;
    --rz-dropdown-item-hover-background-color: rgba(var(--overlay), 0.06);
    --rz-dropdown-item-hover-color: #F3F3F3;
    --rz-dropdown-open-border: 2px solid #13EF95;
    --rz-dropdown-open-background-color: #1A1A1F;
    --rz-input-focus-shadow: inset 0 0 0 1px #13EF95;

    /* Checkbox */
    --rz-checkbox-checked-background-color: #13EF95;
    --rz-checkbox-checked-hover-background-color: #4af3b0;

    /* Selection focus */
    --rz-outline-color: rgba(19, 239, 149, 0.4);
}

/* Dropdown panel dark background */
.rz-popup,
.rz-dropdown-panel {
    background: #1A1A1F !important;
    border: 1px solid rgba(var(--overlay), 0.1) !important;
    border-radius: 8px !important;
}

/* Dropdown input styling */
.rz-dropdown {
    background: rgba(var(--overlay), 0.05) !important;
    border: 1px solid rgba(var(--overlay), 0.1) !important;
    border-radius: 8px !important;
    color: var(--gray-200) !important;
}

.rz-dropdown:hover {
    border-color: rgba(var(--overlay), 0.2) !important;
}

.rz-dropdown.rz-state-focused,
.rz-dropdown.rz-state-opened {
    border-color: #13EF95 !important;
    box-shadow: 0 0 0 1px rgba(19, 239, 149, 0.3) !important;
}

/* Grid table inside dropdown */
.rz-data-grid {
    background: transparent !important;
    color: var(--gray-200) !important;
}

.rz-data-grid .rz-grid-table {
    background: transparent !important;
}

/* Grid header */
.rz-data-grid .rz-grid-header,
.rz-data-grid th,
.rz-data-grid .rz-column-title {
    background: rgba(var(--overlay), 0.03) !important;
    color: var(--gray-400) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-color: rgba(var(--overlay), 0.06) !important;
}

/* Grid rows */
.rz-data-grid .rz-data-row {
    background: transparent !important;
    color: var(--gray-200) !important;
    border-color: rgba(var(--overlay), 0.04) !important;
}

.rz-data-grid .rz-data-row:hover {
    background: rgba(var(--overlay), 0.04) !important;
}

/* Selected row */
.rz-data-grid .rz-state-highlight,
.rz-data-grid .rz-data-row.rz-state-highlight {
    background: rgba(19, 239, 149, 0.1) !important;
    color: #13EF95 !important;
}

.rz-data-grid .rz-state-highlight:hover,
.rz-data-grid .rz-data-row.rz-state-highlight:hover {
    background: rgba(19, 239, 149, 0.15) !important;
}

/* Grid cell borders */
.rz-data-grid td {
    border-color: rgba(var(--overlay), 0.04) !important;
}

/* Filter input inside dropdown */
.rz-dropdown-filter-container .rz-inputtext,
.rz-dropdown-filter-container input,
.rz-data-grid .rz-cell-filter input,
.rz-data-grid .rz-cell-filter .rz-inputtext {
    background: rgba(var(--overlay), 0.05) !important;
    border: 1px solid rgba(var(--overlay), 0.1) !important;
    border-radius: 6px !important;
    color: var(--gray-200) !important;
}

.rz-dropdown-filter-container .rz-inputtext:focus,
.rz-dropdown-filter-container input:focus {
    border-color: #13EF95 !important;
    box-shadow: 0 0 0 1px rgba(19, 239, 149, 0.3) !important;
}

/* Dropdown placeholder */
.rz-dropdown .rz-placeholder {
    color: var(--gray-500) !important;
}

/* Pager in dropdown grid */
.rz-data-grid .rz-pager {
    background: transparent !important;
    border-color: rgba(var(--overlay), 0.06) !important;
    color: var(--gray-400) !important;
}

.rz-data-grid .rz-pager .rz-pager-element {
    color: var(--gray-400) !important;
}

.rz-data-grid .rz-pager .rz-state-active {
    background: rgba(19, 239, 149, 0.12) !important;
    color: #13EF95 !important;
}

/* Scrollbar inside Radzen popups */
.rz-popup ::-webkit-scrollbar {
    width: 6px;
}

.rz-popup ::-webkit-scrollbar-track {
    background: transparent;
}

.rz-popup ::-webkit-scrollbar-thumb {
    background: rgba(var(--overlay), 0.15);
    border-radius: 3px;
}

.rz-popup ::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--overlay), 0.25);
}

/* ============================================
   Radzen Light Theme Overrides
   ============================================ */
[data-theme="light"] {
    --rz-base-900: #FCFCFD;
    --rz-base-800: #F7F8FA;
    --rz-base-700: #F1F2F4;
    --rz-base-600: #E4E6EA;
    --rz-base-500: #D8DBE0;
    --rz-base-400: #9CA3AF;
    --rz-base-300: #6A7280;
    --rz-base-200: #4A5260;
    --rz-base-100: #343B47;
    --rz-base-50: #232730;

    --rz-on-base: #1B1E24;
    --rz-on-base-dark: #1B1E24;
    --rz-on-base-darker: #1B1E24;

    --rz-primary: #059669;
    --rz-primary-light: #10B981;
    --rz-primary-lighter: rgba(5, 150, 105, 0.12);
    --rz-primary-dark: #047857;
    --rz-primary-darker: #065F46;
    --rz-on-primary: #FFFFFF;
    --rz-on-primary-dark: #FFFFFF;
    --rz-on-primary-darker: #FFFFFF;
    --rz-on-primary-light: #FFFFFF;
    --rz-on-primary-lighter: #047857;

    --rz-dropdown-item-selected-background-color: rgba(5, 150, 105, 0.12);
    --rz-dropdown-item-selected-color: #047857;
    --rz-dropdown-item-selected-hover-background-color: rgba(5, 150, 105, 0.18);
    --rz-dropdown-item-selected-hover-color: #047857;
    --rz-dropdown-item-hover-background-color: rgba(var(--overlay), 0.06);
    --rz-dropdown-item-hover-color: #343B47;
    --rz-dropdown-open-border: 2px solid #059669;
    --rz-dropdown-open-background-color: #FCFCFD;
    --rz-input-focus-shadow: inset 0 0 0 1px #059669;

    --rz-checkbox-checked-background-color: #059669;
    --rz-checkbox-checked-hover-background-color: #047857;

    --rz-outline-color: rgba(5, 150, 105, 0.4);
}

[data-theme="light"] .rz-popup,
[data-theme="light"] .rz-dropdown-panel {
    background: #FCFCFD !important;
    border: 1px solid rgba(23, 28, 40, 0.12) !important;
    box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.16) !important;
}

[data-theme="light"] .rz-dropdown {
    background: #FCFCFD !important;
    border: 1px solid #D5D8DE !important;
    color: #343B47 !important;
}

[data-theme="light"] .rz-dropdown.rz-state-focused,
[data-theme="light"] .rz-dropdown.rz-state-opened {
    border-color: #059669 !important;
    box-shadow: 0 0 0 1px rgba(5, 150, 105, 0.3) !important;
}

[data-theme="light"] .rz-data-grid .rz-state-highlight,
[data-theme="light"] .rz-data-grid .rz-data-row.rz-state-highlight {
    background: rgba(5, 150, 105, 0.1) !important;
    color: #047857 !important;
}

[data-theme="light"] .rz-data-grid .rz-state-highlight:hover,
[data-theme="light"] .rz-data-grid .rz-data-row.rz-state-highlight:hover {
    background: rgba(5, 150, 105, 0.15) !important;
}

[data-theme="light"] .rz-dropdown-filter-container .rz-inputtext:focus,
[data-theme="light"] .rz-dropdown-filter-container input:focus {
    border-color: #059669 !important;
    box-shadow: 0 0 0 1px rgba(5, 150, 105, 0.3) !important;
}

[data-theme="light"] .rz-data-grid .rz-pager .rz-state-active {
    background: rgba(5, 150, 105, 0.12) !important;
    color: #047857 !important;
}

[data-theme="light"] select optgroup option {
    background: var(--bg-card) !important;
    color: var(--white) !important;
}
[data-theme="light"] .partners-page { background: var(--bg); }
[data-theme="light"] .partner-card-inner { background: var(--bg-card); color: var(--white); }
[data-theme="light"] .partner-name { color: var(--white); }
/* Reconnect modal: file 18 styles it with #id selectors, so the light
   overrides must carry the id too or they never apply. */
[data-theme="light"] #components-reconnect-modal .reconnect-overlay { background: rgba(15, 18, 26, 0.5); }
[data-theme="light"] #components-reconnect-modal .reconnect-card {
    background: #FCFCFD;
    border-top-color: #059669;
    box-shadow: 0 0 0 1px rgba(23, 28, 40, 0.08), 0 24px 48px -12px rgba(15, 23, 42, 0.25);
}
[data-theme="light"] #components-reconnect-modal .reconnect-spinner { border-color: #E4E6EA; border-top-color: #059669; }
[data-theme="light"] #components-reconnect-modal .reconnect-title { color: #1B1E24; }
[data-theme="light"] #components-reconnect-modal .reconnect-message { color: #5C6573; }
[data-theme="light"] #components-reconnect-modal .reconnect-sub { color: #6A7280; }
[data-theme="light"] #components-reconnect-modal .reconnect-rejected-msg { color: #5C6573; }
[data-theme="light"] #components-reconnect-modal.components-reconnect-failed .reconnect-spinner,
[data-theme="light"] #components-reconnect-modal.components-reconnect-rejected .reconnect-spinner { border-top-color: #DC2626; }
[data-theme="light"] #components-reconnect-modal.components-reconnect-failed .reconnect-title,
[data-theme="light"] #components-reconnect-modal.components-reconnect-rejected .reconnect-title { color: #DC2626; }
/* The reload link carries an inline color (#149afb, App.razor); author
   !important is the only light-scoped way to win over an inline style. */
[data-theme="light"] #components-reconnect-modal .reconnect-sub a { color: #0369A1 !important; }
[data-theme="light"] .pricing-features li.feature-disabled,
[data-theme="light"] .pricing-features li.feature-disabled::before { color: var(--gray-500); }

/* ============================================================
   Light Theme Component Pass
   Every rule below is scoped to [data-theme="light"] and mirrors
   a dark-tuned rule elsewhere in the cascade. Shared recipes:
   green chip   bg rgba(5,150,105,0.10)  border rgba(5,150,105,0.28)  text #047857
   cyan chip    bg rgba(2,132,199,0.08)  border rgba(2,132,199,0.24)  text #0369A1
   red chip     bg rgba(220,38,38,0.08)  border rgba(220,38,38,0.24)  text #DC2626
   amber chip   bg rgba(217,119,6,0.10)  border rgba(217,119,6,0.28)  text #B45309
   card shadow  0 12px 28px -16px rgba(23,28,40,0.18)
   pop shadow   0 12px 32px -8px rgba(15,23,42,0.16)
   scrim        rgba(15,18,26,0.45)
   ============================================================ */

/* ---- 01 foundation: aurora backdrop (auth/public pages) ---- */
[data-theme="light"] .aurora-bg {
    background:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(5, 150, 105, 0.07) 0%, transparent 50%),
        radial-gradient(ellipse 60% 40% at 100% 0%, rgba(2, 132, 199, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse 50% 30% at 0% 100%, rgba(124, 58, 237, 0.05) 0%, transparent 50%);
}

/* ---- 02 public nav ---- */
[data-theme="light"] .nav-phone:hover {
    text-shadow: none !important;
    color: #047857 !important;
}

[data-theme="light"] .nav-phone-tag {
    background: rgba(5, 150, 105, 0.10);
    color: #047857;
}

/* ---- 03 buttons ---- */
[data-theme="light"] .hero-ctas .btn-primary {
    box-shadow: 0 8px 20px -10px rgba(5, 150, 105, 0.45);
}

[data-theme="light"] .hero-ctas .btn-primary:hover {
    box-shadow: 0 10px 24px -10px rgba(5, 150, 105, 0.55);
}

[data-theme="light"] .btn-secondary,
[data-theme="light"] a.btn-secondary,
[data-theme="light"] a.btn-secondary:link,
[data-theme="light"] a.btn-secondary:visited {
    color: var(--white) !important;
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #0284C7, #059669, #0284C7, #059669) border-box;
    background-size: auto, 300% 100%;
    background-position: 0 0, 0% 0%;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .btn-secondary::before {
    background: linear-gradient(to right, #0284C7, #059669, #0284C7, #059669);
    background-size: 300% 100%;
}

[data-theme="light"] .btn-secondary:hover,
[data-theme="light"] a.btn-secondary:hover,
[data-theme="light"] a.btn-secondary:active {
    color: #fff !important;
    background:
        linear-gradient(transparent, transparent) padding-box,
        linear-gradient(to right, #0284C7, #059669, #0284C7, #059669) border-box;
    background-size: auto, 300% 100%;
    background-position: 0 0, 100% 0%;
}

[data-theme="light"] .btn-brand,
[data-theme="light"] a.btn-brand,
[data-theme="light"] a.btn-brand:link,
[data-theme="light"] a.btn-brand:visited,
[data-theme="light"] a.btn-brand:hover,
[data-theme="light"] a.btn-brand:active {
    background: rgba(5, 150, 105, 0.10);
    color: #047857 !important;
    border: 1px solid rgba(5, 150, 105, 0.28);
    box-shadow: none;
}

[data-theme="light"] .btn-brand:hover,
[data-theme="light"] a.btn-brand:hover {
    background: rgba(5, 150, 105, 0.16);
    border-color: rgba(5, 150, 105, 0.45);
    box-shadow: none;
}

[data-theme="light"] .btn-brand:focus {
    box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.3);
}

/* ---- 05 app shell ---- */
[data-theme="light"] .dashboard-layout {
    background:
        radial-gradient(900px 600px at 88% -10%, rgba(2, 132, 199, 0.045), transparent 60%),
        radial-gradient(1100px 700px at -12% 112%, rgba(5, 150, 105, 0.04), transparent 60%),
        var(--black);
    background-attachment: fixed;
}

[data-theme="light"] .sidebar {
    border-right-color: rgba(23, 28, 40, 0.08);
}

[data-theme="light"] .nav-item::before {
    background: linear-gradient(180deg, #059669, #0284C7);
}

[data-theme="light"] .nav-item.active {
    background: linear-gradient(90deg, rgba(5, 150, 105, 0.10), rgba(5, 150, 105, 0.03) 65%, transparent);
    color: #047857;
}

[data-theme="light"] .sidebar .unread-badge {
    background: rgba(5, 150, 105, 0.10);
    color: #047857;
    box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.28);
}

[data-theme="light"] .nav-item.active .unread-badge {
    background: #059669;
    color: #fff;
    box-shadow: none;
}

[data-theme="light"] .header-search:focus-within {
    border-color: rgba(5, 150, 105, 0.45);
    background: var(--bg-card);
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.12);
}

/* ---- 06 dashboard widgets ---- */
[data-theme="light"] select optgroup {
    background: var(--bg-elevated) !important;
    background-color: var(--bg-elevated) !important;
    color: #047857 !important;
}

[data-theme="light"] select option:disabled {
    background: var(--bg-elevated) !important;
    background-color: var(--bg-elevated) !important;
    color: #047857 !important;
}

[data-theme="light"] .status-dot.active {
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.18);
}

[data-theme="light"] .stat-icon.pending { background: rgba(2, 132, 199, 0.10); }
[data-theme="light"] .stat-icon.success { background: rgba(5, 150, 105, 0.10); }
[data-theme="light"] .stat-icon.warning { background: rgba(217, 119, 6, 0.12); }
[data-theme="light"] .stat-icon.shipped { background: rgba(124, 58, 237, 0.10); }

[data-theme="light"] .status-badge.connected {
    background: rgba(5, 150, 105, 0.10);
    color: #047857;
}

[data-theme="light"] .searchable-select-dropdown {
    box-shadow: 0 12px 28px -8px rgba(23, 28, 40, 0.18), 0 0 0 1px rgba(23, 28, 40, 0.05);
}

@media (max-width: 768px) {
    [data-theme="light"] .mtab.active {
        color: #047857;
    }

    [data-theme="light"] .mtab.active .mtab-ico {
        background: rgba(5, 150, 105, 0.12);
    }

    [data-theme="light"] .mtab-badge {
        background: #059669;
        color: #fff;
    }
}

[data-theme="light"] .sidebar-overlay {
    background: rgba(15, 18, 26, 0.38);
}

/* ---- 07 auth + account ---- */
[data-theme="light"] .alert-error {
    background: rgba(220, 38, 38, 0.07);
    border-color: rgba(220, 38, 38, 0.28);
    color: #B91C1C;
}

[data-theme="light"] .alert-success {
    background: rgba(5, 150, 105, 0.08);
    border-color: rgba(5, 150, 105, 0.3);
    color: #047857;
}

[data-theme="light"] .alert-info {
    background: rgba(2, 132, 199, 0.07);
    border-color: rgba(2, 132, 199, 0.28);
    color: #0369A1;
}

[data-theme="light"] .validation-message {
    color: #B91C1C;
}

[data-theme="light"] .scan-line {
    background: linear-gradient(180deg, transparent 0%, rgba(5, 150, 105, 0.35) 15%, #059669 50%, rgba(5, 150, 105, 0.35) 85%, transparent 100%);
    box-shadow: 0 0 8px rgba(5, 150, 105, 0.3);
}

[data-theme="light"] .scan-line::after {
    background: linear-gradient(90deg, rgba(5, 150, 105, 0.10), transparent);
}

[data-theme="light"] .scan-logo {
    animation: none;
    filter: none;
}

[data-theme="light"] .status-badge.status-pending { background: rgba(2, 132, 199, 0.08); color: #0369A1; }
[data-theme="light"] .status-badge.status-synced { background: rgba(5, 150, 105, 0.10); color: #047857; }
[data-theme="light"] .status-badge.status-fflhold { background: rgba(217, 119, 6, 0.12); color: #B45309; }
[data-theme="light"] .status-badge.status-shipped { background: rgba(124, 58, 237, 0.10); color: #6D28D9; }
[data-theme="light"] .status-badge.status-cancelled { background: rgba(220, 38, 38, 0.08); color: #DC2626; }

[data-theme="light"] .account-value.trial-expired { color: #DC2626; }

[data-theme="light"] .plan-badge.retail {
    background: rgba(5, 150, 105, 0.12);
    color: #047857;
}

[data-theme="light"] .plan-badge.enterprise {
    background: rgba(124, 58, 237, 0.10);
    color: #6D28D9;
}

[data-theme="light"] .trial-badge {
    background: rgba(217, 119, 6, 0.10);
    border-color: rgba(217, 119, 6, 0.3);
}

[data-theme="light"] .trial-icon { color: #B45309; }

/* ---- 08 search cards + product modal v1 ---- */
[data-theme="light"] .product-card:hover {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #0284C7, #059669, #0284C7, #059669) border-box;
    box-shadow: 0 14px 32px -14px rgba(23, 28, 40, 0.16);
}

[data-theme="light"] .product-image,
[data-theme="light"] .product-detail-image {
    box-shadow: inset 0 0 0 1px rgba(23, 28, 40, 0.07);
}

[data-theme="light"] .img-nav {
    background: rgba(15, 18, 26, 0.05);
    color: rgba(15, 18, 26, 0.5);
}

[data-theme="light"] .img-nav:hover {
    background: rgba(15, 18, 26, 0.1);
    color: rgba(15, 18, 26, 0.78);
}

[data-theme="light"] .img-counter {
    background: rgba(15, 18, 26, 0.62);
    color: #fff;
}

[data-theme="light"] .product-detail-image .img-zoom-hint,
[data-theme="light"] .product-image .img-zoom-hint {
    background: rgba(15, 18, 26, 0.62);
    color: #E5E7EB;
}

[data-theme="light"] .modal-backdrop {
    background: rgba(15, 18, 26, 0.45);
}

[data-theme="light"] .modal-tabs {
    background: rgba(15, 18, 26, 0.04);
}

[data-theme="light"] .tab-btn:hover {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #0284C7, #059669) border-box;
}

[data-theme="light"] .tab-btn.active {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #059669, #0284C7) border-box;
}

[data-theme="light"] .identifiers-row {
    background: rgba(15, 18, 26, 0.03);
}

[data-theme="light"] .badge-category {
    background: rgba(99, 102, 241, 0.10);
    color: #4F46E5;
    border-color: rgba(99, 102, 241, 0.28);
}

[data-theme="light"] .badge-caliber {
    background: rgba(5, 150, 105, 0.10);
    color: #047857;
    border-color: rgba(5, 150, 105, 0.28);
}

[data-theme="light"] .badge-action {
    background: rgba(234, 88, 12, 0.10);
    color: #C2410C;
    border-color: rgba(234, 88, 12, 0.28);
}

[data-theme="light"] .badge-subcategory {
    background: rgba(124, 58, 237, 0.08);
    color: #6D28D9;
    border-color: rgba(124, 58, 237, 0.25);
}

[data-theme="light"] .stock-badge.in-stock {
    background: rgba(5, 150, 105, 0.10);
    color: #047857;
}

[data-theme="light"] .stock-badge.out-of-stock {
    background: rgba(220, 38, 38, 0.08);
    color: #DC2626;
}

[data-theme="light"] .stock-info.out-of-stock { color: #DC2626; }

[data-theme="light"] .dist-detail .detail-value.lowstock { color: #B45309; }

/* ---- 09 alerts ---- */
[data-theme="light"] .notification-details .price-change.up { color: #DC2626; }

[data-theme="light"] .notification-details .stock-status.in-stock {
    background: rgba(5, 150, 105, 0.10);
    color: #047857;
}

[data-theme="light"] .notification-details .stock-status.low-stock {
    background: rgba(217, 119, 6, 0.12);
    color: #B45309;
}

[data-theme="light"] .notification-details .stock-status.out-of-stock {
    background: rgba(220, 38, 38, 0.08);
    color: #DC2626;
}

[data-theme="light"] .notification-details .stock-status.backorder {
    background: rgba(2, 132, 199, 0.08);
    color: #0369A1;
}

[data-theme="light"] .btn-icon.danger:hover { color: #DC2626; }

[data-theme="light"] .alert-kind-btn.active {
    background: rgba(5, 150, 105, 0.08);
    border-color: #059669;
    color: #047857;
}

[data-theme="light"] .lookup-result {
    background: rgba(5, 150, 105, 0.07);
    border-color: rgba(5, 150, 105, 0.25);
}

/* ---- 10 admin ---- */
[data-theme="light"] .feed-status-card.red { border-top-color: #DC2626; }
[data-theme="light"] .feed-status-card.yellow { border-top-color: #D97706; }
[data-theme="light"] .feed-status-icon.red { background: rgba(220, 38, 38, 0.08); color: #DC2626; }
[data-theme="light"] .feed-status-icon.yellow { background: rgba(217, 119, 6, 0.10); color: #B45309; }
[data-theme="light"] .feed-status-value.red { color: #DC2626; }
[data-theme="light"] .feed-status-value.yellow { color: #B45309; }
[data-theme="light"] .feed-status-pulse.red { background: #DC2626; }
[data-theme="light"] .feed-status-pulse.yellow { background: #D97706; }

[data-theme="light"] .change-up { color: #DC2626; }
[data-theme="light"] .errors { color: #B45309; }

[data-theme="light"] .filter-select:focus {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #0284C7, #059669, #0284C7, #059669) border-box;
}

[data-theme="light"] .error-message,
[data-theme="light"] .error-details-text {
    background: rgba(220, 38, 38, 0.05);
    border-color: rgba(220, 38, 38, 0.2);
    color: #B91C1C;
}

/* ---- 11 distributors ---- */
[data-theme="light"] .connected-row .logo-box {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.10), rgba(2, 132, 199, 0.10));
}

[data-theme="light"] .connected-row .meta .status-badge.success {
    background: rgba(5, 150, 105, 0.10);
    color: #047857;
}

[data-theme="light"] .connected-row .meta .status-badge.error {
    background: rgba(220, 38, 38, 0.08);
    color: #DC2626;
}

[data-theme="light"] .connected-row .meta .status-badge.info {
    background: rgba(2, 132, 199, 0.08);
    color: #0369A1;
}

[data-theme="light"] .delete-confirm-content {
    background: rgba(220, 38, 38, 0.05);
    border-color: rgba(220, 38, 38, 0.2);
}

[data-theme="light"] .alert-warning {
    background: rgba(217, 119, 6, 0.08);
    border-color: rgba(217, 119, 6, 0.28);
    color: #B45309;
}

[data-theme="light"] .credentials-help {
    background: rgba(2, 132, 199, 0.06);
    border-color: rgba(2, 132, 199, 0.2);
}

[data-theme="light"] .credentials-help .help-icon {
    background: rgba(2, 132, 199, 0.14);
    color: #0369A1;
}

[data-theme="light"] .credentials-warning {
    background: rgba(217, 119, 6, 0.08);
    border-color: rgba(217, 119, 6, 0.28);
}

[data-theme="light"] .delete-warning { color: #DC2626 !important; }

[data-theme="light"] .btn-danger {
    background: rgba(220, 38, 38, 0.08);
    border-color: rgba(220, 38, 38, 0.3);
    color: #B91C1C;
}

[data-theme="light"] .btn-danger:hover {
    background: rgba(220, 38, 38, 0.16);
}

/* ---- 12 header controls ---- */
[data-theme="light"] .header-icon-btn:hover {
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .header-dropdown {
    box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(15, 23, 42, 0.03);
}

[data-theme="light"] .notification-badge .badge-count,
[data-theme="light"] .referral-header-btn .badge-count {
    background: #DC2626;
}

[data-theme="light"] .account-avatar-circle {
    color: #fff;
}

[data-theme="light"] .header-dropdown .dropdown-item .item-icon {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.10), rgba(5, 150, 105, 0.10));
}

[data-theme="light"] .notification-dropdown .dropdown-item.unread {
    background: rgba(5, 150, 105, 0.06);
}

[data-theme="light"] .cart-preview-item .item-icon {
    background: rgba(220, 38, 38, 0.10) !important;
    color: #DC2626 !important;
}

[data-theme="light"] .dropdown-menu-item.sign-out:hover { color: #DC2626; }

[data-theme="light"] span.never { color: var(--gray-500); }

/* ---- 13 notifications + lightbox ---- */
[data-theme="light"] .notifications-page .notif-card.unread {
    background: rgba(5, 150, 105, 0.05);
}

[data-theme="light"] .notifications-page .notif-card.unread:hover {
    background: rgba(5, 150, 105, 0.08);
}

[data-theme="light"] .notifications-page .notif-icon {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.10), rgba(5, 150, 105, 0.10));
}

[data-theme="light"] .lightbox-nav {
    background: rgba(15, 18, 26, 0.05);
    color: rgba(15, 18, 26, 0.45);
}

[data-theme="light"] .lightbox-nav:hover {
    background: rgba(15, 18, 26, 0.1);
    color: rgba(15, 18, 26, 0.78);
}

[data-theme="light"] .lightbox-counter {
    background: rgba(15, 18, 26, 0.62);
    color: #fff;
}

[data-theme="light"] .lightbox-thumb.active {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #0284C7, #059669, #0284C7, #059669) border-box;
}

/* ---- 14 partner status ---- */
[data-theme="light"] .btn-hero {
    border-color: rgba(5, 150, 105, 0.45);
    box-shadow: 0 4px 14px -6px rgba(5, 150, 105, 0.35);
}

[data-theme="light"] .btn-hero:hover {
    border-color: rgba(5, 150, 105, 0.6);
    box-shadow: 0 6px 16px -6px rgba(5, 150, 105, 0.4);
    background: rgba(5, 150, 105, 0.05);
}

[data-theme="light"] .partners-directory {
    background: linear-gradient(to bottom, transparent 0%, rgba(23, 28, 40, 0.04) 120px);
}

[data-theme="light"] .search-input:focus {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #0284C7, #059669, #0284C7, #059669) border-box;
    box-shadow: 0 0 0 4px rgba(5, 150, 105, 0.10);
}

[data-theme="light"] .category-btn.active {
    background: rgba(5, 150, 105, 0.08);
    border-color: rgba(5, 150, 105, 0.4);
    color: #047857;
    box-shadow: none;
}

[data-theme="light"] .partner-card-glow {
    background: radial-gradient(500px circle at var(--xpos, 50%) var(--ypos, 50%), rgba(5, 150, 105, 0.25) 0%, transparent 60%);
}

[data-theme="light"] .btn-submit:hover:not(:disabled) {
    box-shadow: 0 4px 14px -4px rgba(5, 150, 105, 0.4);
}

[data-theme="light"] .partners-form-section .validation-message { color: #DC2626; }

[data-theme="light"] .status-counter {
    background: rgba(5, 150, 105, 0.06);
    border-color: rgba(5, 150, 105, 0.25);
    box-shadow: none;
}

[data-theme="light"] .status-counter-number {
    color: #047857;
    text-shadow: none;
}

[data-theme="light"] .status-counter-label { color: #047857; }

[data-theme="light"] .status-counter-pulse { animation: none; }

[data-theme="light"] .status-heading-tag {
    background: rgba(5, 150, 105, 0.07);
    border-color: rgba(5, 150, 105, 0.25);
    box-shadow: none;
    text-shadow: none;
}

[data-theme="light"] .status-dot-green { box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.15); }
[data-theme="light"] .status-dot-yellow { background: #D97706; box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15); }
[data-theme="light"] .status-dot-red { background: #DC2626; box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.14); }

[data-theme="light"] .status-degraded { color: #B45309; }
[data-theme="light"] .status-disconnected { color: #DC2626; }
[data-theme="light"] .status-heartbeat-yellow { background: #D97706; }
[data-theme="light"] .status-heartbeat-red { background: #DC2626; }
[data-theme="light"] .status-uptime-warn { color: #B45309; }
[data-theme="light"] .status-uptime-bad { color: #DC2626; }

/* ---- 15 stats + toasts ---- */
[data-theme="light"] .stat-icon {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.10), rgba(5, 150, 105, 0.10));
}

[data-theme="light"] .notification-preview .preview-icon {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.10), rgba(5, 150, 105, 0.10));
}

[data-theme="light"] .status-badge.info {
    background: rgba(2, 132, 199, 0.08);
    color: #0369A1;
}

[data-theme="light"] .toast {
    box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(15, 23, 42, 0.03);
}

[data-theme="light"] .toast-success { border-color: rgba(5, 150, 105, 0.35); }
[data-theme="light"] .toast-success .toast-icon { color: #059669; }
[data-theme="light"] .toast-error { border-color: rgba(220, 38, 38, 0.35); }
[data-theme="light"] .toast-error .toast-icon { color: #DC2626; }
[data-theme="light"] .toast-warning { border-color: rgba(217, 119, 6, 0.35); }
[data-theme="light"] .toast-warning .toast-icon { color: #B45309; }
[data-theme="light"] .toast-info { border-color: rgba(2, 132, 199, 0.35); }
[data-theme="light"] .toast-info .toast-icon { color: #0284C7; }

/* ---- 16 power search ---- */
[data-theme="light"] .btn-chip.active {
    background: rgba(5, 150, 105, 0.10);
    border-color: rgba(5, 150, 105, 0.4);
    color: #047857;
}

[data-theme="light"] .filter-group-box {
    background: var(--bg-elevated);
    border-color: rgba(23, 28, 40, 0.08);
}

[data-theme="light"] .preset-btn.active {
    background: rgba(5, 150, 105, 0.10);
    border-color: #059669;
    color: #047857;
}

[data-theme="light"] .checkbox-item.tristate.include .tristate-checkbox {
    background: #059669;
    border-color: #059669;
    color: #fff;
}

[data-theme="light"] .checkbox-item.tristate.include span { color: #047857; }

[data-theme="light"] .checkbox-item.tristate.exclude .tristate-checkbox {
    background: #DC2626;
    border-color: #DC2626;
}

[data-theme="light"] .checkbox-item.tristate.exclude span { color: #DC2626; }

[data-theme="light"] .filter-chip {
    background: rgba(5, 150, 105, 0.10);
    border-color: rgba(5, 150, 105, 0.28);
    color: #047857;
}

[data-theme="light"] .filter-chip.exclude {
    background: rgba(220, 38, 38, 0.08);
    border-color: rgba(220, 38, 38, 0.3);
    color: #DC2626;
}

[data-theme="light"] .chip-remove:hover {
    background: rgba(5, 150, 105, 0.2);
}

/* ---- 17 hot buys (overrides only; file itself untouched) ---- */
[data-theme="light"] .hot-buys-header .header-icon {
    background: linear-gradient(135deg, #EA580C, #D97706);
    box-shadow: 0 8px 20px -10px rgba(194, 65, 12, 0.5);
    animation: none;
}

[data-theme="light"] .category-tab.active {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.10), rgba(2, 132, 199, 0.08));
    box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.3);
    color: #047857;
}

[data-theme="light"] .cat-pill-indicator {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.10), rgba(2, 132, 199, 0.08));
    box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.3);
}

[data-theme="light"] .filter-btn.active {
    background: rgba(5, 150, 105, 0.10);
    color: #047857;
    border-color: rgba(5, 150, 105, 0.35);
}

[data-theme="light"] .hot-buy-badge {
    background: linear-gradient(135deg, #C2410C, #EA580C);
    box-shadow: 0 2px 8px rgba(194, 65, 12, 0.3);
}

[data-theme="light"] .distributor-badge.best-deal i,
[data-theme="light"] .distributor-badge.best-deal .dist-label,
[data-theme="light"] .trophy-icon {
    color: #B45309;
}

[data-theme="light"] .modal-hot-buy-badge {
    background: linear-gradient(120deg, rgba(234, 88, 12, 0.12), rgba(217, 119, 6, 0.05));
    border: 1px solid rgba(234, 88, 12, 0.3);
    color: #C2410C;
}

/* ---- 18 chat widget + support ---- */
[data-theme="light"] .btn-warning {
    background: linear-gradient(135deg, #D97706, #B45309);
    color: #fff;
}

[data-theme="light"] .btn-warning:hover {
    background: linear-gradient(135deg, #B45309, #92400E);
}

[data-theme="light"] .restriction-badge.warning {
    background: rgba(217, 119, 6, 0.12);
    color: #B45309;
    border-color: rgba(217, 119, 6, 0.3);
}

[data-theme="light"] .chat-widget-button {
    box-shadow: 0 6px 18px -6px rgba(5, 150, 105, 0.55);
    color: #fff;
}

[data-theme="light"] .chat-widget-button:hover {
    box-shadow: 0 8px 24px -6px rgba(5, 150, 105, 0.6);
}

[data-theme="light"] .chat-widget-popup {
    box-shadow: 0 16px 48px -12px rgba(15, 23, 42, 0.25), 0 0 0 1px rgba(15, 23, 42, 0.04);
}

[data-theme="light"] .chat-widget-footer .send-btn,
[data-theme="light"] .chat-ticket-form .submit-btn {
    color: #fff;
}

[data-theme="light"] .chat-msg.user {
    background: #059669;
    color: #fff;
}

[data-theme="light"] .chat-quick-btn:hover {
    background: rgba(5, 150, 105, 0.07);
    border-color: rgba(5, 150, 105, 0.3);
}

[data-theme="light"] .chat-quick-btn i { color: #047857; }

[data-theme="light"] .chat-connect-btn {
    background: rgba(2, 132, 199, 0.07);
    border-color: rgba(2, 132, 199, 0.3);
    color: #0369A1;
}

[data-theme="light"] .chat-connect-btn:hover {
    background: rgba(2, 132, 199, 0.14);
    border-color: rgba(2, 132, 199, 0.5);
}

[data-theme="light"] .chat-status.online { background: rgba(5, 150, 105, 0.12); color: #047857; }
[data-theme="light"] .chat-status.waiting { background: rgba(217, 119, 6, 0.12); color: #B45309; }

[data-theme="light"] .support-tab.active {
    color: #047857;
    border-bottom-color: #059669;
}

[data-theme="light"] .support-tab .tab-badge {
    background: #059669;
    color: #fff;
}

/* ---- 19 cart ---- */
[data-theme="light"] .favorite-toggle:hover,
[data-theme="light"] .favorite-toggle.active { color: #D97706; }
[data-theme="light"] .report-issue-toggle:hover { color: #DC2626; }
[data-theme="light"] .cart-item-row .item-stock.outofstock { color: #DC2626; }
[data-theme="light"] .cart-item-row .item-stock.backorder { color: #B45309; }
[data-theme="light"] .cart-item-row .price-change.up { color: #DC2626; }
[data-theme="light"] .text-danger { color: #DC2626 !important; }
[data-theme="light"] .text-danger:hover { color: #B91C1C !important; }

/* ---- 20 tour + tips ---- */
[data-theme="light"] .tour-backdrop {
    background: rgba(15, 18, 26, 0.5);
}

[data-theme="light"] .tour-spotlight {
    animation: none;
    box-shadow: 0 0 0 9999px rgba(15, 18, 26, 0.5), 0 0 0 3px rgba(5, 150, 105, 0.4);
}

[data-theme="light"] .tour-tooltip {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #0284C7, #059669, #0284C7, #059669) border-box;
    box-shadow: 0 16px 48px rgba(15, 23, 42, 0.22);
}

[data-theme="light"] .tour-tooltip-arrow {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #0284C7, #059669) border-box;
}

[data-theme="light"] .tour-dot.active {
    background: linear-gradient(to right, #0284C7, #059669);
}

[data-theme="light"] .tour-btn-next,
[data-theme="light"] .tour-btn-cta {
    background: linear-gradient(to right, #0369A1, #047857);
}

[data-theme="light"] .tour-center-card {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #0284C7, #059669, #0284C7, #059669) border-box;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.25);
}

[data-theme="light"] .contextual-tip {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #0284C7, #059669, #0284C7, #059669) border-box;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.18);
}

[data-theme="light"] .contextual-tip-arrow {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(to right, #0284C7, #059669) border-box;
}

[data-theme="light"] .contextual-tip-icon { color: #047857; }

/* ---- 22 quotes ---- */
[data-theme="light"] .status-badge.draft {
    background: #E4E6EA;
    color: #4A5260;
}

[data-theme="light"] .status-select.draft {
    background-color: #E4E6EA;
    color: #4A5260;
}

[data-theme="light"] .status-select:hover {
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .pending-product-img,
[data-theme="light"] .dealer-logo-preview {
    box-shadow: inset 0 0 0 1px rgba(23, 28, 40, 0.08);
}

/* ---- 23 restock landing extras ---- */
[data-theme="light"] .badge-price {
    background: rgba(5, 150, 105, 0.10);
    color: #047857;
}

[data-theme="light"] .feature-card-coming-soon {
    border-color: rgba(5, 150, 105, 0.35);
    background: rgba(5, 150, 105, 0.04);
}

[data-theme="light"] .feature-card-coming-badge {
    border-color: rgba(5, 150, 105, 0.3);
    color: #047857;
}

[data-theme="light"] .lipseys-partner-card {
    border-color: rgba(5, 150, 105, 0.25);
}

/* ---- 25 product card v3 ---- */
[data-theme="light"] .product-card.pcard:hover {
    border-color: rgba(5, 150, 105, 0.35);
    box-shadow: 0 14px 30px -16px rgba(23, 28, 40, 0.18),
                0 0 0 1px rgba(5, 150, 105, 0.06);
}

[data-theme="light"] .pcard .product-image {
    box-shadow: none;
    border-bottom: 1px solid rgba(23, 28, 40, 0.07);
}

[data-theme="light"] .pcard .pcard-hero.deal {
    background: linear-gradient(100deg, rgba(5, 150, 105, 0.07), rgba(2, 132, 199, 0.04));
    border-top-color: rgba(5, 150, 105, 0.2);
    border-bottom-color: rgba(5, 150, 105, 0.2);
}

[data-theme="light"] .pcard .delta-pill {
    background: rgba(5, 150, 105, 0.10);
    border-color: rgba(5, 150, 105, 0.28);
    color: #047857;
}

[data-theme="light"] .pcard .pstat-v.good { color: #047857; }
[data-theme="light"] .pcard .pstat-v.bad { color: #DC2626; }

[data-theme="light"] .pcard .pstat-v .dot {
    animation: none;
    box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.15);
}

[data-theme="light"] .pcard .pstat-v.bad .dot {
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.14);
}

[data-theme="light"] .pcard .ladder-row.best {
    background: rgba(5, 150, 105, 0.07);
    border-color: rgba(5, 150, 105, 0.25);
}

[data-theme="light"] .pcard .ladder-row.best .ladder-dist { color: #047857; }
[data-theme="light"] .pcard .ladder-row.best .ladder-dist i { color: #B45309; }

[data-theme="light"] .pcard .hot-buy-badge {
    box-shadow: 0 4px 12px -4px rgba(194, 65, 12, 0.4);
}

/* ---- 26 product modal v2 ---- */
[data-theme="light"] .pdm-right .modal-actions .favorite-toggle:hover,
[data-theme="light"] .pdm-right .modal-actions .favorite-toggle.active {
    border-color: rgba(217, 119, 6, 0.45);
    background: rgba(217, 119, 6, 0.08);
}

[data-theme="light"] .pdm-right .modal-actions .quote-btn:hover {
    border-color: rgba(5, 150, 105, 0.4);
    background: rgba(5, 150, 105, 0.06);
}

[data-theme="light"] .pdm-right .modal-actions .btn-warning {
    color: var(--gray-300);
}

[data-theme="light"] .pdm-right .modal-actions .btn-warning:hover {
    border-color: rgba(217, 119, 6, 0.45);
    background: rgba(217, 119, 6, 0.08);
    color: #B45309;
}

[data-theme="light"] .pdm-right .prices-header-compact + .prices-row-compact:not(.out-of-stock):not(.pricing-restricted) {
    border-color: rgba(5, 150, 105, 0.3);
    background: rgba(5, 150, 105, 0.06);
}

[data-theme="light"] .product-detail-modal-enhanced .tab-btn.active {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.10), rgba(2, 132, 199, 0.08));
    box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.3);
}

[data-theme="light"] .product-detail-modal-enhanced .identifier.copyable:hover {
    border-color: rgba(5, 150, 105, 0.4);
    background: rgba(5, 150, 105, 0.05);
}

[data-theme="light"] .product-detail-modal-enhanced .hot-buy-summary .price-item.best {
    background: rgba(5, 150, 105, 0.06);
    border-color: rgba(5, 150, 105, 0.25);
}

[data-theme="light"] .product-detail-modal-enhanced .dist-stock.instock::before {
    box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.15);
}

[data-theme="light"] .product-detail-modal-enhanced .best-price-row {
    background: linear-gradient(90deg, rgba(5, 150, 105, 0.08), rgba(5, 150, 105, 0.015));
}

[data-theme="light"] .product-detail-modal-enhanced .best-price-row:hover {
    background: linear-gradient(90deg, rgba(5, 150, 105, 0.11), rgba(5, 150, 105, 0.03));
}

/* ---- 27 page sweeps: green chip family ---- */
[data-theme="light"] .mydistx-count-pill,
[data-theme="light"] .mydistx-avail-card .connected-badge,
[data-theme="light"] .supx-count-pill,
[data-theme="light"] .quotesx-page .unread-badge,
[data-theme="light"] .restockx-page .badge-price,
[data-theme="light"] .restockx-page .stock-badge.in-stock,
[data-theme="light"] .billx-page .current-badge,
[data-theme="light"] .billx-page .save-badge,
[data-theme="light"] .cartx-pill-green,
[data-theme="light"] .cartx-stock-chip.instock,
[data-theme="light"] .alertsx-stock-chip.in-stock,
[data-theme="light"] .alertsx-notif-icon.is-drop,
[data-theme="light"] .alertsx-owner-chip.customer,
[data-theme="light"] .notifx-unread-pill,
[data-theme="light"] .notifx-row.unread .notifx-icon {
    background: rgba(5, 150, 105, 0.10);
    border-color: rgba(5, 150, 105, 0.28);
    color: #047857;
}

[data-theme="light"] .billx-page .plan-features li::before {
    background: rgba(5, 150, 105, 0.12);
    color: #047857;
}

[data-theme="light"] .billx-page .referrals-code {
    background: rgba(5, 150, 105, 0.08);
    border-color: rgba(5, 150, 105, 0.3);
    color: #047857;
}

[data-theme="light"] .alertsx-filter-btn.active {
    background: rgba(5, 150, 105, 0.10);
    color: #047857;
    box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.3);
}

[data-theme="light"] .notifx-filter-btn.active {
    background: rgba(5, 150, 105, 0.10);
    border-color: rgba(5, 150, 105, 0.35);
    color: #047857;
}

[data-theme="light"] .mydistx-row .logo-box {
    background: rgba(5, 150, 105, 0.08);
    border-color: rgba(5, 150, 105, 0.22);
    color: #047857;
}

[data-theme="light"] .supx-empty .empty-icon {
    background: rgba(5, 150, 105, 0.08);
    border-color: rgba(5, 150, 105, 0.22);
    color: #047857;
}

[data-theme="light"] .alertsx-sent-date { color: #047857; }
[data-theme="light"] .cartx-delta.down { color: #047857; }
[data-theme="light"] .cartx-delta.up { color: #DC2626; }
[data-theme="light"] .alertsx-price-change.up { color: #DC2626; }
[data-theme="light"] .alertsx-error-note { color: #DC2626 !important; }

[data-theme="light"] .notifx-row.unread { background: rgba(5, 150, 105, 0.04); }
[data-theme="light"] .quotesx-page .quote-search-result-item:hover { background: rgba(5, 150, 105, 0.06); }

/* ---- 27 page sweeps: cyan chip family ---- */
[data-theme="light"] .setx-pill,
[data-theme="light"] .restockx-page .badge-qty,
[data-theme="light"] .alertsx-owner-chip.dealer {
    background: rgba(2, 132, 199, 0.08);
    border-color: rgba(2, 132, 199, 0.24);
    color: #0369A1;
}

[data-theme="light"] .cartx-banner {
    background: rgba(2, 132, 199, 0.06);
    border-color: rgba(2, 132, 199, 0.24);
}

[data-theme="light"] .cartx-banner strong { color: #0369A1; }

[data-theme="light"] .cartx-banner-icon {
    background: rgba(2, 132, 199, 0.12);
    color: #0369A1;
}

[data-theme="light"] .mydistx-info-card {
    border-color: rgba(2, 132, 199, 0.2);
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.05) 0%, rgba(5, 150, 105, 0.03) 100%);
}

[data-theme="light"] .mydistx-info-card .card-body h3 { color: #0369A1; }

/* ---- 27 page sweeps: red and amber chips ---- */
[data-theme="light"] .restockx-page .stock-badge.out-of-stock,
[data-theme="light"] .cartx-stock-chip.outofstock,
[data-theme="light"] .alertsx-stock-chip.out-of-stock {
    background: rgba(220, 38, 38, 0.07);
    border-color: rgba(220, 38, 38, 0.24);
    color: #DC2626;
}

[data-theme="light"] .cartx-stock-chip.backorder,
[data-theme="light"] .alertsx-stock-chip.backorder {
    background: rgba(217, 119, 6, 0.10);
    border-color: rgba(217, 119, 6, 0.28);
    color: #B45309;
}

[data-theme="light"] .notifx-dismiss-btn:hover {
    background: rgba(220, 38, 38, 0.08);
    border-color: rgba(220, 38, 38, 0.28);
    color: #DC2626;
}

/* ---- 27 page sweeps: surfaces, hovers, banners ---- */
[data-theme="light"] .mydistx-row:hover,
[data-theme="light"] .mydistx-avail-card:hover {
    box-shadow: 0 10px 26px -16px rgba(23, 28, 40, 0.2);
}

[data-theme="light"] .mydistx-avail-card.connected {
    border-color: rgba(5, 150, 105, 0.3);
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.05) 0%, var(--bg-card) 60%);
}

[data-theme="light"] .supx-ticket:hover {
    box-shadow: 0 10px 26px -18px rgba(23, 28, 40, 0.2);
}

[data-theme="light"] .supx-ticket.expanded {
    box-shadow: 0 0 0 1px rgba(5, 150, 105, 0.18), 0 14px 32px -20px rgba(23, 28, 40, 0.18);
}

[data-theme="light"] .supx-new-ticket { border-color: rgba(5, 150, 105, 0.25); }

[data-theme="light"] .restockx-page .restock-upload-area:hover,
[data-theme="light"] .restockx-page .restock-upload-area.drag-over {
    border-color: rgba(5, 150, 105, 0.5);
    background: rgba(5, 150, 105, 0.04);
}

[data-theme="light"] .restockx-page .restock-item-card:hover {
    box-shadow: 0 4px 16px rgba(23, 28, 40, 0.1);
}

[data-theme="light"] .restockx-page .restock-item-card.not-found {
    border-color: rgba(220, 38, 38, 0.3);
}

[data-theme="light"] .restockx-page .restock-filter-toggle:hover {
    border-color: rgba(5, 150, 105, 0.4);
    color: #047857;
}

[data-theme="light"] .restockx-page .restock-progress-fill {
    background: linear-gradient(90deg, #059669, #0284C7);
}

[data-theme="light"] .billx-page .plan-option:hover {
    box-shadow: 0 8px 24px rgba(23, 28, 40, 0.1);
}

[data-theme="light"] .billx-page .plan-option.current {
    border-color: rgba(5, 150, 105, 0.55);
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.10);
    background: rgba(5, 150, 105, 0.03);
}

[data-theme="light"] .billx-page .plan-option.enterprise .plan-name { color: #6D28D9; }
[data-theme="light"] .billx-page .plan-option.starter .plan-name { color: #047857; }

[data-theme="light"] .billx-page .outstanding-banner {
    background: rgba(217, 119, 6, 0.07);
    border-color: rgba(217, 119, 6, 0.28);
}

[data-theme="light"] .cartx-summary {
    box-shadow: 0 12px 32px -14px rgba(23, 28, 40, 0.16);
}

/* ---- 28 search redesign ---- */
[data-theme="light"] .search-input-group .search-input:focus {
    border-color: rgba(5, 150, 105, 0.5);
    box-shadow: 0 0 0 4px rgba(5, 150, 105, 0.10);
}

[data-theme="light"] .stock-toggle:has(input:checked) {
    background: rgba(5, 150, 105, 0.08);
    border-color: rgba(5, 150, 105, 0.4);
    color: #047857;
}

[data-theme="light"] .search-zero::before {
    background: radial-gradient(480px 240px at 50% 18%, rgba(5, 150, 105, 0.05), transparent 70%);
}

[data-theme="light"] .search-zero-art {
    color: #047857;
    background: linear-gradient(160deg, rgba(5, 150, 105, 0.10), rgba(5, 150, 105, 0.02));
    border: 1px solid rgba(5, 150, 105, 0.3);
    box-shadow: 0 16px 40px -18px rgba(5, 150, 105, 0.35);
    animation: none;
}

[data-theme="light"] .search-zero-art::after {
    background: linear-gradient(90deg,
        transparent,
        rgba(5, 150, 105, 0.7) 28%,
        #059669 50%,
        rgba(5, 150, 105, 0.7) 72%,
        transparent);
    box-shadow: none;
}