/* ===============================
   Dashboard UI Refresh - Light Mode
   =============================== */

:root[data-theme="light"] body {
    background: var(--bg-main);
    color: var(--text-main);
}

:root[data-theme="light"] nav.sidebar {
    background: #ffffff;
    border-right-color: var(--border);
    box-shadow: none;
}

:root[data-theme="light"] .logo {
    color: var(--text-main);
}

:root[data-theme="light"] .nav-links li {
    color: var(--text-dim);
}

:root[data-theme="light"] .nav-links li:hover,
:root[data-theme="light"] .nav-links li.active {
    color: var(--text-main);
    background: rgba(17, 17, 19, 0.045);
    border-color: var(--border);
}

:root[data-theme="light"] .nav-links li.active {
    box-shadow: inset 3px 0 0 var(--accent);
}

:root[data-theme="light"] .nav-links {
    scrollbar-color: rgba(17, 17, 19, 0.18) transparent;
}

:root[data-theme="light"] .nav-links::-webkit-scrollbar-thumb {
    background: rgba(17, 17, 19, 0.14);
}

:root[data-theme="light"] .nav-links:hover::-webkit-scrollbar-thumb {
    background: rgba(17, 17, 19, 0.24);
}

:root[data-theme="light"] .theme-toggle,
:root[data-theme="light"] .sidebar-collapse-btn,
:root[data-theme="light"] .shop-name,
:root[data-theme="light"] .btn-secondary,
:root[data-theme="light"] .founder-hub-secondary-btn,
:root[data-theme="light"] .founder-hub-tab-btn,
:root[data-theme="light"] .analytics-passport-btn,
:root[data-theme="light"] .quote-edit-picker-btn {
    color: var(--text-main);
    background: var(--bg-soft);
    border-color: var(--border);
}

:root[data-theme="light"] .shop-name {
    background: #ffffff;
}

:root[data-theme="light"] .theme-toggle:hover,
:root[data-theme="light"] .sidebar-collapse-btn:hover,
:root[data-theme="light"] .btn-secondary:hover,
:root[data-theme="light"] .founder-hub-secondary-btn:hover,
:root[data-theme="light"] .founder-hub-tab-btn:hover,
:root[data-theme="light"] .analytics-passport-btn:hover {
    background: #ffffff;
    border-color: rgba(17, 17, 19, 0.16);
}

:root[data-theme="light"] .btn-primary,
:root[data-theme="light"] .founder-hub-primary-btn,
:root[data-theme="light"] .urgent-reminder-cta {
    color: #111113;
    background: var(--accent);
    border-color: rgba(184, 134, 11, 0.28);
    box-shadow: none;
}

:root[data-theme="light"] .card,
:root[data-theme="light"] .stat-card,
:root[data-theme="light"] .team-stat-card,
:root[data-theme="light"] .projects-list,
:root[data-theme="light"] .genesis-card,
:root[data-theme="light"] .founder-hub-card,
:root[data-theme="light"] .notification-center-card,
:root[data-theme="light"] #urgent-reminders-card,
:root[data-theme="light"] .analytics-passport-card,
:root[data-theme="light"] .analytics-passport-profile-card,
:root[data-theme="light"] .analytics-passport-stat-card,
:root[data-theme="light"] .analytics-passport-mini-card,
:root[data-theme="light"] .analytics-passport-snapshot-card {
    background: #ffffff;
    border-color: var(--border);
    box-shadow: var(--shadow-soft);
    border: 1px solid #cccccc
}

:root[data-theme="light"] .founder-hub-card,
:root[data-theme="light"] .analytics-passport-profile-card {
    background: #ffffff;
}

:root[data-theme="light"] .founder-hub-tabs {
    background: rgba(249, 250, 251, 0.86);
    border-color: var(--border);
}

:root[data-theme="light"] .founder-hub-tab-btn {
    background: transparent;
    border-color: transparent;
}

:root[data-theme="light"] .founder-hub-alert-pill {
    color: var(--text-main);
    background: rgba(255, 204, 17, 0.16);
    border-color: rgba(184, 134, 11, 0.24);
}

