/* StoreAIChatBot - Global Day/Night Theme Tokens */

/* ==============================================================
   1. Dark Theme Palette (Default / Night Mode)
   ============================================================== */
:root,
:root[data-theme="dark"] {
    --bg-color: #141824;
    --bg-dark: #10141e;
    --panel-bg: #1c2233;
    --sidebar-bg: #171d2b;
    --bg-card: rgba(28, 34, 51, 0.75);
    --bg-card-hover: rgba(38, 46, 68, 0.85);
    --card-bg: rgba(28, 34, 51, 0.75);
    
    --panel-border: rgba(255, 255, 255, 0.08);
    --panel-border-hover: rgba(138, 43, 226, 0.4);
    --panel-border-glow: rgba(138, 43, 226, 0.25);
    --border: rgba(255, 255, 255, 0.1);
    --border-color: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.08);

    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --text-main: #f8fafc;
    --text-color: #f8fafc;
    --text: #f8fafc;

    --accent-color: #8a2be2;
    --accent-light: #a855f7;
    --primary: #8a2be2;
    --primary-color: #8a2be2;
    --accent-purple: #8a2be2;
    --accent-violet: #a855f7;
    --accent-pink: #ec4899;
    --accent-gold: #f59e0b;
    --accent-cyan: #06b6d4;
    --accent-emerald: #10b981;
    --accent-blue: #3b82f6;

    --success: #10b981;
    --success-color: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;

    --input-bg: rgba(255, 255, 255, 0.05);
    --input-border: rgba(255, 255, 255, 0.12);
    --progress-track-bg: rgba(255, 255, 255, 0.08);
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.35);
    --glass-glow: rgba(138, 43, 226, 0.15);
    --table-hover: rgba(255, 255, 255, 0.03);
    color-scheme: dark;
}

/* ==============================================================
   2. Light Theme Palette (Day Mode)
   ============================================================== */
:root[data-theme="light"] {
    --bg-color: #f8fafc;
    --bg-dark: #f1f5f9;
    --panel-bg: #ffffff;
    --sidebar-bg: #ffffff;
    --bg-card: #ffffff;
    --bg-card-hover: #f1f5f9;
    --card-bg: #ffffff;

    --panel-border: #e2e8f0;
    --panel-border-hover: rgba(124, 58, 237, 0.3);
    --panel-border-glow: rgba(124, 58, 237, 0.15);
    --border: #e2e8f0;
    --border-color: #e2e8f0;
    --card-border: #e2e8f0;

    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    --text-main: #0f172a;
    --text-color: #0f172a;
    --text: #0f172a;

    --accent-color: #7c3aed;
    --accent-light: #9333ea;
    --primary: #7c3aed;
    --primary-color: #7c3aed;
    --accent-purple: #7c3aed;
    --accent-violet: #9333ea;
    --accent-pink: #db2777;
    --accent-gold: #d97706;
    --accent-cyan: #0891b2;
    --accent-emerald: #059669;
    --accent-blue: #2563eb;

    --success: #059669;
    --success-color: #059669;
    --danger: #dc2626;
    --warning: #d97706;

    --input-bg: #ffffff;
    --input-border: #cbd5e1;
    --progress-track-bg: #e2e8f0;
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.05);
    --glass-glow: rgba(124, 58, 237, 0.08);
    --table-hover: #f8fafc;
    color-scheme: light;
}

/* Common Transition for Theme Switching */
body {
    background-color: var(--bg-color);
    color: var(--text-primary);
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Theme Toggle Button Component */
.theme-toggle-btn {
    background: var(--input-bg);
    border: 1px solid var(--panel-border);
    color: var(--text-primary);
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
    font-size: 16px;
    line-height: 1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.theme-toggle-btn:hover {
    border-color: var(--accent-color);
    background: var(--bg-card-hover);
    transform: translateY(-1px);
}

/* ==============================================================
   3. Day (Light) Mode - High Contrast Visual Rules
   ============================================================== */

/* Layout & Background */
[data-theme="light"] body {
    background-color: #f8fafc !important;
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(124, 58, 237, 0.04) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(147, 51, 234, 0.03) 0%, transparent 45%) !important;
    color: #0f172a !important;
}

/* Top Navbar - Deep Oceanic Sapphire Blue (Palette 2 - Fits both Day & Night modes) */
nav.navbar,
.navbar,
[data-theme="light"] nav.navbar,
[data-theme="light"] .navbar {
    background: linear-gradient(135deg, #0c2146 0%, #172554 50%, #1e3a8a 100%) !important;
    border-bottom: 1px solid rgba(59, 130, 246, 0.3) !important;
    box-shadow: 0 4px 15px rgba(12, 33, 70, 0.25) !important;
}

[data-theme="light"] .navbar .logo-text,
.logo-text {
    color: #ffffff !important;
}

[data-theme="light"] .navbar .brand,
[data-theme="light"] .navbar .brand-full,
[data-theme="light"] .navbar .brand-logo,
.navbar .brand-logo {
    color: #ffffff !important;
}

[data-theme="light"] .navbar .sidebar-toggle-btn,
[data-theme="light"] .navbar .sidebar-toggle,
.navbar .sidebar-toggle-btn {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

[data-theme="light"] .navbar .sidebar-toggle-btn:hover,
[data-theme="light"] .navbar .sidebar-toggle:hover,
.navbar .sidebar-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

[data-theme="light"] .navbar .theme-toggle-btn,
.navbar .theme-toggle-btn {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

[data-theme="light"] .navbar .theme-toggle-btn:hover,
.navbar .theme-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.18) !important;
}

[data-theme="light"] .navbar .bell-trigger span,
.navbar .bell-trigger span {
    color: #f1f5f9 !important;
}

[data-theme="light"] .navbar .profile-trigger,
.navbar .profile-trigger {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

[data-theme="light"] .navbar .profile-trigger:hover,
.navbar .profile-trigger:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

[data-theme="light"] .navbar #lnk-welcome-merchant,
.navbar #lnk-welcome-merchant {
    color: #ffffff !important;
}

/* Sidebar */
[data-theme="light"] .sidebar {
    background: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.02) !important;
}

[data-theme="light"] .sidebar .brand,
[data-theme="light"] .sidebar .brand-full {
    color: #0f172a !important;
}

[data-theme="light"] .nav-heading {
    color: #64748b !important;
}

[data-theme="light"] .nav-item {
    color: #475569 !important;
}

[data-theme="light"] .nav-item:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

[data-theme="light"] .nav-item.active {
    background: #7c3aed !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.25) !important;
}

[data-theme="light"] .sidebar .sidebar-toggle-btn,
[data-theme="light"] .sidebar .sidebar-toggle {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .sidebar .sidebar-toggle-btn:hover,
[data-theme="light"] .sidebar .sidebar-toggle:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

[data-theme="light"] #profile-dropdown,
[data-theme="light"] #notification-dropdown {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] #profile-dropdown button {
    color: #0f172a !important;
}

[data-theme="light"] #profile-dropdown button:hover {
    background: #f8fafc !important;
}

[data-theme="light"] #notification-dropdown div {
    color: #0f172a !important;
}

