/* ============================================
   ADMIN DASHBOARD — Light Mode
   Exact match: test-dashboard-light.html
   Loaded AFTER dashboard-theme.css to override everything
   ============================================ */

/* Body */
[data-theme="light"] body { background: #f5f5f7 !important; color: #2a2a4a !important; font-family: 'Inter', sans-serif !important; }

/* Sidebar */
[data-theme="light"] .sidebar { background: #ffffff !important; border-right: 1px solid #e8e8ee !important; }
[data-theme="light"] .sidebar-header { border-bottom: 1px solid #e8e8ee !important; padding: 16px !important; }
[data-theme="light"] .sidebar-logo { color: #1a1a2e !important; -webkit-text-fill-color: #1a1a2e !important; background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; font-size: 1rem !important; font-weight: 700 !important; display: flex !important; align-items: center !important; gap: 8px !important; }
[data-theme="light"] .sidebar-logo * { -webkit-text-fill-color: #1a1a2e !important; background: none !important; -webkit-background-clip: initial !important; }
[data-theme="light"] .sidebar-toggle { background: #f0f0f5 !important; border: 1px solid #e8e8ee !important; color: #1a1a2e !important; }
[data-theme="light"] .sidebar-toggle:hover { background: #e8e8ee !important; }
[data-theme="light"] .nav-item { color: #8a8a9a !important; font-size: 0.82rem !important; border-radius: 8px !important; padding: 7px 12px !important; margin-bottom: 1px !important; min-height: auto !important; line-height: 1.4 !important; }
[data-theme="light"] .nav-item:hover { background: #f0f0f5 !important; color: #2a2a4a !important; }
[data-theme="light"] .nav-item.active { background: #f0f0f5 !important; color: #1a1a2e !important; font-weight: 600 !important; border-left: 3px solid #1a1a2e !important; }
[data-theme="light"] .nav-section-label { color: #b0b0ba !important; font-size: 0.65rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; }
[data-theme="light"] .nav-divider { background: #e8e8ee !important; }
[data-theme="light"] .sidebar-footer { border-top: 1px solid #e8e8ee !important; }
[data-theme="light"] .sidebar-user { color: #2a2a4a !important; }

/* Main content */
[data-theme="light"] .main-content,
[data-theme="light"] .main-wrap { background: #f5f5f7 !important; padding: 24px 32px !important; }
[data-theme="light"] .content-wrapper { background: #f5f5f7 !important; }

/* Top bar — uniform on ALL pages */
.top-bar { padding: 14px 24px !important; border-bottom: 1px solid #252540 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; background: transparent !important; backdrop-filter: none !important; position: static !important; margin-bottom: 0 !important; }
.top-bar h1 { margin: 0 !important; font-size: 1.1rem !important; color: #e2e2f5 !important; font-weight: 700 !important; }
.top-bar .sub { color: #6c6c8a !important; font-size: 0.73rem !important; margin-top: 2px !important; }
.content-wrapper { padding: 20px 24px !important; }

[data-theme="light"] .top-bar { background: transparent !important; border-bottom: none !important; }
[data-theme="light"] .top-bar h1 { color: #1a1a2e !important; -webkit-text-fill-color: #1a1a2e !important; background: none !important; -webkit-background-clip: initial !important; }
[data-theme="light"] .top-bar .sub { color: #8a8a9a !important; }

/* Stat boxes */
[data-theme="light"] .stats-strip { gap: 16px !important; }
[data-theme="light"] .stat-box { background: #ffffff !important; border: 1px solid #e8e8ee !important; border-radius: 12px !important; padding: 20px !important; box-shadow: none !important; }
[data-theme="light"] .stat-box::before { display: none !important; }
[data-theme="light"] .stat-box:hover { border-color: #d0d0da !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; transform: none !important; }
[data-theme="light"] .stat-num { color: #1a1a2e !important; font-size: 1.6rem !important; font-weight: 700 !important; -webkit-text-fill-color: #1a1a2e !important; background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; }
[data-theme="light"] .stat-label { color: #8a8a9a !important; font-size: 0.72rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }

/* Panels */
[data-theme="light"] .panel { background: #ffffff !important; border: 1px solid #e8e8ee !important; border-radius: 12px !important; box-shadow: none !important; backdrop-filter: none !important; }
[data-theme="light"] .panel:hover { border-color: #e8e8ee !important; box-shadow: none !important; transform: none !important; }
[data-theme="light"] .panel-header { border-bottom: 1px solid #e8e8ee !important; padding: 16px 20px !important; background: transparent !important; }
[data-theme="light"] .panel-title { color: #1a1a2e !important; font-size: 0.88rem !important; font-weight: 700 !important; }
[data-theme="light"] .panel-count { background: #1a1a2e !important; color: #2563eb !important; font-size: 0.65rem !important; font-weight: 700 !important; padding: 3px 8px !important; border-radius: 6px !important; }
[data-theme="light"] .widget-grid { gap: 16px !important; }

/* Buttons */
[data-theme="light"] .btn-sm.btn-primary-sm,
[data-theme="light"] .btn-primary-sm,
[data-theme="light"] button.btn-primary-sm { background: var(--c-btn-primary-bg) !important; color: var(--c-btn-primary-text) !important; border: none !important; padding: 8px 20px !important; border-radius: 8px !important; font-size: 0.82rem !important; font-weight: 700 !important; box-shadow: 0 2px 8px rgba(37,99,235,0.15) !important; }
[data-theme="light"] .btn-sm.btn-primary-sm:hover,
[data-theme="light"] .btn-primary-sm:hover { background: var(--c-btn-primary-hover) !important; box-shadow: 0 4px 12px rgba(37,99,235,0.25) !important; }
[data-theme="light"] .btn-sm.btn-ghost-sm,
[data-theme="light"] .btn-ghost-sm { background: transparent !important; color: var(--c-text-muted) !important; border: 1px solid var(--c-border-light) !important; padding: 8px 16px !important; border-radius: 8px !important; font-size: 0.82rem !important; }
[data-theme="light"] .btn-sm.btn-ghost-sm:hover,
[data-theme="light"] .btn-ghost-sm:hover { border-color: var(--c-btn-primary-bg) !important; color: var(--c-btn-primary-bg) !important; }

/* Tables & client cards */
[data-theme="light"] .client-table-header { color: #8a8a9a !important; border-bottom: 1px solid #e8e8ee !important; font-size: 0.7rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; background: transparent !important; }
[data-theme="light"] .client-card { border-bottom: 1px solid #f0f0f5 !important; background: transparent !important; }
[data-theme="light"] .client-card:hover { background: #f8f8fb !important; }
[data-theme="light"] .client-name { color: #1a1a2e !important; font-weight: 600 !important; }
[data-theme="light"] .client-card span,
[data-theme="light"] .client-card div { color: #6c6c8a !important; }
[data-theme="light"] .client-card a { color: #5d5fef !important; }
[data-theme="light"] .client-card a:hover { color: #1a1a2e !important; }

/* Search & inputs */
[data-theme="light"] .search-input,
[data-theme="light"] .filter-select,
[data-theme="light"] .form-input,
[data-theme="light"] .form-textarea,
[data-theme="light"] .form-select,
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="url"],
[data-theme="light"] input[type="password"],
[data-theme="light"] input[type="number"],
[data-theme="light"] select,
[data-theme="light"] textarea { background: #ffffff !important; border: 1px solid #d0d0da !important; color: #1a1a2e !important; border-radius: 8px !important; }
[data-theme="light"] .search-input:focus,
[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus { border-color: #1a1a2e !important; box-shadow: 0 0 0 2px rgba(26,26,46,0.08) !important; outline: none !important; }
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder { color: #b0b0ba !important; }

/* Tabs */
[data-theme="light"] .detail-tab { color: #8a8a9a !important; border-bottom: 2px solid transparent !important; }
[data-theme="light"] .detail-tab:hover { color: #2a2a4a !important; }
[data-theme="light"] .detail-tab.active { color: #1a1a2e !important; border-bottom-color: #1a1a2e !important; }

/* Health strip */
[data-theme="light"] .health-strip { background: #ffffff !important; border: 1px solid #e8e8ee !important; border-radius: 12px !important; padding: 16px !important; }

/* Activity/log */
[data-theme="light"] .log-row { border-bottom: 1px solid #f0f0f5 !important; }
[data-theme="light"] .log-row:hover { background: #f8f8fb !important; }
[data-theme="light"] .log-time { color: #8a8a9a !important; }
[data-theme="light"] .log-msg { color: #6c6c8a !important; }
[data-theme="light"] .log-msg strong,
[data-theme="light"] .log-msg b { color: #1a1a2e !important; }

/* Badges */
[data-theme="light"] .badge-active,
[data-theme="light"] .badge-managed { background: rgba(5,150,105,0.08) !important; color: #059669 !important; }
[data-theme="light"] .badge-attention { background: rgba(217,119,6,0.08) !important; color: #d97706 !important; }
[data-theme="light"] .badge-pro { background: #1a1a2e !important; color: #2563eb !important; }
[data-theme="light"] .badge-starter { background: #f0f0f5 !important; color: #6c6c8a !important; }

/* Score badges */
[data-theme="light"] [style*="background: rgba(16,185,129"] { background: rgba(5,150,105,0.08) !important; color: #059669 !important; }
[data-theme="light"] [style*="background: rgba(245,158,11"] { background: rgba(217,119,6,0.08) !important; color: #d97706 !important; }
[data-theme="light"] [style*="background: rgba(239,68,68"] { background: rgba(220,38,38,0.08) !important; color: #dc2626 !important; }

/* Progress bars */
[data-theme="light"] .progress-bar,
[data-theme="light"] [style*="height:6px"][style*="background"] { background: #e8e8ee !important; }

/* Toggle */
[data-theme="light"] .theme-toggle,
[data-theme="light"] .toggle-track { background: #d0d0da !important; }
[data-theme="light"] .theme-toggle.on,
[data-theme="light"] .toggle-track.on { background: #1a1a2e !important; }

/* Modal */
[data-theme="light"] .modal-overlay,
[data-theme="light"] [style*="position:fixed"][style*="background:rgba(0,0,0"] { background: rgba(0,0,0,0.4) !important; }
[data-theme="light"] .modal-content,
[data-theme="light"] .modal-box { background: #ffffff !important; border: 1px solid #e8e8ee !important; }

/* All inline dark backgrounds → white */
[data-theme="light"] .main-content [style*="background: rgba(26,26,46"],
[data-theme="light"] .main-content [style*="background:rgba(26,26,46"],
[data-theme="light"] .main-content [style*="background: rgba(15,15,26"],
[data-theme="light"] .main-content [style*="background:rgba(15,15,26"],
[data-theme="light"] .main-content [style*="background:#1a1a2e"],
[data-theme="light"] .main-content [style*="background: #1a1a2e"],
[data-theme="light"] .main-content [style*="background:#0f0f1a"],
[data-theme="light"] .main-content [style*="background: #0f0f1a"],
[data-theme="light"] .main-content [style*="background:#141414"],
[data-theme="light"] .main-content [style*="background: #141414"],
[data-theme="light"] .main-content [style*="background:#141420"],
[data-theme="light"] .main-content [style*="background: #141420"] { background: #ffffff !important; border: 1px solid #e8e8ee !important; color: #2a2a4a !important; border-radius: 12px !important; }

/* All gradient text → solid dark */
[data-theme="light"] [style*="-webkit-background-clip: text"],
[data-theme="light"] [style*="-webkit-background-clip:text"],
[data-theme="light"] [style*="background-clip: text"],
[data-theme="light"] [style*="background-clip:text"] { -webkit-text-fill-color: #1a1a2e !important; background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; }

/* Inline white text → dark */
[data-theme="light"] .main-content [style*="color:#fff"],
[data-theme="light"] .main-content [style*="color: #fff"],
[data-theme="light"] .main-content [style*="color:#e2e2f5"],
[data-theme="light"] .main-content [style*="color: #e2e2f5"],
[data-theme="light"] .main-content [style*="color: #ffffff"] { color: #1a1a2e !important; }

/* Inline muted text */
[data-theme="light"] .main-content [style*="color:#a0a0c0"],
[data-theme="light"] .main-content [style*="color: #a0a0c0"],
[data-theme="light"] .main-content [style*="color:#6c6c8a"],
[data-theme="light"] .main-content [style*="color: #6c6c8a"] { color: #8a8a9a !important; }

/* Inline borders */
[data-theme="light"] .main-content [style*="border"][style*="#252540"],
[data-theme="light"] .main-content [style*="border"][style*="#303052"],
[data-theme="light"] .main-content [style*="border"][style*="rgba(207,254,37"],
[data-theme="light"] .main-content [style*="border"][style*="rgba(255,255,255"] { border-color: #e8e8ee !important; }

/* Scrollbar */
[data-theme="light"] ::-webkit-scrollbar { width: 6px !important; }
[data-theme="light"] ::-webkit-scrollbar-track { background: #f5f5f7 !important; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #d0d0da !important; border-radius: 3px !important; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #b0b0ba !important; }

/* Links */
[data-theme="light"] .main-content a:not(.nav-item):not(.btn-sm):not([class*="btn"]) { color: #5d5fef !important; }
[data-theme="light"] .main-content a:not(.nav-item):not(.btn-sm):not([class*="btn"]):hover { color: #1a1a2e !important; }

/* Toast */
[data-theme="light"] .toast { background: #ffffff !important; border: 1px solid #e8e8ee !important; color: #2a2a4a !important; box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; }

/* ============================================
   GENERIC BUTTON OVERRIDES FOR ALL PAGES
   ============================================ */
/* Primary buttons — blue bg, white text */
[data-theme="light"] .btn-create,
[data-theme="light"] .btn-scan,
[data-theme="light"] .btn-generate,
[data-theme="light"] [style*="background:#2563eb"],
[data-theme="light"] [style*="background: #2563eb"] { background: var(--c-btn-primary-bg) !important; color: var(--c-btn-primary-text) !important; box-shadow: 0 2px 8px rgba(37,99,235,0.15) !important; }
[data-theme="light"] .btn-create:hover,
[data-theme="light"] .btn-scan:hover,
[data-theme="light"] .btn-generate:hover { background: var(--c-btn-primary-hover) !important; box-shadow: 0 4px 12px rgba(37,99,235,0.25) !important; }

/* Ghost/refresh buttons */
[data-theme="light"] .btn-refresh { background: transparent !important; color: var(--c-text-muted) !important; border: 1px solid var(--c-border-light) !important; }
[data-theme="light"] .btn-refresh:hover { border-color: var(--c-btn-primary-bg) !important; color: var(--c-btn-primary-bg) !important; }

/* View buttons */
[data-theme="light"] .btn-view { background: rgba(5,150,105,0.08) !important; color: #059669 !important; border-color: rgba(5,150,105,0.2) !important; }

/* Sidebar footer — user info */
[data-theme="light"] .sidebar-footer { border-top: 1px solid #e8e8ee !important; }
[data-theme="light"] .user-info { background: #f0f0f5 !important; }
[data-theme="light"] .user-info:hover { background: #e8e8ee !important; }
[data-theme="light"] .user-name { color: #1a1a2e !important; }
[data-theme="light"] .user-email,
[data-theme="light"] .user-info span[style*="color"] { color: #8a8a9a !important; }
[data-theme="light"] .user-avatar { border-color: #e8e8ee !important; }

/* User dropdown */
[data-theme="light"] .user-dropdown { background: #ffffff !important; border: 1px solid #e8e8ee !important; box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important; }
[data-theme="light"] .user-dropdown a,
[data-theme="light"] .user-dropdown button { color: #2a2a4a !important; }
[data-theme="light"] .user-dropdown a:hover,
[data-theme="light"] .user-dropdown button:hover { background: #f0f0f5 !important; }

/* Phase/step cards (seo-stappenplan, etc) */
[data-theme="light"] .phase-card,
[data-theme="light"] .step-card,
[data-theme="light"] .sug-card,
[data-theme="light"] .opp-card,
[data-theme="light"] .article-card { background: #ffffff !important; border: 1px solid #e8e8ee !important; border-radius: 12px !important; }
[data-theme="light"] .phase-card:hover,
[data-theme="light"] .step-card:hover,
[data-theme="light"] .sug-card:hover { border-color: #d0d0da !important; }
[data-theme="light"] .phase-title,
[data-theme="light"] .step-title { color: #1a1a2e !important; }
[data-theme="light"] .phase-desc,
[data-theme="light"] .step-desc { color: #6c6c8a !important; }

/* Progress bars in light */
[data-theme="light"] .progress-bar-bg,
[data-theme="light"] .phase-progress { background: #e8e8ee !important; }
[data-theme="light"] .progress-bar-fill,
[data-theme="light"] .phase-progress-bar { background: #1a1a2e !important; }

/* Score/number highlights */
[data-theme="light"] .article-score-text { color: #8a8a9a !important; }

/* ============================================
   ARTICLE EDITOR BUTTONS
   ============================================ */
[data-theme="light"] .action-btn { background: #ffffff !important; border: 1px solid #d0d0da !important; color: #6c6c8a !important; }
[data-theme="light"] .action-btn:hover { border-color: #1a1a2e !important; color: #1a1a2e !important; background: #f0f0f5 !important; }
[data-theme="light"] .action-btn.primary { background: #1a1a2e !important; color: #2563eb !important; border-color: #1a1a2e !important; box-shadow: 0 2px 8px rgba(26,26,46,0.15) !important; }
[data-theme="light"] .action-btn.primary:hover { background: #0f0f1a !important; box-shadow: 0 4px 12px rgba(26,26,46,0.25) !important; }
[data-theme="light"] .action-btn.success { background: rgba(5,150,105,0.08) !important; color: #059669 !important; border-color: rgba(5,150,105,0.2) !important; }
[data-theme="light"] .action-btn.danger { background: transparent !important; color: #dc2626 !important; border-color: rgba(220,38,38,0.2) !important; }
[data-theme="light"] .action-btn.danger:hover { background: rgba(220,38,38,0.06) !important; }

/* Modal buttons */
[data-theme="light"] .modal-btn-primary { background: #1a1a2e !important; color: #2563eb !important; }
[data-theme="light"] .modal-btn-secondary,
[data-theme="light"] .modal-btn-ghost { background: transparent !important; color: #6c6c8a !important; border: 1px solid #d0d0da !important; }

/* AI field buttons */
[data-theme="light"] .ai-field-btn { background: #f0f0f5 !important; color: #6c6c8a !important; border-color: #d0d0da !important; }
[data-theme="light"] .ai-field-btn:hover { background: #e8e8ee !important; color: #1a1a2e !important; }

/* Editor sidebar panels */
[data-theme="light"] .seo-sidebar,
[data-theme="light"] .editor-sidebar { background: #ffffff !important; border: 1px solid #e8e8ee !important; }

/* TinyMCE toolbar */
[data-theme="light"] .tox .tox-toolbar,
[data-theme="light"] .tox .tox-toolbar__primary { background: #ffffff !important; border-bottom: 1px solid #e8e8ee !important; }
[data-theme="light"] .tox .tox-tbtn { color: #6c6c8a !important; }
[data-theme="light"] .tox .tox-tbtn:hover { background: #f0f0f5 !important; color: #1a1a2e !important; }
[data-theme="light"] .tox .tox-tbtn--enabled { background: rgba(26,26,46,0.08) !important; color: #1a1a2e !important; }

/* Stat num — kill ALL gradients */
[data-theme="light"] .stat-num,
[data-theme="light"] .stat-box .stat-num,
[data-theme="light"] .stats-strip .stat-num {
    color: #1a1a2e !important;
    -webkit-text-fill-color: #1a1a2e !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
}

/* Stat box — remove ::before gradient bar */
[data-theme="light"] .stat-box::before,
[data-theme="light"] .stat-box::after {
    display: none !important;
    content: none !important;
}

/* Stat box — exact match test page */
[data-theme="light"] .stat-box {
    background: #ffffff !important;
    border: 1px solid #e8e8ee !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    position: relative !important;
    overflow: visible !important;
}

/* Content wrapper padding */
[data-theme="light"] .content-wrapper {
    padding: 0 !important;
}

/* Queue stats boxes rendered by JS */
[data-theme="light"] #dashQueueStats div[style] {
    background: #f8f8fb !important;
    border-radius: 8px !important;
}
[data-theme="light"] #dashQueueStats div[style*="font-weight"] {
    color: #1a1a2e !important;
    -webkit-text-fill-color: #1a1a2e !important;
}

/* Attention list items */
[data-theme="light"] #attentionList > div {
    border-bottom: 1px solid #f0f0f5 !important;
}
[data-theme="light"] #attentionList > div:hover {
    background: #f8f8fb !important;
}

/* Activity log rendered by JS */
[data-theme="light"] #dashActivityLog > div {
    border-bottom: 1px solid #f0f0f5 !important;
}
[data-theme="light"] #dashActivityLog > div:hover {
    background: #f8f8fb !important;
}

/* Search bar area */
[data-theme="light"] .search-bar {
    background: transparent !important;
    border: none !important;
}

/* Client stats bar */
[data-theme="light"] #clientStatsBar > div {
    background: #ffffff !important;
    border: 1px solid #e8e8ee !important;
    border-radius: 8px !important;
    color: #2a2a4a !important;
}

/* All act-btn (action buttons in tables) */
[data-theme="light"] .act-btn { color: #6c6c8a !important; border-color: #d0d0da !important; }
[data-theme="light"] .act-btn:hover { color: #1a1a2e !important; border-color: #1a1a2e !important; background: #f0f0f5 !important; }

/* Force ALL inline color:var(--brand-primary) to dark in light mode */
[data-theme="light"] [style*="color:var(--brand-primary)"],
[data-theme="light"] [style*="color: var(--brand-primary)"] {
    color: #1a1a2e !important;
}

/* ============================================
   CLIENTS PAGE
   ============================================ */

/* Top bar on clients page */
[data-theme="light"] #page-clients .top-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 16px 0 !important; margin-bottom: 16px !important; border-bottom: 1px solid #e8e8ee !important; }
[data-theme="light"] #page-clients .top-bar h1 { font-size: 1.3rem !important; }
[data-theme="light"] #page-clients .sub { display: none !important; }

/* Client stats bar */
[data-theme="light"] #clientStatsBar { padding: 0 0 16px !important; gap: 12px !important; }
[data-theme="light"] #clientStatsBar > div,
[data-theme="light"] #clientStatsBar > span { background: #ffffff !important; border: 1px solid #e8e8ee !important; border-radius: 8px !important; padding: 8px 16px !important; font-size: 0.78rem !important; color: #2a2a4a !important; }

/* Search bar */
[data-theme="light"] .search-bar { background: transparent !important; border: none !important; padding: 0 0 16px !important; display: flex !important; gap: 8px !important; align-items: center !important; flex-wrap: wrap !important; }
[data-theme="light"] .search-input { background: #ffffff !important; border: 1px solid #d0d0da !important; color: #1a1a2e !important; border-radius: 8px !important; padding: 8px 12px !important; font-size: 0.82rem !important; min-width: 220px !important; }
[data-theme="light"] .search-input:focus { border-color: #1a1a2e !important; box-shadow: 0 0 0 2px rgba(26,26,46,0.08) !important; }
[data-theme="light"] .filter-select,
[data-theme="light"] #filterPlatform { background: #ffffff !important; border: 1px solid #d0d0da !important; color: #1a1a2e !important; border-radius: 8px !important; padding: 8px 12px !important; font-size: 0.82rem !important; }
[data-theme="light"] .result-count { color: #8a8a9a !important; font-size: 0.78rem !important; }

/* Client table header */
[data-theme="light"] .client-table-header { background: transparent !important; border-bottom: 1px solid #e8e8ee !important; color: #8a8a9a !important; font-size: 0.7rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 10px 16px !important; }
[data-theme="light"] .client-table-header div { color: #8a8a9a !important; }

/* Client list wrapper — white panel */
[data-theme="light"] .client-list,
[data-theme="light"] #clientsList,
[data-theme="light"] .page-section .client-card:first-child { border-top: none !important; }

/* Client cards/rows */
[data-theme="light"] .client-card {
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    margin-bottom: 0 !important;
    padding: 12px 16px !important;
}
[data-theme="light"] .client-card:hover { background: #f8f8fb !important; }
[data-theme="light"] .client-name { color: #1a1a2e !important; font-weight: 600 !important; font-size: 0.85rem !important; }
[data-theme="light"] .client-card .client-meta { color: #8a8a9a !important; font-size: 0.75rem !important; }
[data-theme="light"] .client-card .col-name .sub,
[data-theme="light"] .client-card .col-name small { color: #8a8a9a !important; }
[data-theme="light"] .client-card .col-art,
[data-theme="light"] .client-card .col-cost,
[data-theme="light"] .client-card .col-mrr,
[data-theme="light"] .client-card .col-score,
[data-theme="light"] .client-card .col-activity,
[data-theme="light"] .client-card .col-platform,
[data-theme="light"] .client-card .col-editorial,
[data-theme="light"] .client-card .col-pkg { color: #6c6c8a !important; }
[data-theme="light"] .client-card div[style*="color:#10b981"],
[data-theme="light"] .client-card div[style*="color: #10b981"] { color: #059669 !important; }
[data-theme="light"] .client-card div[style*="color:#fbbf24"],
[data-theme="light"] .client-card div[style*="color: #fbbf24"] { color: #d97706 !important; }

/* Health dot */
[data-theme="light"] .client-health { border-radius: 50% !important; }

/* Platform badges */
[data-theme="light"] .client-card .platform-badge { border-radius: 4px !important; font-size: 0.68rem !important; padding: 2px 8px !important; }

/* Package badges */
[data-theme="light"] .badge-starter { background: #f0f0f5 !important; color: #6c6c8a !important; }
[data-theme="light"] .badge-groei { background: rgba(93,95,239,0.08) !important; color: #5d5fef !important; }
[data-theme="light"] .badge-pro { background: #1a1a2e !important; color: #2563eb !important; }
[data-theme="light"] .badge-elite { background: rgba(217,119,6,0.08) !important; color: #d97706 !important; }

/* Score column */
[data-theme="light"] .client-card .col-score span { border-radius: 6px !important; padding: 3px 8px !important; font-size: 0.72rem !important; font-weight: 700 !important; }

/* MRR / cost columns */
[data-theme="light"] .client-card .col-mrr,
[data-theme="light"] .client-card .col-cost { color: #2a2a4a !important; font-size: 0.82rem !important; }

/* Activity column */
[data-theme="light"] .client-card .col-activity { color: #8a8a9a !important; font-size: 0.78rem !important; }

/* Action buttons in client cards */
[data-theme="light"] .client-card .act-btn { color: #6c6c8a !important; border: 1px solid #d0d0da !important; border-radius: 6px !important; padding: 4px 10px !important; font-size: 0.72rem !important; background: transparent !important; }
[data-theme="light"] .client-card .act-btn:hover { color: #1a1a2e !important; border-color: #1a1a2e !important; background: #f0f0f5 !important; }

/* Health dots */
[data-theme="light"] .health-dot { border-radius: 50% !important; }

/* Client detail panel */
[data-theme="light"] .detail-panel { background: #ffffff !important; border: 1px solid #e8e8ee !important; border-radius: 12px !important; }
[data-theme="light"] .detail-header { border-bottom: 1px solid #e8e8ee !important; }
[data-theme="light"] .detail-section { background: #ffffff !important; border: 1px solid #e8e8ee !important; border-radius: 12px !important; margin-bottom: 16px !important; }
[data-theme="light"] .detail-label { color: #8a8a9a !important; font-size: 0.72rem !important; font-weight: 600 !important; text-transform: uppercase !important; }
[data-theme="light"] .detail-value { color: #1a1a2e !important; font-size: 0.85rem !important; }

/* ============================================
   LOGO — uniform on ALL pages, both modes
   ============================================ */
/* Dark mode */
.sidebar-logo::before { display: none !important; }
.sidebar-logo { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; -webkit-background-clip: initial !important; display: flex !important; align-items: center !important; gap: 8px !important; font-size: 1rem !important; font-weight: 700 !important; }
.logo-bolt { width: 24px !important; height: 24px !important; background: #252540 !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
.logo-bolt svg { fill: #2563eb !important; }
.logo-beta { display: inline-block !important; font-size: 0.5rem !important; font-weight: 800 !important; background: rgba(37,99,235,0.15) !important; color: #2563eb !important; padding: 1px 5px !important; border-radius: 3px !important; letter-spacing: 0.5px !important; border: 1px solid rgba(37,99,235,0.25) !important; margin-left: 2px !important; }

/* Light mode */
[data-theme="light"] .sidebar-logo { color: #1a1a2e !important; -webkit-text-fill-color: #1a1a2e !important; }
[data-theme="light"] .logo-bolt { background: #1a1a2e !important; }
[data-theme="light"] .logo-bolt svg { fill: #2563eb !important; }
[data-theme="light"] .logo-beta { background: #1a1a2e !important; color: #2563eb !important; border: none !important; }
/* Nav items — uniform on ALL pages */
.nav-item { gap: 10px !important; border-radius: 8px !important; font-weight: 500 !important; color: #6c6c8a !important; }
.nav-icon { width: 18px !important; height: 18px !important; margin-right: 0 !important; padding: 0 !important; }

/* Sidebar header layout — prevent hamburger overlapping beta */
.sidebar-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 16px !important; gap: 8px !important; }
.sidebar-logo { flex: 1 !important; min-width: 0 !important; overflow: hidden !important; }
.sidebar-toggle { flex-shrink: 0 !important; }

[data-theme="light"] .sidebar-logo__before-override::before {
    content: '' !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    background: #1a1a2e !important;
    border-radius: 6px !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") center/60% no-repeat !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") center/60% no-repeat !important;
    flex-shrink: 0 !important;
    margin-right: 4px !important;
}