:root[data-theme="light"] .founder-hub-alert-pill.is-empty {
    color: var(--text-dim);
    background: #ffffff;
    border-color: var(--border);
}

:root[data-theme="light"] .founder-hub-preview-chip {
    color: #3f3500;
    background: rgba(255, 204, 17, 0.18);
    border-color: rgba(184, 134, 11, 0.22);
}

:root[data-theme="light"] .founder-hub-preview-chip i {
    color: #b38600;
}

:root[data-theme="light"] .founder-hub-preview-chip-soft {
    color: var(--text-dim);
    background: #ffffff;
    border-color: var(--border);
}

:root[data-theme="light"] .genesis-card.is-member {
    background:
        radial-gradient(circle at top right, rgba(107, 114, 128, 0.10), transparent 30rem),
        linear-gradient(180deg, #ffffff, #f8fafc);
}

:root[data-theme="light"] .founder-hub-overview-copy,
:root[data-theme="light"] .founder-hub-form-card,
:root[data-theme="light"] .founder-hub-side-card,
:root[data-theme="light"] .founder-hub-preview-shell,
:root[data-theme="light"] .founder-request-list-item,
:root[data-theme="light"] .founder-poll-card,
:root[data-theme="light"] .founder-poll-option,
:root[data-theme="light"] .founder-status-card,
:root[data-theme="light"] .founder-roadmap-group,
:root[data-theme="light"] .founder-region-service-chip,
:root[data-theme="light"] .founder-hub-metric-card,
:root[data-theme="light"] .founder-hub-expectation-item,
:root[data-theme="light"] .analytics-passport-list-item,
:root[data-theme="light"] .analytics-passport-action-item,
:root[data-theme="light"] .notification-center-item,
:root[data-theme="light"] .urgent-reminder-item,
:root[data-theme="light"] .note-item,
:root[data-theme="light"] .contact-card,
:root[data-theme="light"] .contact-note-card,
:root[data-theme="light"] .contact-note-composer,
:root[data-theme="light"] .dev-empty,
:root[data-theme="light"] .contact-note-empty {
    background: var(--bg-soft);
    border-color: var(--border);
}

:root[data-theme="light"] .founder-hub-overview-copy,
:root[data-theme="light"] .founder-hub-form-card,
:root[data-theme="light"] .founder-hub-side-card,
:root[data-theme="light"] .founder-hub-preview-shell {
    background: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] .founder-hub-preview-media,
:root[data-theme="light"] .founder-hub-workspace-item {
    background: var(--bg-soft);
    border-color: var(--border);
}

:root[data-theme="light"] .founder-hub-tab-btn.is-active,
:root[data-theme="light"] .quote-edit-tab-btn.active {
    color: var(--text-main);
    background: rgba(255, 204, 17, 0.18);
    border-color: rgba(184, 134, 11, 0.24);
}

:root[data-theme="light"] .status-badge,
:root[data-theme="light"] .founder-status-badge,
:root[data-theme="light"] .founder-submission-chip,
:root[data-theme="light"] .founder-request-inline-status,
:root[data-theme="light"] .founder-status-step,
:root[data-theme="light"] .analytics-passport-pill,
:root[data-theme="light"] .analytics-passport-chip,
:root[data-theme="light"] .founder-request-status-item,
:root[data-theme="light"] .founder-hub-expectation-item,
:root[data-theme="light"] .build-board-status-tag,
:root[data-theme="light"] .genesis-account-badge,
:root[data-theme="light"] .founder-hub-kicker,
:root[data-theme="light"] .founder-hub-inline-badge {
    color: var(--text-main);
    background: rgba(255, 204, 17, 0.14);
    border-color: rgba(184, 134, 11, 0.22);
}

:root[data-theme="light"] .genesis-account-badge.is-member,
:root[data-theme="light"] .founder-hub-kicker.is-member,
:root[data-theme="light"] .founder-hub-inline-badge.is-member {
    background: #eef0f4;
    border-color: var(--border);
    color: var(--text-main);
}

:root[data-theme="light"] .status-badge {
    background: #ffffff;
    border-color: var(--border);
}

:root[data-theme="light"] .status-dot {
    background: #16a34a;
    box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.12);
}