/* Cards & Accordions */
[data-theme="light"] .glass-card,
[data-theme="light"] .card,
[data-theme="light"] .stat-card,
[data-theme="light"] details.accordion-section {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

[data-theme="light"] details.accordion-section summary {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .accordion-content {
    background: #ffffff !important;
}

/* Inputs, Selects, & Textareas */
[data-theme="light"] input.input-control,
[data-theme="light"] select.input-control,
[data-theme="light"] textarea.input-control,
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select,
[data-theme="light"] .form-group textarea,
[data-theme="light"] #crm-leads-search,
[data-theme="light"] #crm-filter-status,
[data-theme="light"] #inspector-search,
[data-theme="light"] #inspector-message-input {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] input.input-control:focus,
[data-theme="light"] select.input-control:focus,
[data-theme="light"] textarea.input-control:focus,
[data-theme="light"] #inspector-search:focus,
[data-theme="light"] #inspector-message-input:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important;
    background: #ffffff !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #94a3b8 !important;
}

[data-theme="light"] label,
[data-theme="light"] .form-group label {
    color: #334155 !important;
}

/* Subtabs */
[data-theme="light"] .subtab-bar {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .subtab-btn {
    color: #475569 !important;
}

[data-theme="light"] .subtab-btn:hover {
    color: #0f172a !important;
    background: #e2e8f0 !important;
}

[data-theme="light"] .subtab-btn.active {
    background: #7c3aed !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25) !important;
}

/* ==============================================================
   4. Live Chat Monitor - Day Mode High Contrast
   ============================================================== */
[data-theme="light"] #inspector-chat-workspace,
[data-theme="light"] .chat-workspace-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] #inspector-sessions-list {
    background: #ffffff !important;
}

[data-theme="light"] .channel-filter-bar {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .channel-pill-btn {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

[data-theme="light"] .channel-pill-btn:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

[data-theme="light"] .channel-pill-btn.active {
    background: #7c3aed !important;
    border-color: #7c3aed !important;
    color: #ffffff !important;
}

[data-theme="light"] .chat-list-card {
    background: transparent !important;
    border-color: transparent !important;
}

[data-theme="light"] .chat-list-card:hover {
    background: #f8fafc !important;
}

[data-theme="light"] .chat-list-card.active {
    background: rgba(124, 58, 237, 0.07) !important;
    border-color: rgba(124, 58, 237, 0.2) !important;
    border-left: 3px solid #7c3aed !important;
}

[data-theme="light"] .chat-customer-name {
    color: #0f172a !important;
}

[data-theme="light"] .chat-snippet {
    color: #475569 !important;
}

[data-theme="light"] .chat-time-tag,
[data-theme="light"] .chat-sub-id {
    color: #64748b !important;
}

/* Chat Detail Right Pane */
[data-theme="light"] .chat-detail-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .chat-detail-title {
    color: #0f172a !important;
}

[data-theme="light"] .chat-detail-meta-chip {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .chat-avatar-channel-badge {
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] #inspector-chat-messages {
    background: #f8fafc !important;
}

/* Chat Message Bubbles */
[data-theme="light"] .chat-bubble.bot {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .chat-bubble.bot p,
[data-theme="light"] .chat-bubble.bot span,
[data-theme="light"] .chat-bubble.bot li {
    color: #0f172a !important;
}

[data-theme="light"] .chat-bubble.customer {
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25) !important;
}

[data-theme="light"] .chat-bubble.operator {
    background: #fef3c7 !important;
    color: #92400e !important;
    border: 1px solid #fde68a !important;
}

[data-theme="light"] .chat-bubble-meta {
    color: #64748b !important;
}

/* Composer / Input Area */
[data-theme="light"] .chat-composer-wrap {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .chat-composer-banner.ai {
    background: #ecfdf5 !important;
    color: #065f46 !important;
    border: 1px solid #a7f3d0 !important;
}

[data-theme="light"] .chat-composer-banner.takeover {
    background: #fef2f2 !important;
    color: #991b1b !important;
    border: 1px solid #fecaca !important;
}

/* Subscription Notice Banner */
[data-theme="light"] #global-sub-banner {
    background: #fff1f2 !important;
    border: 1.5px solid #fecdd3 !important;
    color: #9f1239 !important;
    box-shadow: 0 4px 14px rgba(225, 29, 72, 0.06) !important;
}

[data-theme="light"] #global-sub-banner-title {
    color: #9f1239 !important;
}

[data-theme="light"] #global-sub-banner-desc {
    color: #881337 !important;
}

[data-theme="light"] #global-sub-banner-btn {
    background: #e11d48 !important;
    color: #ffffff !important;
}

/* Tables */
[data-theme="light"] table,
[data-theme="light"] .table {
    color: #0f172a !important;
}

[data-theme="light"] th {
    background: #f8fafc !important;
    color: #475569 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] td {
    color: #0f172a !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

[data-theme="light"] tr:hover td {
    background: #f8fafc !important;
}

/* Modals & Dialogs */
[data-theme="light"] .modal-content,
[data-theme="light"] .dialog-box {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
}

/* Secondary Buttons */
[data-theme="light"] .btn-secondary {
    background: #f1f5f9 !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .btn-secondary:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

/* Stat Cards & KPI Metrics */
[data-theme="light"] .stat-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .stat-card .label {
    color: #475569 !important;
}

[data-theme="light"] .stat-card .value,
[data-theme="light"] #stat-bookings,
[data-theme="light"] #stat-reviews {
    color: #0f172a !important;
}

/* Section Headers */
[data-theme="light"] .section-header {
    color: #0f172a !important;
}

[data-theme="light"] .section-header span:not([class*="badge"]):not([class*="status"]):not([style*="color: var(--text-muted)"]):not([style*="color:var(--text-muted)"]):not([style*="color: var(--text-secondary)"]):not([style*="color:var(--text-secondary)"]) {
    color: #0f172a !important;
}

/* Quota Tracker */
[data-theme="light"] #quota-next-reset {
    color: #64748b !important;
}

[data-theme="light"] #dashboard-quota-text {
    color: #0f172a !important;
}

[data-theme="light"] #dashboard-quota-detail {
    color: #475569 !important;
}

[data-theme="light"] div[style*="height: 12px; border-radius: 6px"],
[data-theme="light"] div[style*="height: 12px;border-radius:6px"],
[data-theme="light"] div[style*="height: 10px; overflow: hidden"],
[data-theme="light"] div[style*="height: 10px;overflow:hidden"] {
    background: #e2e8f0 !important;
}

/* Assisted Social Setup Banner */
[data-theme="light"] .assisted-social-banner {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: #1e40af !important;
}

[data-theme="light"] .assisted-social-banner strong {
    color: #1e3a8a !important;
}

/* CRM Status Cards & Diagnostics */
[data-theme="light"] .crm-status-card,
[data-theme="light"] .diagnostic-card,
[data-theme="light"] .product-spotlight-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

/* Subscription Plans (Billing) */
[data-theme="light"] .db-plan-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

[data-theme="light"] .db-plan-name {
    color: #0f172a !important;
}

[data-theme="light"] .db-plan-features li {
    color: #334155 !important;
}

/* Partner Portal Referral Box */
[data-theme="light"] .referral-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] #referralCodeText {
    color: #0f172a !important;
}

/* Table Text & Customer Names */
[data-theme="light"] td strong {
    color: #0f172a !important;
}

[data-theme="light"] td {
    color: #1e293b !important;
}

/* General Typography */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
    color: #0f172a !important;
}

[data-theme="light"] p {
    color: #334155 !important;
}

[data-theme="light"] .text-muted {
    color: #64748b !important;
}

[data-theme="light"] strong:not(.btn *):not(.badge *):not([class*="badge"] *):not([class*="pill"] *):not([style*="color: #"]):not(.hero-section *):not(.hero-section) {
    color: #0f172a !important;
}

/* ==============================================================
   Billing & Subscription Panel - High-Contrast Day Mode Rules
   ============================================================== */

/* Subscription Hero Card (Active & Normal) */
[data-theme="light"] .sub-hero-card {
    background: linear-gradient(135deg, #faf5ff 0%, #ffffff 100%) !important;
    border: 1.5px solid #e9d5ff !important;
    box-shadow: 0 4px 20px rgba(138, 43, 226, 0.06) !important;
    color: #0f172a !important;
}

[data-theme="light"] .sub-hero-card h2 {
    color: #0f172a !important;
}

/* Subscription Hero Card (Expired State) */
[data-theme="light"] .sub-hero-card.expired {
    background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%) !important;
    border: 1.5px solid #fecdd3 !important;
    box-shadow: 0 4px 20px rgba(225, 29, 72, 0.08) !important;
}

[data-theme="light"] .sub-hero-card.expired h2 {
    color: #9f1239 !important;
}

[data-theme="light"] .sub-hero-card.expired p {
    color: #991b1b !important;
}

[data-theme="light"] .sub-status-expired {
    background: #fee2e2 !important;
    color: #b91c1c !important;
    border: 1px solid #fca5a5 !important;
}

[data-theme="light"] .sub-hero-card.expired div[style*="font-size:2rem"],
[data-theme="light"] .sub-hero-card div[style*="font-size:2rem"] {
    color: #0f172a !important;
}

/* Subscription Hero Card (Expiring Soon Warning State) */
[data-theme="light"] .sub-hero-card.expiring-soon {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
    border: 1.5px solid #fde68a !important;
    box-shadow: 0 4px 20px rgba(245, 158, 11, 0.08) !important;
}

[data-theme="light"] .sub-hero-card.expiring-soon h2 {
    color: #92400e !important;
}

[data-theme="light"] .sub-hero-card.expiring-soon p {
    color: #92400e !important;
}

[data-theme="light"] .sub-status-expiring {
    background: #fef3c7 !important;
    color: #b45309 !important;
    border: 1px solid #fcd34d !important;
}

/* Billing Cycle Toggle Pills (Monthly / 6-Month / Annual) */
[data-theme="light"] #db-billing-toggle,
[data-theme="light"] #db-region-toggle {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .db-toggle-pill {
    color: #475569 !important;
    font-weight: 600 !important;
    background: transparent !important;
}

[data-theme="light"] .db-toggle-pill:hover:not(.active) {
    color: #0f172a !important;
    background: #e2e8f0 !important;
}

[data-theme="light"] .db-toggle-pill.active {
    background: #7c3aed !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25) !important;
}

/* Need More AI Messages? Add-on Cards */
[data-theme="light"] .db-addon-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .db-addon-card div[style*="font-weight:700"] {
    color: #0f172a !important;
}

[data-theme="light"] .db-addon-card div[style*="font-size:0.75rem"] {
    color: #64748b !important;
}

[data-theme="light"] .db-addon-card div[style*="font-size:1.25rem"] {
    color: #0284c7 !important;
}

/* Subscription Actions (Danger Zone) */
[data-theme="light"] div[style*="border-color:rgba(239,68,68,0.2)"],
[data-theme="light"] div[style*="border-color: rgba(239, 68, 68, 0.2)"],
[data-theme="light"] div[style*="border-color:rgba(239, 68, 68, 0.2)"] {
    background: #ffffff !important;
    border: 1px solid #fee2e2 !important;
    box-shadow: 0 4px 16px rgba(239, 68, 68, 0.04) !important;
}

[data-theme="light"] div[style*="border-color:rgba(239,68,68,0.2)"] h4,
[data-theme="light"] div[style*="border-color: rgba(239, 68, 68, 0.2)"] h4 {
    color: #dc2626 !important;
}

[data-theme="light"] #cancel-sub-btn {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: #dc2626 !important;
    font-weight: 600 !important;
}

[data-theme="light"] #cancel-sub-btn:hover {
    background: #fee2e2 !important;
    color: #b91c1c !important;
    border-color: #fca5a5 !important;
}

[data-theme="light"] #refund-sub-btn {
    background: #fffbeb !important;
    border: 1px solid #fde68a !important;
    color: #b45309 !important;
    font-weight: 600 !important;
}

[data-theme="light"] #refund-sub-btn:hover {
    background: #fef3c7 !important;
    color: #92400e !important;
    border-color: #fcd34d !important;
}

/* ==============================================================
   Refined Day Mode Overrides for Voice Console, CRM & Channels
   ============================================================== */

/* 1. Live AI Voice Call Simulator */
[data-theme="light"] .sim-call-console {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] #sim-call-status-label {
    color: #0f172a !important;
    font-weight: 600 !important;
}

[data-theme="light"] #sim-call-timer {
    color: #0284c7 !important;
}

[data-theme="light"] #sim-audio-mode-badge {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

[data-theme="light"] #sim-audio-mode-badge:hover {
    background: #e2e8f0 !important;
}

[data-theme="light"] #sim-transcript-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] #sim-transcript-box div {
    color: #475569 !important;
}

[data-theme="light"] .sim-user-msg {
    color: #0284c7 !important;
}

[data-theme="light"] .sim-ai-msg {
    color: #6d28d9 !important;
}

[data-theme="light"] .sim-err-msg {
    color: #dc2626 !important;
}

[data-theme="light"] .sim-ended-msg {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

/* 2. Customer Leads CRM Table */
[data-theme="light"] .crm-contact-link.crm-contact-call {
    color: #0284c7 !important;
}

[data-theme="light"] .crm-contact-link.crm-contact-email {
    color: #475569 !important;
}

[data-theme="light"] .crm-contact-link:hover {
    text-decoration: underline !important;
}

[data-theme="light"] .crm-contact-sep {
    color: #cbd5e1 !important;
}

[data-theme="light"] .crm-badge.crm-badge-confirmed,
[data-theme="light"] span[style*="color: #facc15"],
[data-theme="light"] span[style*="color:#facc15"] {
    background: #fef3c7 !important;
    border-color: #fde68a !important;
    color: #92400e !important;
}

[data-theme="light"] .crm-badge.crm-badge-completed {
    background: #dcfce7 !important;
    border-color: #bbf7d0 !important;
    color: #166534 !important;
}

/* 3. Channels & Embed Script Tab */
[data-theme="light"] .snippet-box {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    color: #e9d5ff !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="light"] .snippet-box #snippet-code {
    color: #d8b4fe !important;
}

[data-theme="light"] .snippet-box .btn-copy {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #f1f5f9 !important;
}

[data-theme="light"] .snippet-box .btn-copy:hover {
    background: #334155 !important;
    color: #ffffff !important;
}

[data-theme="light"] .channels-omni-banner {
    background: linear-gradient(135deg, #eff6ff, #f5f3ff) !important;
    border: 1px solid #c7d2fe !important;
    color: #3730a3 !important;
}

[data-theme="light"] .channels-omni-banner strong {
    color: #1e1b4b !important;
}

[data-theme="light"] .assisted-social-banner {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: #1e40af !important;
}

[data-theme="light"] .assisted-social-banner strong {
    color: #1e3a8a !important;
}

[data-theme="light"] .assisted-social-banner a {
    color: #2563eb !important;
    font-weight: 600 !important;
}

[data-theme="light"] .channels-tip-banner {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: #1e40af !important;
}

[data-theme="light"] .channels-tip-banner strong {
    color: #1e3a8a !important;
}

/* 4. Managed Store CRM Resources Cards & Custom CRM Config */
.crm-id-box {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid var(--panel-border);
    color: #94a3b8;
}

.crm-id-box .crm-id-label {
    color: var(--text-muted);
}

.crm-id-box .crm-id-value {
    color: var(--text-primary);
    font-family: monospace;
}

.crm-status-connected,
#crm-sheet-status-badge.crm-status-connected,
#crm-cal-status-badge.crm-status-connected {
    color: #4ade80;
    font-weight: 600;
}

.crm-status-provisioning,
#crm-sheet-status-badge.crm-status-provisioning,
#crm-cal-status-badge.crm-status-provisioning {
    color: #facc15;
    font-weight: 600;
}

.crm-system-note-info {
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.2);
    color: #93c5fd;
}

.crm-system-note-security {
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.2);
    color: #6ee7b7;
}

.crm-system-note-security code {
    background: rgba(0, 0, 0, 0.3);
    color: #a7f3d0;
}

#btn-auto-create-crm.crm-btn-connected {
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    border: 1px solid var(--panel-border);
    box-shadow: none;
}

[data-theme="light"] .crm-status-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .crm-status-card p {
    color: #334155 !important;
}