:root[data-theme="light"] #urgent-reminders-card {
    background: #ffffff;
    border-color: rgba(184, 134, 11, 0.26);
    box-shadow: var(--shadow-soft);
}

:root[data-theme="light"] #urgent-reminders-card::before {
    background: var(--accent);
    opacity: 1;
}

:root[data-theme="light"] .urgent-reminder-icon {
    background: rgba(255, 204, 17, 0.12);
    border-color: rgba(184, 134, 11, 0.20);
    color: var(--text-main);
}

:root[data-theme="light"] .urgent-reminder-item {
    background: var(--bg-soft);
    border-color: var(--border);
}

:root[data-theme="light"] #analytics .analytics-passport-profile-card,
:root[data-theme="light"] #analytics .analytics-passport-card,
:root[data-theme="light"] #analytics .analytics-passport-stat-card,
:root[data-theme="light"] #analytics .analytics-passport-mini-card,
:root[data-theme="light"] #analytics .analytics-passport-snapshot-card {
    background: #ffffff;
    box-shadow: none;
}

:root[data-theme="light"] #analytics .analytics-passport-score-ring {
    background: rgba(255, 204, 17, 0.12);
    border-color: rgba(184, 134, 11, 0.24);
}

:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea,
:root[data-theme="light"] .founder-hub-input,
:root[data-theme="light"] .founder-hub-select,
:root[data-theme="light"] .founder-hub-textarea,
:root[data-theme="light"] .dashboard-contact-picker-search,
:root[data-theme="light"] .quote-edit-input,
:root[data-theme="light"] .quote-edit-select,
:root[data-theme="light"] .quote-edit-textarea {
    background: var(--input-bg);
    border-color: var(--border);
    color: var(--text-main);
}

:root[data-theme="light"] .dashboard-contact-picker,
:root[data-theme="light"] .founder-region-dropdown-menu {
    background: #ffffff;
    border-color: var(--border);
    box-shadow: 0 10px 28px rgba(17, 17, 19, 0.08);
}

:root[data-theme="light"] .settings-group h4,
:root[data-theme="light"] .team-access-kicker,
:root[data-theme="light"] #billing .billing-section-kicker,
:root[data-theme="light"] #billing .billing-section-kicker i,
:root[data-theme="light"] .analytics-passport-kicker,
:root[data-theme="light"] .analytics-passport-kicker i {
    color: var(--text-dim) !important;
}

:root[data-theme="light"] .team-member-avatar,
:root[data-theme="light"] .team-seat-pill {
    background: #ffffff;
    border-color: var(--border);
    color: var(--text-main);
}

:root[data-theme="light"] .billing-status-badge,
:root[data-theme="light"] #billing-status-badge[data-billing-status="active"] {
    background: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}

:root[data-theme="light"] .status-badge.is-warning,
:root[data-theme="light"] .billing-status-badge[data-billing-status="past_due"] {
    background: rgba(255, 204, 17, 0.18);
    border-color: rgba(184, 134, 11, 0.24);
    color: var(--text-main);
}

:root[data-theme="light"] #billing .card {
    background: #ffffff !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
}

:root[data-theme="light"] #billing .billing-summary-grid > div,
:root[data-theme="light"] #billing .card div[style*="background:rgba(255,255,255,0.03)"],
:root[data-theme="light"] #billing .card div[style*="background:rgba(255,255,255,0.04)"] {
    background: var(--bg-soft) !important;
    border-color: var(--border) !important;
}

:root[data-theme="light"] #billing .btn-secondary.billing-action-btn {
    background: var(--bg-soft) !important;
    color: var(--text-main) !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
}

.slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #d1d5db;
    transition: 0.22s ease;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.22s ease;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: var(--accent);
}

input:checked + .slider:before {
    transform: translateX(22px);
}

@media (max-width: 767px) {
    :root[data-theme="light"] nav.sidebar {
        border-right: 0;
        border-bottom-color: var(--border);
        box-shadow: none;
    }

    :root[data-theme="light"] .nav-links li.active {
        box-shadow: inset 0 0 0 1px rgba(184, 134, 11, 0.22);
    }
}