[data-theme="light"] .crm-status-card p strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-theme="light"] .crm-id-box {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

[data-theme="light"] .crm-id-box .crm-id-label {
    color: #64748b !important;
    font-weight: 600 !important;
}

[data-theme="light"] .crm-id-box .crm-id-value,
[data-theme="light"] .crm-id-box #crm-sheet-id-display,
[data-theme="light"] .crm-id-box #crm-cal-id-display {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-theme="light"] #crm-sheet-status-badge.crm-status-provisioning,
[data-theme="light"] #crm-cal-status-badge.crm-status-provisioning,
[data-theme="light"] span.crm-status-provisioning,
[data-theme="light"] .crm-status-provisioning {
    color: #b45309 !important;
    font-weight: 600 !important;
}

[data-theme="light"] #crm-sheet-status-badge.crm-status-connected,
[data-theme="light"] #crm-cal-status-badge.crm-status-connected,
[data-theme="light"] span.crm-status-connected,
[data-theme="light"] .crm-status-connected {
    color: #15803d !important;
    font-weight: 600 !important;
}

[data-theme="light"] .crm-status-card .btn-secondary {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
    font-weight: 600 !important;
}

[data-theme="light"] .crm-status-card .btn-secondary:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

[data-theme="light"] .crm-status-card .btn-secondary.disabled,
[data-theme="light"] .crm-status-card .btn-secondary[style*="pointer-events: none"] {
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
    color: #64748b !important;
    opacity: 0.85 !important;
}

[data-theme="light"] .crm-system-note-info {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: #1e40af !important;
    font-weight: 500 !important;
}

[data-theme="light"] .crm-system-note-security {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    color: #166534 !important;
    font-weight: 500 !important;
}

[data-theme="light"] .crm-system-note-security code {
    background: #dcfce7 !important;
    color: #14532d !important;
    border: 1px solid #86efac !important;
    font-weight: 600 !important;
}

[data-theme="light"] #btn-auto-create-crm.crm-btn-connected {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    font-weight: 600 !important;
}

[data-theme="light"] #btn-auto-create-crm.crm-btn-connected:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

[data-theme="light"] .crm-custom-config-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

/* Navigation & Header lock badges */
[data-theme="light"] .nav-lock-badge {
    background: #fef3c7 !important;
    border-color: #fde68a !important;
    color: #92400e !important;
}

/* ==============================================================
   Modal System (Guide, Confirmation, and Dialogs)
   ============================================================== */

/* Dark Mode Defaults */
.modal-overlay {
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.modal-card {
    background: #141824;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
    color: #f8fafc;
}

.modal-card .modal-title {
    color: #ffffff;
}

.modal-card .modal-desc {
    color: #94a3b8;
}

.modal-card .modal-close-btn {
    color: #94a3b8;
    transition: color 0.15s ease;
}

.modal-card .modal-close-btn:hover {
    color: #ffffff;
}

.modal-card .modal-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.modal-card .modal-label {
    color: #cbd5e1;
}

/* Guide Modal Specifics - Dark Theme */
.channel-guide-modal .guide-step-text {
    color: #cbd5e1;
}

.channel-guide-modal .guide-step-text strong,
.channel-guide-modal strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.channel-guide-modal .guide-step-text code,
.channel-guide-modal code {
    background: rgba(255, 255, 255, 0.08);
    color: #93c5fd;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.8rem;
}

.channel-guide-modal .guide-badge {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.modal-btn-gotit {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
}

/* ==============================================================
   Guide & Modal Day Mode (Light Theme)
   ============================================================== */
[data-theme="light"] .modal-overlay {
    background: rgba(15, 23, 42, 0.5) !important;
    backdrop-filter: blur(8px) !important;
}

[data-theme="light"] .modal-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    color: #0f172a !important;
}

[data-theme="light"] .modal-card .modal-title {
    color: #0f172a !important;
}

[data-theme="light"] .modal-card .modal-desc {
    color: #64748b !important;
}

[data-theme="light"] .modal-card .modal-close-btn {
    color: #64748b !important;
}

[data-theme="light"] .modal-card .modal-close-btn:hover {
    color: #0f172a !important;
}

[data-theme="light"] .modal-card .modal-footer {
    border-top: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .modal-card .modal-label {
    color: #334155 !important;
}

/* Guide Modal Specifics - Light Theme */
[data-theme="light"] .channel-guide-modal .guide-step-text {
    color: #334155 !important;
}

[data-theme="light"] .channel-guide-modal .guide-step-text strong,
[data-theme="light"] .channel-guide-modal strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-theme="light"] .channel-guide-modal .guide-step-text code,
[data-theme="light"] .channel-guide-modal code {
    background: #eff6ff !important;
    color: #1e40af !important;
    border: 1px solid #bfdbfe !important;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.8rem;
}

[data-theme="light"] .channel-guide-modal .guide-badge {
    background: #eff6ff !important;
    color: #1e40af !important;
    border: 1px solid #bfdbfe !important;
}

[data-theme="light"] .modal-btn-gotit {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
}

/* ==========================================================================
   Landing Page (index.html) Day / Light Mode Refinements
   ========================================================================== */

/* 1. Header & Navigation for Landing Pages */
.landing-header,
header.landing-header,
body.landing-page header,
[data-theme="light"] .landing-header,
[data-theme="light"] header.landing-header,
[data-theme="light"] body.landing-page header {
    background: linear-gradient(135deg, #0c2146 0%, #172554 50%, #1e3a8a 100%) !important;
    border-bottom: 1px solid rgba(59, 130, 246, 0.3) !important;
    box-shadow: 0 4px 15px rgba(12, 33, 70, 0.25) !important;
}

[data-theme="light"] .landing-header .nav-links a {
    color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="light"] .landing-header .nav-links a:hover {
    color: #ffffff !important;
}

[data-theme="light"] .landing-header .nav-links .dropdown > a {
    color: #ffffff !important;
}

[data-theme="light"] .landing-header .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .landing-header .dropdown-item {
    color: #1e293b !important;
}

[data-theme="light"] .landing-header .dropdown-item:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

.landing-header .theme-toggle-btn,
[data-theme="light"] .landing-header .theme-toggle-btn {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 8px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.landing-header .theme-toggle-btn:hover,
[data-theme="light"] .landing-header .theme-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.22) !important;
    transform: translateY(-1px);
}

.landing-header .nav-actions .btn-secondary,
[data-theme="light"] .landing-header .nav-actions .btn-secondary {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.landing-header .nav-actions .btn-secondary:hover,
[data-theme="light"] .landing-header .nav-actions .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.22) !important;
}

[data-theme="light"] .mobile-menu-btn {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

/* 2. Hero Section (Option A: Seamless Deep Oceanic Sapphire Stage) */
.hero-section,
[data-theme="light"] .hero-section {
    background: linear-gradient(180deg, #0c2146 0%, #0d1e3d 45%, #080d1a 100%) !important;
    border-bottom: 1px solid rgba(59, 130, 246, 0.25) !important;
}

.glow-orb-1,
[data-theme="light"] .glow-orb-1 {
    background: rgba(56, 189, 248, 0.18) !important;
    filter: blur(95px) !important;
}

.glow-orb-2,
[data-theme="light"] .glow-orb-2 {
    background: rgba(168, 85, 247, 0.18) !important;
    filter: blur(95px) !important;
}

.hero-badge,
[data-theme="light"] .hero-badge {
    background: rgba(12, 33, 70, 0.75) !important;
    color: #38bdf8 !important;
    border: 1px solid rgba(56, 189, 248, 0.45) !important;
    box-shadow: 0 4px 15px rgba(56, 189, 248, 0.15) !important;
    backdrop-filter: blur(12px) !important;
}

.hero-title,
[data-theme="light"] .hero-title {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    text-shadow: 0 4px 25px rgba(0, 0, 0, 0.4) !important;
}

.hero-title span,
[data-theme="light"] .hero-title span {
    background: linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #c084fc 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.hero-subtitle,
[data-theme="light"] .hero-subtitle {
    color: rgba(226, 232, 240, 0.9) !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
}

.hero-section strong,
[data-theme="light"] .hero-section strong,
.hero-section * strong,
[data-theme="light"] .hero-section * strong,
.hero-subtitle strong,
[data-theme="light"] .hero-subtitle strong {
    color: #ffffff !important;
}

.hero-buttons .btn-secondary,
[data-theme="light"] .hero-buttons .btn-secondary {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(8px) !important;
}

.hero-buttons .btn-secondary:hover,
[data-theme="light"] .hero-buttons .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
}

/* 3. Stage 2: 3 Flagship SaaS Product Cards */
[data-theme="light"] .products-grid-container .glass-card:nth-child(1) {
    background: #ffffff !important;
    border: 1.5px solid #fde68a !important;
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.08) !important;
}

[data-theme="light"] .products-grid-container .glass-card:nth-child(2) {
    background: #ffffff !important;
    border: 1.5px solid #c7d2fe !important;
    box-shadow: 0 10px 30px rgba(99, 102, 241, 0.08) !important;
}

[data-theme="light"] .products-grid-container .glass-card:nth-child(3) {
    background: #ffffff !important;
    border: 1.5px solid #a7f3d0 !important;
    box-shadow: 0 10px 30px rgba(16, 185, 129, 0.08) !important;
}

[data-theme="light"] .products-grid-container h3 {
    color: #0f172a !important;
}

[data-theme="light"] .products-grid-container p {
    color: #475569 !important;
}

[data-theme="light"] .products-grid-container ul li {
    color: #334155 !important;
}

[data-theme="light"] .products-grid-container ul li strong {
    color: #0f172a !important;
}

[data-theme="light"] .products-grid-container .btn-secondary {
    background: #f8fafc !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .products-grid-container .btn-secondary:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

[data-theme="light"] .products-grid-container .glass-card:nth-child(3) div[style*="linear-gradient(135deg, rgba(16,185,129,0.15)"] {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
}

[data-theme="light"] .products-grid-container .glass-card:nth-child(3) div[style*="linear-gradient(135deg, rgba(16,185,129,0.15)"] strong {
    color: #065f46 !important;
}

[data-theme="light"] .products-grid-container .glass-card:nth-child(3) div[style*="linear-gradient(135deg, rgba(16,185,129,0.15)"] span {
    color: #047857 !important;
}

/* 4. Stage 3: Interactive Demo Sandbox Card */
[data-theme="light"] .sandbox-hero-card {
    background: #ffffff !important;
    border: 1.5px solid #bfdbfe !important;
    box-shadow: 0 20px 45px rgba(59, 130, 246, 0.08) !important;
}

[data-theme="light"] .sandbox-hero-card .demo-card-title {
    color: #0f172a !important;
}

[data-theme="light"] .sandbox-hero-card p {
    color: #475569 !important;
}

[data-theme="light"] .demo-preset-pills .btn-secondary {
    background: #f8fafc !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .demo-preset-pills .btn-secondary:hover {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
    color: #1d4ed8 !important;
}

[data-theme="light"] .sandbox-hero-card .demo-matrix-card,
[data-theme="light"] .sandbox-hero-card div[style*="background: rgba(13, 17, 26"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .sandbox-hero-card .demo-matrix-header,
[data-theme="light"] .sandbox-hero-card div[style*="Simulated Channels"] {
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .sandbox-hero-card .demo-matrix-title,
[data-theme="light"] .demo-matrix-title,
[data-theme="light"] .sandbox-hero-card div[style*="Simulated Channels"] span {
    color: #0f172a !important;
}

[data-theme="light"] .demo-matrix-grid > div,
[data-theme="light"] .demo-matrix-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .demo-matrix-grid div[style*="font-weight: 700"],
[data-theme="light"] .demo-matrix-item-title {
    color: #0f172a !important;
}

[data-theme="light"] .demo-matrix-grid div[style*="color: var(--text-muted)"],
[data-theme="light"] .demo-matrix-item-desc {
    color: #64748b !important;
}

/* 5. Stage 4: AI Neural Showcase Box & Custom Engineering Pillars */
[data-theme="light"] .ai-neural-showcase-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .ai-core-info h3 {
    color: #0f172a !important;
}

[data-theme="light"] .ai-core-info p {
    color: #475569 !important;
}

[data-theme="light"] .neural-node {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .neural-node span {
    color: #0f172a !important;
}

[data-theme="light"] .reasoning-ticker-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .reasoning-step {
    color: #334155 !important;
}

[data-theme="light"] #services .grid-2 .glass-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] #services .grid-2 .feature-title {
    color: #0f172a !important;
}

[data-theme="light"] #services .grid-2 .feature-desc {
    color: #475569 !important;
}

/* 6. Stage 5: SaaS Pricing */
[data-theme="light"] .billing-toggle {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .toggle-pill {
    color: #475569 !important;
}

[data-theme="light"] .toggle-pill.active {
    color: #ffffff !important;
}

[data-theme="light"] .toggle-pill:hover:not(.active) {
    color: #0f172a !important;
    background: #e2e8f0 !important;
}

[data-theme="light"] .track-tab {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

[data-theme="light"] .track-tab.active {
    border-color: #2563eb !important;
    color: #1d4ed8 !important;
    background: #eff6ff !important;
}

[data-theme="light"] .pricing-card-new {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .pricing-card-new.featured {
    border-color: #3b82f6 !important;
    background: #ffffff !important;
    box-shadow: 0 12px 35px rgba(59, 130, 246, 0.12) !important;
}

.founding-banner,
[data-theme="light"] .founding-banner {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border-top-left-radius: 19px !important;
    border-top-right-radius: 19px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin: -2rem -2rem 1.5rem -2rem !important;
    width: calc(100% + 4rem) !important;
    max-width: calc(100% + 4rem) !important;
    padding: 0.65rem 1rem !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-align: center !important;
    letter-spacing: 0.3px !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
}

[data-theme="light"] .pricing-card-new h3 {
    color: #0c2146 !important;
}

[data-theme="light"] .plan-price-amount {
    color: #0c2146 !important;
}

[data-theme="light"] .plan-price-period {
    color: #64748b !important;
}

/* Discount Save Badges on Dynamic Pricing Cards */
[data-theme="light"] .plan-save-badge,
[data-theme="light"] .pricing-card-new .plan-save-badge,
[data-theme="light"] .pricing-card-new span[style*="Save "] {
    background: #dcfce7 !important;
    border: 1px solid #86efac !important;
    color: #15803d !important;
    font-weight: 800 !important;
    box-shadow: 0 1px 3px rgba(22, 101, 52, 0.08) !important;
}

[data-theme="light"] .plan-features-list li {
    color: #334155 !important;
}

[data-theme="light"] .pricing-card-new .btn-secondary {
    background: #f8fafc !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .pricing-card-new .btn-secondary:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

[data-theme="light"] .addon-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .addon-card-name {
    color: #0f172a !important;
}

[data-theme="light"] .addon-card-price {
    color: #0f172a !important;
}

[data-theme="light"] .addon-card-period {
    color: #64748b !important;
}

[data-theme="light"] .addon-card-msgs {
    color: #64748b !important;
}

[data-theme="light"] .addon-card li {
    color: #334155 !important;
}

[data-theme="light"] .addon-card li span {
    color: #334155 !important;
}

[data-theme="light"] .badge-never-expires {
    color: #15803d !important;
    background: #dcfce7 !important;
    border: 1px solid #86efac !important;
}

[data-theme="light"] .badge-one-time {
    color: #92400e !important;
    background: #fef3c7 !important;
    border: 1px solid #fde68a !important;
}

[data-theme="light"] .badge-monthly {
    color: #0369a1 !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
}

[data-theme="light"] .addon-dfy-notice {
    background: #fefce8 !important;
    border: 1px solid #fef08a !important;
    color: #854d0e !important;
}

[data-theme="light"] .addon-dfy-notice strong {
    color: #713f12 !important;
}

[data-theme="light"] .contact-info-chip {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

[data-theme="light"] .contact-info-chip a {
    color: #0284c7 !important;
}

[data-theme="light"] .addon-card .btn-secondary {
    background: #f8fafc !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .addon-card .btn-secondary:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

/* 7. Stage 6: Contact & Consultation Form (#contact) */
[data-theme="light"] .contact-box {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .contact-box .section-title {
    color: #0f172a !important;
}

[data-theme="light"] .contact-box .section-subtitle {
    color: #475569 !important;
}

[data-theme="light"] .contact-box div[style*="padding: 0.75rem 1.25rem"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

[data-theme="light"] .contact-box div[style*="padding: 0.75rem 1.25rem"] strong {
    color: #0f172a !important;
}

[data-theme="light"] .contact-box label {
    color: #334155 !important;
    font-weight: 600;
}

[data-theme="light"] .form-control {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

[data-theme="light"] .form-control::placeholder {
    color: #94a3b8 !important;
}

[data-theme="light"] .form-control:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

[data-theme="light"] .contact-success-panel {
    background: #ffffff !important;
    border: 1.5px solid #a7f3d0 !important;
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.1) !important;
}

[data-theme="light"] .contact-success-panel h3 {
    color: #0f172a !important;
}

[data-theme="light"] .contact-success-panel p {
    color: #475569 !important;
}

[data-theme="light"] .contact-success-panel #lead-display-name {
    color: #0f172a !important;
}

[data-theme="light"] .contact-success-panel div[style*="background: rgba(11, 15, 25"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .contact-success-panel #lead-display-interest {
    color: #0f172a !important;
}

/* 8. Footer */
[data-theme="light"] footer {
    background: linear-gradient(135deg, #0c2146 0%, #172554 50%, #1e3a8a 100%) !important;
    border-top: 1px solid rgba(59, 130, 246, 0.3) !important;
    color: #ffffff !important;
}

[data-theme="light"] footer p,
[data-theme="light"] footer span,
[data-theme="light"] footer .footer-bottom span,
[data-theme="light"] footer .footer-bottom a {
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="light"] footer a:hover {
    color: #ffffff !important;
}

/* Contact Chip Links */
[data-theme="light"] .contact-box div[style*="padding: 0.75rem 1.25rem"] a {
    color: #2563eb !important;
}

/* Pricing Skeleton Loader */
[data-theme="light"] .pricing-skeleton {
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%) !important;
    background-size: 200% 100% !important;
}

/* Review Simulator Demo Modal */
[data-theme="light"] .review-modal-box {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .review-modal-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .review-modal-header div {
    color: #0f172a !important;
}

[data-theme="light"] .review-modal-close {
    color: #64748b !important;
}

[data-theme="light"] .review-modal-close:hover {
    color: #0f172a !important;
    background: #e2e8f0 !important;
}

/* ==============================================================
   9. Product Landing Pages (AITouch Review & AITouch Chat)
   ============================================================== */
/* Shared Navbar Links & CTA Styling (both dark and light modes, since navbar is sapphire blue) */
.navbar .nav-links a {
    color: rgba(255, 255, 255, 0.85) !important;
}

.navbar .nav-links a:hover {
    color: #ffffff !important;
}

.navbar .dropdown > a {
    color: rgba(255, 255, 255, 0.85) !important;
}

.navbar .dropdown > a:hover {
    color: #ffffff !important;
}

.navbar .nav-cta .btn-secondary,
[data-theme="light"] .navbar .nav-cta .btn-secondary {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.navbar .nav-cta .btn-secondary:hover,
[data-theme="light"] .navbar .nav-cta .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}

[data-theme="light"] .navbar .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .navbar .dropdown-item {
    color: #1e293b !important;
}

[data-theme="light"] .navbar .dropdown-item:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

/* Light Theme Overrides for Product Landing Pages */
[data-theme="light"] .hero-title {
    background: linear-gradient(135deg, #0c2146 0%, #1e3a8a 60%, #2563eb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #0c2146 !important;
}

[data-theme="light"] .hero-desc {
    color: #475569 !important;
}

[data-theme="light"] .section-title {
    background: linear-gradient(135deg, #0c2146 0%, #1e3a8a 70%, #2563eb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #0c2146 !important;
}

[data-theme="light"] .section-subtitle {
    color: #475569 !important;
}

[data-theme="light"] .hero-badge {
    background: #fef3c7 !important;
    border-color: #fde68a !important;
    color: #92400e !important;
}

[data-theme="light"] .video-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08) !important;
}

/* Feature & Channel Cards */
[data-theme="light"] .card,
[data-theme="light"] .channel-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .card:hover,
[data-theme="light"] .channel-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .channel-card[style*="background: rgba(6,182,212"] {
    background: #f0fdfa !important;
    border-color: #99f6e4 !important;
}

[data-theme="light"] .card-title,
[data-theme="light"] .channel-name {
    color: #0c2146 !important;
}

[data-theme="light"] .card-desc,
[data-theme="light"] .channel-desc {
    color: #475569 !important;
}

/* Billing Toggle */
[data-theme="light"] .billing-toggle {
    background: #e2e8f0 !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .toggle-pill {
    color: #475569 !important;
}

[data-theme="light"] .toggle-pill:hover:not(.active) {
    color: #0f172a !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .toggle-pill.active {
    color: #ffffff !important;
}

[data-theme="light"] .save-badge {
    background: #dcfce7 !important;
    border: 1px solid #86efac !important;
    color: #15803d !important;
    font-weight: 800 !important;
    box-shadow: 0 1px 3px rgba(22, 101, 52, 0.08) !important;
}

[data-theme="light"] .toggle-pill.active .save-badge {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
}

/* Plan Price Discount % Badges */
[data-theme="light"] .plan-save-badge,
[data-theme="light"] span.plan-save-badge,
[data-theme="light"] span[style*="Save "] {
    background: #dcfce7 !important;
    border-color: #86efac !important;
    color: #15803d !important;
    font-weight: 800 !important;
    box-shadow: 0 1px 3px rgba(22, 101, 52, 0.08) !important;
}

/* Pricing Cards & Amounts */
[data-theme="light"] .price-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .price-card.featured {
    background: #ffffff !important;
    border: 2px solid #8b5cf6 !important;
    box-shadow: 0 12px 35px rgba(139, 92, 246, 0.15) !important;
}

[data-theme="light"] .price-card h3 {
    color: #0c2146 !important;
}

[data-theme="light"] .price-amount {
    color: #0c2146 !important;
}

[data-theme="light"] .price-amount span {
    color: #64748b !important;
}

[data-theme="light"] .price-amount span[style*="line-through"] {
    color: #94a3b8 !important;
    opacity: 0.8 !important;
}

[data-theme="light"] .price-card ul li {
    color: #334155 !important;
}

[data-theme="light"] .price-card .btn-secondary {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .price-card .btn-secondary:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

/* Footer links on deep sapphire footer */
[data-theme="light"] footer a {
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="light"] footer a:hover {
    color: #ffffff !important;
}

/* ==============================================================
   10. Merchant Login Portal (login.html)
   ============================================================== */
[data-theme="light"] .login-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08) !important;
}

.login-card .logo-box,
[data-theme="light"] .login-card .logo-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    padding: 0.55rem 1.35rem !important;
    background: linear-gradient(135deg, #0c2146 0%, #172554 50%, #1e3a8a 100%) !important;
    border: 1px solid rgba(59, 130, 246, 0.35) !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 18px rgba(12, 33, 70, 0.22) !important;
    margin: 0 auto 1.75rem auto !important;
    text-decoration: none !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.login-card .logo-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(12, 33, 70, 0.3) !important;
}

.login-card .logo-text,
[data-theme="light"] .login-card .logo-text {
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.3px !important;
}

[data-theme="light"] .login-card h2 {
    color: #0c2146 !important;
}

[data-theme="light"] .login-card p.subtitle {
    color: #475569 !important;
}

[data-theme="light"] .login-card label {
    color: #334155 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .login-card .input-control {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

[data-theme="light"] .login-card .input-control:focus {
    border-color: #8a2be2 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(138, 43, 226, 0.15) !important;
}

[data-theme="light"] .login-card #btn-custom-google {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 600 !important;
}

[data-theme="light"] .login-card #btn-custom-google:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
}

[data-theme="light"] .login-card .onboard-link {
    color: #7c3aed !important;
    font-weight: 600 !important;
}

[data-theme="light"] .login-card .onboard-link:hover {
    color: #6d28d9 !important;
}

/* ==============================================================
   11. Merchant Onboarding Wizard (onboarding.html)
   ============================================================== */
[data-theme="light"] body.onboarding-page,
[data-theme="light"] .onboarding-page {
    background-color: #f8fafc !important;
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(124, 58, 237, 0.05) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(147, 51, 234, 0.04) 0%, transparent 45%) !important;
}

.onboarding-page header,
[data-theme="light"] .onboarding-page header,
.portal-header,
[data-theme="light"] .portal-header {
    background: linear-gradient(135deg, #0c2146 0%, #172554 50%, #1e3a8a 100%) !important;
    border: 1px solid rgba(59, 130, 246, 0.35) !important;
    border-radius: 14px !important;
    padding: 0.85rem 1.4rem !important;
    box-shadow: 0 4px 20px rgba(12, 33, 70, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin-bottom: 1.5rem !important;
}

.onboarding-page .portal-brand-text,
[data-theme="light"] .onboarding-page .portal-brand-text {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.35rem !important;
    letter-spacing: -0.3px !important;
}

.onboarding-page .portal-nav-link,
[data-theme="light"] .onboarding-page .portal-nav-link {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.onboarding-page .portal-nav-link span,
[data-theme="light"] .onboarding-page .portal-nav-link span {
    color: #60a5fa !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}

[data-theme="light"] .onboard-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .onboard-container h2 {
    color: #0c2146 !important;
}

[data-theme="light"] .onboard-container .step-description {
    color: #475569 !important;
}

/* Progress Step Nodes */
[data-theme="light"] .progress-line {
    background: #e2e8f0 !important;
}

[data-theme="light"] .step-node {
    background: #f1f5f9 !important;
    border: 2px solid #cbd5e1 !important;
    color: #64748b !important;
}

[data-theme="light"] .step-node.active {
    background: #8b5cf6 !important;
    border-color: #7c3aed !important;
    color: #ffffff !important;
    box-shadow: 0 0 16px rgba(139, 92, 246, 0.4) !important;
}

[data-theme="light"] .step-node.completed {
    background: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
}

[data-theme="light"] .step-label {
    color: #64748b !important;
}

[data-theme="light"] .step-node.active .step-label,
[data-theme="light"] .step-node.completed .step-label {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Step 1: Pricing Grid & Cards */
[data-theme="light"] #onboarding-plans-grid .pricing-card {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] #onboarding-plans-grid .pricing-card:hover {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] #onboarding-plans-grid .pricing-card.selected {
    background: #f5f3ff !important;
    border: 2px solid #8b5cf6 !important;
    box-shadow: 0 8px 28px rgba(139, 92, 246, 0.18) !important;
}

[data-theme="light"] #onboarding-plans-grid .tier-name {
    color: #0f172a !important;
}

[data-theme="light"] #onboarding-plans-grid .tier-price {
    color: #7c3aed !important;
}

[data-theme="light"] #onboarding-plans-grid .tier-price span {
    color: #64748b !important;
}

[data-theme="light"] #onboarding-plans-grid .tier-features {
    border-top: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

[data-theme="light"] #onboarding-plans-grid .tier-features li::before {
    color: #8b5cf6 !important;
}

/* Step 2 & 3: Inputs & Forms */
[data-theme="light"] .onboard-container label {
    color: #334155 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .onboard-container .input-control {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

[data-theme="light"] .onboard-container .input-control:focus {
    border-color: #8b5cf6 !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15) !important;
}

[data-theme="light"] .onboard-container select.input-control {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

[data-theme="light"] .onboard-container select.input-control option {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

/* Selected Plan Banner */
[data-theme="light"] #selected-plan-banner {
    background: #f5f3ff !important;
    border: 1px solid #ddd6fe !important;
    color: #1e1b4b !important;
}

[data-theme="light"] #selected-plan-banner button {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #7c3aed !important;
}

/* Summary Box */
[data-theme="light"] #summary-tier-name {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #7c3aed !important;
}

/* Step 4: Completion & Success Screen (Light Theme) */
[data-theme="light"] .success-checkmark {
    background: #f0fdf4 !important;
    border-color: #16a34a !important;
    color: #16a34a !important;
}

[data-theme="light"] .success-highlight-text {
    color: #0c2146 !important;
}

[data-theme="light"] .success-summary-bar {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .summary-label {
    color: #64748b !important;
}

[data-theme="light"] .summary-value-account {
    color: #0f172a !important;
}

[data-theme="light"] .summary-value-plan {
    color: #7c3aed !important;
}

[data-theme="light"] .summary-status-badge {
    background: #fef3c7 !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
}

[data-theme="light"] .summary-status-active {
    background: #dcfce7 !important;
    color: #15803d !important;
    border: 1px solid #86efac !important;
}

[data-theme="light"] .success-guarantee-card {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    box-shadow: 0 4px 18px rgba(34, 197, 94, 0.08) !important;
}

[data-theme="light"] .guarantee-title {
    color: #166534 !important;
}

[data-theme="light"] .guarantee-desc {
    color: #15803d !important;
}

[data-theme="light"] .guarantee-desc strong {
    color: #0f172a !important;
}

[data-theme="light"] .support-rep-card {
    background: #f5f3ff !important;
    border: 1px solid #ddd6fe !important;
}

[data-theme="light"] .support-rep-title {
    color: #6d28d9 !important;
}

[data-theme="light"] .support-rep-desc {
    color: #334155 !important;
}

[data-theme="light"] .support-rep-desc strong {
    color: #0f172a !important;
}

[data-theme="light"] .support-rep-list {
    color: #475569 !important;
}

[data-theme="light"] .support-rep-list strong {
    color: #0f172a !important;
}

[data-theme="light"] .dashboard-steps-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .dashboard-steps-title {
    color: #0284c7 !important;
}

[data-theme="light"] .step-item-title {
    color: #0f172a !important;
}

[data-theme="light"] .step-item-desc {
    color: #475569 !important;
}

[data-theme="light"] .upgrade-benefits-card {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
}

[data-theme="light"] .upgrade-benefits-title {
    color: #15803d !important;
}

[data-theme="light"] .upgrade-benefits-list {
    color: #166534 !important;
}

[data-theme="light"] .upgrade-benefits-list strong {
    color: #0f172a !important;
}

[data-theme="light"] .quick-help-text {
    color: #64748b !important;
}

[data-theme="light"] .quick-help-text a {
    color: #0284c7 !important;
}

[data-theme="light"] .developer-embed-details,
[data-theme="light"] .onboard-container details {
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
}

[data-theme="light"] .developer-embed-details summary,
[data-theme="light"] .onboard-container details summary {
    color: #7c3aed !important;
}

[data-theme="light"] .developer-embed-details p,
[data-theme="light"] .onboard-container details p {
    color: #475569 !important;
}

[data-theme="light"] .step-badge-number {
    background: #e0f2fe !important;
    color: #0369a1 !important;
    border: 1px solid #bae6fd !important;
}

/* ==============================================================
   12. Partner Hub Portal (partner.html) Light & Dark Mode
   ============================================================== */
[data-theme="light"] body.partner-page,
[data-theme="light"] .partner-page {
    background-color: #f8fafc !important;
    background-image: 
        radial-gradient(at 0% 0%, rgba(124, 58, 237, 0.05) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(16, 185, 129, 0.04) 0px, transparent 50%) !important;
}

/* Navigation Header */
header.partner-header,
.partner-page header,
.partner-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: var(--header-bg, rgba(19, 25, 43, 0.85)) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: none !important;
    border-bottom: 1px solid var(--panel-border, rgba(255, 255, 255, 0.08)) !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
    display: block !important;
}

[data-theme="light"] header.partner-header,
[data-theme="light"] .partner-page header,
[data-theme="light"] .partner-header {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .partner-page .logo-text {
    color: #0f172a !important;
}

[data-theme="light"] .partner-page .partner-hub-tag {
    background: rgba(124, 58, 237, 0.1) !important;
    color: #7c3aed !important;
    border: 1px solid rgba(124, 58, 237, 0.25) !important;
}

[data-theme="light"] .partner-page .card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .partner-page .auth-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .partner-page .auth-tab {
    color: #64748b !important;
    border-bottom: 2px solid transparent !important;
}

[data-theme="light"] .partner-page .auth-tab.active {
    color: #7c3aed !important;
    border-bottom-color: #7c3aed !important;
}

[data-theme="light"] .partner-page label {
    color: #334155 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .partner-page .form-control {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

[data-theme="light"] .partner-page .form-control:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
}

[data-theme="light"] .partner-page .stat-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .partner-page .stat-value {
    color: #0c2146 !important;
}

[data-theme="light"] .partner-page .stat-label,
[data-theme="light"] .partner-page .stat-meta {
    color: #64748b !important;
}

[data-theme="light"] .partner-page .referral-box {
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
}

[data-theme="light"] .partner-page th {
    color: #64748b !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .partner-page td {
    color: #1e293b !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* ==============================================================
   13. Interactive Demo Console (simulator.html)
   ============================================================== */
[data-theme="light"] .simulator-body,
[data-theme="light"] body:has(.store-switcher-bar) {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

[data-theme="light"] .store-switcher-bar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .store-switcher-label {
    color: #7c3aed !important;
}

[data-theme="light"] .store-select-dropdown {
    background: #f8fafc !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .store-switcher-status {
    color: #475569 !important;
}

[data-theme="light"] .store-switcher-status strong {
    color: #0f172a !important;
}

[data-theme="light"] .store-switcher-status code {
    background: #e2e8f0 !important;
    color: #7c3aed !important;
}

[data-theme="light"] .mobile-info-btn {
    background: #f5f3ff !important;
    color: #7c3aed !important;
    border: 1px solid #ddd6fe !important;
}

[data-theme="light"] .diagnostic-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .diagnostic-card h3 {
    color: #0c2146 !important;
}

[data-theme="light"] .diagnostic-card p,
[data-theme="light"] .diagnostic-card ul,
[data-theme="light"] .diagnostic-card li {
    color: #334155 !important;
}

[data-theme="light"] .diagnostic-card li strong {
    color: #0f172a !important;
}

[data-theme="light"] .ig-mode-switcher {
    background: #e2e8f0 !important;
    border-bottom: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .ig-mode-btn {
    color: #475569 !important;
}

[data-theme="light"] .ig-mode-btn.active {
    color: #ffffff !important;
}

[data-theme="light"] .ig-post-mock {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .browser-sandbox-container {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .browser-controls {
    background: #f1f5f9 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .view-toggle-btn {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

[data-theme="light"] .view-toggle-btn.active {
    background: #7c3aed !important;
    color: #ffffff !important;
    border-color: #7c3aed !important;
}

[data-theme="light"] .bookings-table-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .phone-header h4,
[data-theme="light"] .phone-meta h4,
[data-theme="light"] .phone-frame.voice-theme h4,
[data-theme="light"] .phone-frame.voice-theme #voice-store-name-title {
    color: #ffffff !important;
}

[data-theme="light"] .phone-header span,
[data-theme="light"] .phone-meta span,
[data-theme="light"] #reviews-header-subtitle {
    color: rgba(255, 255, 255, 0.88) !important;
}

[data-theme="light"] .phone-frame.voice-theme .sim-user-msg,
[data-theme="light"] .phone-frame.voice-theme .sim-user-msg strong {
    color: #38bdf8 !important;
}

[data-theme="light"] .phone-frame.voice-theme .sim-ai-msg,
[data-theme="light"] .phone-frame.voice-theme .sim-ai-msg strong {
    color: #c084fc !important;
}

[data-theme="light"] .phone-frame.voice-theme .sim-err-msg,
[data-theme="light"] .phone-frame.voice-theme .sim-err-msg strong {
    color: #f87171 !important;
}

[data-theme="light"] .phone-frame.voice-theme .voice-sim-chip {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #f8fafc !important;
}

[data-theme="light"] .phone-frame.voice-theme .voice-sim-chip:hover,
[data-theme="light"] .phone-frame.voice-theme .voice-sim-chip:active {
    background: rgba(56, 189, 248, 0.35) !important;
    border-color: #38bdf8 !important;
    color: #ffffff !important;
}

#voice-sim-end-btn,
[data-theme="light"] #voice-sim-end-btn,
.btn-voice-end,
[data-theme="light"] .btn-voice-end {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: #ffffff !important;
    border: 1px solid rgba(239, 68, 68, 0.6) !important;
    box-shadow: 0 4px 16px rgba(239, 68, 68, 0.45) !important;
}

#voice-sim-end-btn:hover,
[data-theme="light"] #voice-sim-end-btn:hover,
.btn-voice-end:hover,
[data-theme="light"] .btn-voice-end:hover {
    background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
    color: #ffffff !important;
}

/* ==============================================================
   14. Demo Store & Review System (demo-store.html & review.html)
   ============================================================== */
[data-theme="light"] .rating-row {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

[data-theme="light"] .rating-row.single-rating {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .rating-label {
    color: #0f172a !important;
    font-weight: 600 !important;
}

[data-theme="light"] .service-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .service-card h3 {
    color: #0f172a !important;
}

[data-theme="light"] .service-card p {
    color: #64748b !important;
}

[data-theme="light"] .simulator-panel {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .simulator-panel h2 {
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Simulator Pitch & Hero Badge High-Contrast Rules */
.business-name-highlight {
    color: #c084fc !important;
    font-weight: 900 !important;
    display: inline !important;
    background: transparent !important;
    -webkit-text-fill-color: initial !important;
    text-shadow: 0 0 16px rgba(192, 132, 252, 0.4);
}

[data-theme="light"] .business-name-highlight {
    color: #6d28d9 !important;
    font-weight: 900 !important;
    display: inline !important;
    background: transparent !important;
    -webkit-text-fill-color: initial !important;
    text-shadow: none !important;
}

[data-theme="light"] .hero-vip-badge {
    background: linear-gradient(135deg, #fef3c7, #ffedd5) !important;
    border: 1px solid #f59e0b !important;
    color: #92400e !important;
}

[data-theme="light"] .hero-vip-badge strong {
    color: #78350f !important;
}

[data-theme="light"] .business-name-badge {
    background: rgba(109, 40, 217, 0.08) !important;
    color: #6d28d9 !important;
    border: 1px solid rgba(109, 40, 217, 0.25) !important;
    display: inline;
}

[data-theme="light"] .pitch-contrast-header h3 {
    color: #0f172a !important;
}

[data-theme="light"] .pitch-contrast-header .pitch-store-name {
    color: #6d28d9 !important;
}

[data-theme="light"] .pitch-impact-badge {
    color: #047857 !important;
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
}

[data-theme="light"] .explore-channels-header h3 {
    color: #0f172a !important;
}