/* ============================================================================ Chadow light theme — ADDITIVE override layer. Loaded LAST (via assets/includes/chadow_theme_head.php) on the core product. The bootstrap resolves the effective theme (explicit choice, else OS) and puts `theme-light` / `theme-dark` on . This sheet ONLY styles `html.theme-light`, so in dark mode it is completely inert — the existing dark styling is untouched (zero risk to the live look). One selector prefix, no media-query duplication. Chadow's components reference a token vocabulary (--cyber-*, --text-*, --chat-*, --neon-*, and Cortex's --cx-*). We give those tokens light values so token-driven UI flips automatically; per-surface overrides for hardcoded colors follow below. ── LIGHT PALETTE (for any hand-written overrides) ────────────────────────── page bg #eef1f7 deep panel #e6eaf2 card #ffffff input/hover #eef1f6 text #0f1729 secondary #475569 muted #64748b border rgba(15,23,42,.10) border-strong rgba(15,23,42,.16) accents cyan #0a97b8 blue #0a84d4 purple #9d00d6 pink #d10f9e status green/ok #0f9d6b warn #b45309 crit #e11d48 low/link #2563eb shadow 0 6px 20px rgba(15,23,42,.10) code bg rgba(15,23,42,.06) ============================================================================ */ html.theme-light { color-scheme: light; /* base surfaces */ --cyber-black: #eef1f7; --cyber-dark: #e6eaf2; --cyber-gray: #ffffff; --cyber-gray-light: #eef1f6; /* brand accents — darkened so they stay legible on light surfaces */ --neon-cyan: #0a97b8; --neon-blue: #0a84d4; --neon-purple: #9d00d6; --neon-pink: #d10f9e; --neon-green: #0f9d6b; --gradient-cyber: linear-gradient(135deg, #0a97b8 0%, #9d00d6 50%, #d10f9e 100%); --chat-accent-light: rgba(10,151,184,0.10); --chat-accent-border: rgba(10,151,184,0.30); --chat-secondary-light: rgba(157,0,214,0.10); /* text */ --text-primary: #0f1729; --text-secondary: #475569; --text-muted: #64748b; /* chat response */ --chat-response-text: #334155; --chat-response-heading: #0f1729; --chat-response-link: #1d4ed8; --chat-response-strong: #b45309; --chat-border: rgba(10,151,184,0.25); --chat-code: #0e7490; --chat-code-bg: rgba(15,23,42,0.06); --shadow-cyan: 0 6px 20px rgba(10,151,184,0.18); --shadow-purple: 0 6px 20px rgba(157,0,214,0.16); /* Cortex "Mission Control" tokens */ --cx-pur:#9d00d6; --cx-pur2:#8b3fd6; --cx-cy:#0a97b8; --cx-cy2:#0891b2; --cx-crit:#e11d48; --cx-warn:#b45309; --cx-med:#a16207; --cx-low:#2563eb; --cx-ok:#059669; --cx-tx:#0f1729; --cx-tx2:#475569; --cx-tx3:#64748b; --cx-panel:rgba(255,255,255,.80); --cx-panel2:rgba(255,255,255,.93); --cx-bd:rgba(15,23,42,.10); --cx-bd2:rgba(15,23,42,.16); } /* Page frame: many pages set the body background/text directly. Flip the common dark page backdrops to the light base + readable text. Per-surface rules below refine specific components. */ html.theme-light body { background: #eef1f7; color: var(--text-primary, #0f1729); } html.theme-light ::selection { background: rgba(10,151,184,0.20); color: #0f1729; } /* ── The theme-toggle button (shared across every core nav) ─────────────── */ .chadow-theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex-shrink: 0; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.10); border-radius: 10px; cursor: pointer; color: inherit; font-size: .95rem; line-height: 1; transition: background .15s, border-color .15s, color .15s; } .chadow-theme-toggle:hover { border-color: var(--neon-cyan, #00ffff); color: var(--neon-cyan, #00ffff); } .chadow-theme-toggle .fa-sun { display: none; } .chadow-theme-toggle .fa-moon { display: inline; } html.theme-light .chadow-theme-toggle { background: rgba(15,23,42,0.04); border-color: rgba(15,23,42,0.12); color: #334155; } html.theme-light .chadow-theme-toggle:hover { border-color: #0a97b8; color: #0a97b8; } html.theme-light .chadow-theme-toggle .fa-moon { display: none; } html.theme-light .chadow-theme-toggle .fa-sun { display: inline; } /* Broad safety net: faint white inline TEXT greys used as muted labels across pages are near-invisible on light. Map by alpha to graded readable greys. (Per-surface rules below are more specific / later, so they still win ties.) */ html.theme-light [style*="color: rgba(255, 255, 255, 0.3"], html.theme-light [style*="color: rgba(255, 255, 255, 0.4"], html.theme-light [style*="color: rgba(255, 255, 255, 0.5"], html.theme-light [style*="color:rgba(255,255,255,0.3"], html.theme-light [style*="color:rgba(255,255,255,0.4"], html.theme-light [style*="color:rgba(255,255,255,0.5"] { color: #64748b !important; } html.theme-light [style*="color: rgba(255, 255, 255, 0.6"], html.theme-light [style*="color: rgba(255, 255, 255, 0.7"], html.theme-light [style*="color: rgba(255, 255, 255, 0.8"], html.theme-light [style*="color:rgba(255,255,255,0.6"], html.theme-light [style*="color:rgba(255,255,255,0.7"], html.theme-light [style*="color:rgba(255,255,255,0.8"] { color: #475569 !important; } /* ========================================================================== PER-SURFACE LIGHT OVERRIDES (hardcoded-color components) Everything from here down is scoped to html.theme-light … only. ========================================================================== */ /* ===== SURFACE: chadow-chrome ===== */ /* ===== Chadow shared chrome — light mode ===== */ /* --- Top header bar (dark glass -> light glass) --- */ html.theme-light .chadow-header { background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid rgba(15, 23, 42, .10); } html.theme-light .chadow-brand img { filter: drop-shadow(0 0 8px rgba(10, 151, 184, 0.25)); } /* --- AI Tools pill (inline gradient + white text in topnav.php) --- */ html.theme-light .chadow-ai-tools-btn { background: linear-gradient(135deg, rgba(10, 151, 184, 0.12), rgba(157, 0, 214, 0.12)) !important; border-color: rgba(10, 151, 184, 0.40) !important; color: #0f1729 !important; } html.theme-light .chadow-ai-tools-btn i { color: #0a97b8 !important; } /* --- Project selector button icons (inline white on the topnav s) --- */ html.theme-light .chadow-project-btn i { color: rgba(15, 23, 42, .45) !important; } /* --- Profile dropdown button + menu --- */ html.theme-light .chadow-profile-btn { background: rgba(10, 151, 184, 0.08); border-color: rgba(10, 151, 184, 0.35); } html.theme-light .chadow-profile-btn:hover { background: rgba(10, 151, 184, 0.14); box-shadow: 0 4px 14px rgba(10, 151, 184, 0.18); } html.theme-light .chadow-profile-menu { border-color: rgba(15, 23, 42, .12); box-shadow: 0 10px 40px rgba(15, 23, 42, .16); } html.theme-light .chadow-profile-menu-item:hover { background: rgba(10, 151, 184, 0.08); } html.theme-light .chadow-profile-menu-divider { background: rgba(15, 23, 42, .10); } html.theme-light .chadow-profile-menu-logout, html.theme-light .chadow-profile-menu-logout i { color: #e11d48; } html.theme-light .chadow-profile-menu-logout:hover { background: rgba(225, 29, 72, 0.10); color: #e11d48; } /* --- Composer input focus (heavy cyan neon glow -> soft ring) --- */ html.theme-light .chadow-input:focus { box-shadow: 0 0 0 3px rgba(10, 151, 184, 0.12); } /* --- Subscribe modal scrim (near-opaque black -> light scrim) --- */ html.theme-light .chadow-subscribe-modal { background: rgba(15, 23, 42, .45); } /* --- Sidebar frame + history items --- */ html.theme-light .chadow-sidebar { border-right: 1px solid rgba(15, 23, 42, .10); } html.theme-light .chadow-sidebar-collapse-btn:hover, html.theme-light .chadow-sidebar-close:hover, html.theme-light .chadow-history-action:hover { background: rgba(15, 23, 42, .06); } html.theme-light .chadow-history-item:hover { background: rgba(15, 23, 42, .04); } html.theme-light .chadow-history-item.active { box-shadow: 0 0 0 1px rgba(10, 151, 184, 0.15); } html.theme-light .chadow-history-action.delete:hover { color: #e11d48; } html.theme-light .chadow-sidebar-overlay { background: rgba(15, 23, 42, .40); } /* ===== SURFACE: chadow-chat ===== */ /* ===== chadow-chat: light-mode overrides (hardcoded colors only) ===== */ /* --- User message bubble (hardcoded cyan tint) --- */ html.theme-light .chadow-message.user .chadow-message-content { background: rgba(10, 151, 184, 0.10); border-color: rgba(10, 151, 184, 0.22); } /* --- Code block chrome: dark near-black headers/expanders --- */ html.theme-light .code-block-header { background: rgba(15, 23, 42, 0.04); border-bottom-color: rgba(10, 151, 184, 0.16); } html.theme-light .code-block-expand { background: rgba(15, 23, 42, 0.04); border-top-color: rgba(15, 23, 42, 0.10); color: #0a97b8; } html.theme-light .code-block-expand:hover { background: rgba(10, 151, 184, 0.10); } /* --- "Copied" state: neon green invisible on white --- */ html.theme-light .code-copy-btn.copied { background: rgba(15, 157, 107, 0.14); border-color: #0f9d6b; color: #0f9d6b; } /* --- Markdown tables: dark panel bg + invisible white cell borders --- */ html.theme-light .chadow-message-content .chat-table-wrapper { background: #ffffff; border-color: rgba(10, 151, 184, 0.16); } html.theme-light .chadow-message-content .chat-table-row-odd { background: rgba(15, 23, 42, 0.03); } html.theme-light .chadow-message-content .chat-table-row-even { background: rgba(10, 151, 184, 0.04); } html.theme-light .chadow-message-content .chat-table-cell { border-bottom-color: rgba(15, 23, 42, 0.08); } html.theme-light .chadow-message-content .chat-table tr:hover:not(.chat-table-header) { background: rgba(10, 151, 184, 0.07); } /* --- Composer input focus: heavy neon glow → soft brand ring --- */ html.theme-light .chadow-input:focus { box-shadow: 0 0 0 3px rgba(10, 151, 184, 0.15); } /* --- Send button hover: 30px neon glow → soft shadow --- */ html.theme-light .chadow-send:hover:not(:disabled) { box-shadow: 0 6px 20px rgba(10, 151, 184, 0.30); } /* --- File attachment chip: dark bg + white border --- */ html.theme-light .chadow-message-file { background: rgba(15, 23, 42, 0.03); border-color: rgba(15, 23, 42, 0.10); } /* File-type icon accents that are too light on their pale tints */ html.theme-light .chadow-message-file-icon.code { background: rgba(15, 157, 107, 0.14); color: #0f9d6b; } html.theme-light .chadow-message-file-icon.text { background: rgba(180, 83, 9, 0.14); color: #b45309; } /* --- Searching indicator green (a touch light on white) --- */ html.theme-light .chadow-searching-indicator { color: #0f9d6b; } /* --- Model picker (composer control): white text on pale pill + dark dropdown --- */ html.theme-light .chadow-model-picker { background: rgba(10, 151, 184, 0.08); border-color: rgba(10, 151, 184, 0.20); color: #0a97b8; } html.theme-light .chadow-model-picker:hover { background: rgba(10, 151, 184, 0.12); border-color: rgba(10, 151, 184, 0.34); } html.theme-light .chadow-model-picker select { color: #0f1729; } html.theme-light .chadow-model-picker select option { background: #ffffff; color: #0f1729; } /* --- Arsenal chat prose code blocks: dark near-black panels --- */ html.theme-light .arsenal-chat-message-content pre { background: rgba(15, 23, 42, 0.05); } html.theme-light .arsenal-chat-message-content .code-block-wrapper { background: #ffffff; border-color: rgba(249, 115, 22, 0.22); } html.theme-light .arsenal-chat-message-content .code-block-header { background: rgba(15, 23, 42, 0.04); } /* ===== SURFACE: cortex-css ===== */ /* ===== Cortex Mission Control — light-mode hardcoded-color fixes ===== */ /* --- White titles/values that vanish on light bg → dark ink --- */ html.theme-light #arsenalModeContent .cortex-hero h2{color:#0f1729 !important;-webkit-text-fill-color:#0f1729 !important;} html.theme-light #arsenalModeContent .cortex-kpi-value{color:#0f1729 !important;} html.theme-light #arsenalModeContent .agent-card-title{color:#0f1729 !important;} html.theme-light #arsenalModeContent .cortex-tab:hover{color:#0f1729 !important;} html.theme-light .cf-panel-head{color:#0f1729 !important;} html.theme-light .cf-title{color:#0f1729 !important;} html.theme-light .chadow-sidebar-title{color:#0f1729 !important;} html.theme-light .arsenal-history-agent{color:#0f1729 !important;} html.theme-light .chadow-profile-name{color:#0f1729 !important;} /* --- White-overlay glass fills (rgba(255,255,255,.02–.06)) → white cards / dark glass --- */ html.theme-light #arsenalModeContent .chadow-arsenal-agent-card{background:#ffffff !important;} html.theme-light #arsenalModeContent .chadow-arsenal-agent-card:hover{background:rgba(15,23,42,.03) !important;} html.theme-light #arsenalModeContent .agent-card-tag{background:rgba(15,23,42,.05) !important;} html.theme-light #arsenalModeContent .cortex-tab{background:rgba(15,23,42,.03) !important;} html.theme-light .cf-count{background:rgba(15,23,42,.05) !important;} html.theme-light .cf-item{background:#ffffff !important;} html.theme-light .cf-head:hover{background:rgba(15,23,42,.03) !important;} html.theme-light .cf-info{background:rgba(15,23,42,.06) !important;} html.theme-light .arsenal-history-item{background:#ffffff !important;} html.theme-light .arsenal-action-btn{background:rgba(15,23,42,.04) !important;} /* --- Dark panels / overlays / chrome → light surfaces --- */ html.theme-light .arsenal-scan-overlay{background:rgba(238,241,247,.88) !important;} html.theme-light .cortex-live-stream{ background:linear-gradient(180deg,#ffffff,#f4f6fb) !important; border:1px solid rgba(157,0,214,.20) !important;box-shadow:inset 0 0 42px rgba(157,0,214,.05) !important; } html.theme-light .cortex-live-stream::-webkit-scrollbar-thumb{background:rgba(157,0,214,.35) !important;} html.theme-light .cf-codeline{background:rgba(15,23,42,.06) !important;color:#0e7490 !important;} html.theme-light .chadow-sidebar{ background:linear-gradient(180deg,#f7f9fc,#eef1f6) !important; border-right:1px solid rgba(157,0,214,.16) !important;box-shadow:1px 0 30px rgba(15,23,42,.08) !important; } html.theme-light .chadow-header{background:rgba(238,241,247,.90) !important;border-bottom:1px solid rgba(15,23,42,.10) !important;} html.theme-light .chadow-profile-menu{box-shadow:0 20px 60px rgba(15,23,42,.16) !important;} /* --- Severity chips: keep MEANING at readable light values --- */ html.theme-light .cf-critical{color:#e11d48 !important;background:rgba(225,29,72,.10) !important;border:1px solid rgba(225,29,72,.30) !important;} html.theme-light .cf-high{color:#b45309 !important;background:rgba(180,83,9,.10) !important;border:1px solid rgba(180,83,9,.28) !important;} html.theme-light .cf-medium{color:#a16207 !important;background:rgba(161,98,7,.10) !important;border:1px solid rgba(161,98,7,.28) !important;} html.theme-light .cf-low{color:#2563eb !important;background:rgba(37,99,235,.10) !important;border:1px solid rgba(37,99,235,.28) !important;} html.theme-light .cf-info{color:#475569 !important;} html.theme-light .arsenal-action-btn.danger:hover{background:rgba(225,29,72,.12) !important;border-color:rgba(225,29,72,.5) !important;color:#e11d48 !important;} /* ===== SURFACE: cognition-inline ===== */ /* ── Cognition welcome hero ── */ html.theme-light .chadow-welcome-icon { background: radial-gradient(circle, rgba(10,151,184,0.14), rgba(10,132,212,0.06) 60%, transparent 100%); border: 1px solid rgba(10,151,184,0.30); } html.theme-light .chadow-welcome-icon::after { background: conic-gradient(from 0deg, rgba(10,151,184,0.28), rgba(10,132,212,0.24), rgba(10,151,184,0.28)); opacity: 0.35; } html.theme-light .chadow-welcome-icon img { filter: drop-shadow(0 0 8px rgba(10,151,184,0.35)); } html.theme-light .chadow-welcome h2 { background: linear-gradient(135deg, #0f1729 8%, #0a97b8 55%, #0a84d4 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } html.theme-light .chadow-welcome p { color: #475569; } html.theme-light .chadow-welcome-sub { color: #64748b; } /* ── Suggestion cards ── */ html.theme-light .chadow-welcome-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.10); } html.theme-light .chadow-welcome-card:hover { border-color: rgba(10,151,184,0.40); background: rgba(10,151,184,0.05); } html.theme-light .chadow-welcome-card-icon { background: rgba(15,23,42,0.04); border: 1px solid rgba(15,23,42,0.10); } html.theme-light .chadow-welcome-card-title { color: #0f1729; } html.theme-light .chadow-welcome-card-desc { color: #64748b; } /* ── Composer container + input ── */ html.theme-light .chadow-input-container { background: rgba(255,255,255,0.85); border: 1px solid rgba(15,23,42,0.12); } html.theme-light .chadow-input-container:focus-within { border-color: rgba(10,151,184,0.45); box-shadow: 0 0 0 4px rgba(10,151,184,0.08), 0 8px 28px rgba(15,23,42,0.12); } html.theme-light .chadow-input { color: #0f1729; } html.theme-light .chadow-input::placeholder { color: #94a3b8; } html.theme-light .chadow-file-btn, html.theme-light .chadow-image-btn { background: rgba(15,23,42,0.04) !important; border: 1px solid rgba(15,23,42,0.10) !important; color: #475569 !important; } html.theme-light .chadow-file-btn:hover:not(:disabled), html.theme-light .chadow-image-btn:hover:not(:disabled) { background: rgba(10,151,184,0.08) !important; color: #0a97b8 !important; border-color: rgba(10,151,184,0.30) !important; } /* ── Keyboard hint ── */ html.theme-light .chadow-input-hint { color: #64748b; } html.theme-light .chadow-input-hint kbd { background: rgba(15,23,42,0.05); border: 1px solid rgba(15,23,42,0.12); color: #475569; } /* ── Cortex guided-launch stepper ── */ html.theme-light .cortex-step-node { color: #64748b; background: rgba(15,23,42,0.03); border: 1.5px solid rgba(15,23,42,0.14); } html.theme-light .cortex-step-title { color: #475569; } html.theme-light .cortex-step-sub { color: #64748b; } html.theme-light .cortex-step-bar { background: rgba(15,23,42,0.12); } html.theme-light .cortex-step-bar::after { background: linear-gradient(90deg, #9d00d6, #0a97b8); } html.theme-light .cortex-step.is-active .cortex-step-node { color: #ffffff; background: linear-gradient(135deg, #9d00d6, #0a97b8); border-color: transparent; box-shadow: 0 0 0 4px rgba(157,0,214,0.12), 0 4px 18px rgba(157,0,214,0.25); } html.theme-light .cortex-step.is-active .cortex-step-title { color: #0f1729; } html.theme-light .cortex-step.is-active .cortex-step-sub { color: #475569; } html.theme-light .cortex-step.is-done .cortex-step-node { color: #0a97b8; background: rgba(10,151,184,0.10); border-color: rgba(10,151,184,0.50); } html.theme-light .cortex-step.is-done .cortex-step-title { color: #0f1729; } /* ── Per-zone step eyebrow ── */ html.theme-light .cortex-zone-eyebrow { color: #9d00d6; } html.theme-light .cortex-zone-eyebrow::before { background: linear-gradient(90deg, #9d00d6, #0a97b8); } /* ===== SURFACE: projects ===== */ /* ===== Projects portfolio (projects.php inline) — light mode ===== */ /* Page background + radial glow */ html.theme-light body { background: #eef1f7; color: #0f1729; } html.theme-light body::before { background: radial-gradient(720px 380px at 84% -4%, rgba(157,0,214,0.06), transparent 60%), radial-gradient(600px 360px at 4% 2%, rgba(10,151,184,0.05), transparent 60%); } /* Header */ html.theme-light .proj-header h1 .proj-folder-icon { color: #9d00d6; } html.theme-light .proj-back-btn { background: rgba(15,23,42,0.03); color: #475569; border: 1px solid rgba(15,23,42,0.10); } html.theme-light .proj-back-btn:hover { border-color: rgba(15,23,42,0.16); color: #0f1729; } html.theme-light .proj-new-btn { background: linear-gradient(135deg, #9d00d6, #0a97b8); color: #ffffff; } /* Search */ html.theme-light .proj-search { background: #ffffff; border: 1px solid rgba(15,23,42,0.10); } html.theme-light .proj-search input { color: #0f1729; } html.theme-light .proj-search i.fa-search { color: #64748b; } /* Cards */ html.theme-light .proj-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.10); box-shadow: 0 6px 20px rgba(15,23,42,0.06); } html.theme-light .proj-card:hover { border-color: rgba(157,0,214,0.35); background: #ffffff; box-shadow: 0 6px 20px rgba(15,23,42,0.10); } html.theme-light .proj-card-icon { background: rgba(157,0,214,0.10); color: #9d00d6; } html.theme-light .proj-card-target { color: #64748b; } html.theme-light .proj-card-desc { color: #475569; } html.theme-light .proj-card-stats { color: #64748b; } html.theme-light .proj-card-stats i { color: #94a3b8; } html.theme-light .proj-card-footer { border-top: 1px solid rgba(15,23,42,0.10); color: #64748b; } html.theme-light .proj-card-edit-btn { color: #64748b; } html.theme-light .proj-card-edit-btn:hover { background: rgba(15,23,42,0.06); color: #9d00d6; } /* Empty state */ html.theme-light .proj-empty { color: #64748b; border: 1px dashed rgba(15,23,42,0.16); } html.theme-light .proj-empty i { color: rgba(157,0,214,0.55); } html.theme-light .proj-empty h3 { color: #0f1729; } /* Paywall */ html.theme-light .proj-paywall { background: linear-gradient(180deg, rgba(157,0,214,0.06), rgba(157,0,214,0.02)); border: 1px solid rgba(157,0,214,0.18); } html.theme-light .proj-paywall h2 { color: #9d00d6; } html.theme-light .proj-paywall p { color: #475569; } /* Risk left-borders */ html.theme-light .proj-card.has-crit { border-left: 2px solid #e11d48; } html.theme-light .proj-card.has-high { border-left: 2px solid #b45309; } /* Severity + status chips */ html.theme-light .pc-sev.crit { color: #e11d48; background: rgba(225,29,72,0.10); border: 1px solid rgba(225,29,72,0.30); } html.theme-light .pc-sev.high { color: #b45309; background: rgba(180,83,9,0.10); border: 1px solid rgba(180,83,9,0.30); } html.theme-light .pc-open { color: #475569; background: rgba(15,23,42,0.05); border: 1px solid rgba(15,23,42,0.12); } /* Live "N running" pill */ html.theme-light .pc-live { color: #0a97b8; background: rgba(10,151,184,0.10); border: 1px solid rgba(10,151,184,0.30); } html.theme-light .pc-live-dot { background: #0a97b8; box-shadow: 0 0 7px rgba(10,151,184,0.55); } /* ===== SURFACE: project-detail ===== */ /* ══ project.php — light-mode overrides ══════════════════════════ */ /* ── Local design tokens: redefine the --proj-* / --c-* / --sev-* scales to light values so everything referencing them flips automatically. html.theme-light beats :root on the same element. ── */ html.theme-light { --proj-bg: #eef1f7; --proj-fg: #0f1729; --proj-fg-dim: #475569; --proj-fg-muted: #64748b; --proj-border: rgba(15,23,42,0.10); --proj-border-soft: rgba(15,23,42,0.06); --proj-glass: rgba(15,23,42,0.03); --proj-glass-2: rgba(15,23,42,0.05); --proj-shell-color: #9d00d6; --proj-shell-color-2: #0a97b8; --c-cog: #0a97b8; --c-cor: #9d00d6; --c-apx: #e11d48; --c-tal: #a16207; --c-bcn: #0f9d6b; --c-snt: #9d00d6; --sev-critical: #e11d48; --sev-high: #b45309; --sev-medium: #a16207; --sev-low: #2563eb; --sev-info: #64748b; } /* Ambient backdrop — soften neon dual-glow to faint light tints. */ html.theme-light body::before { background: radial-gradient(ellipse 1100px 480px at 50% -8%, rgba(157,0,214,0.05), transparent 65%), radial-gradient(ellipse 800px 500px at 88% 18%, rgba(10,132,212,0.04), transparent 65%), radial-gradient(ellipse 700px 400px at 5% 70%, rgba(10,151,184,0.03), transparent 65%); } /* ── Breadcrumb ── */ html.theme-light .proj-crumb a:hover { color: #0f1729; } /* ── Hero ── */ html.theme-light .proj-hero { background: #ffffff; box-shadow: 0 6px 20px rgba(15,23,42,0.06); } html.theme-light .proj-hero-icon { color: #9d00d6; box-shadow: inset 0 0 24px rgba(157,0,214,0.10); } html.theme-light .proj-hero-text h1 { color: #0f1729; } html.theme-light .proj-hero-target { color: #475569; background: rgba(15,23,42,0.04); } /* ── Buttons ── */ html.theme-light .proj-btn { background: rgba(15,23,42,0.04); color: #0f1729; border-color: rgba(15,23,42,0.14); } html.theme-light .proj-btn:hover { border-color: rgba(15,23,42,0.28); background: rgba(15,23,42,0.07); color: #0f1729; } html.theme-light .proj-btn-primary { color: #ffffff; box-shadow: 0 6px 20px rgba(157,0,214,0.20); } html.theme-light .proj-btn-primary:hover { color: #ffffff; box-shadow: 0 8px 26px rgba(157,0,214,0.28); } /* ── KPI tiles ── */ html.theme-light .proj-kpi, html.theme-light .proj-kpi.active { background: #ffffff; } html.theme-light .proj-kpi-label { color: #64748b; } html.theme-light .proj-kpi-val { color: #0f1729; } html.theme-light .proj-sev-bar { background: rgba(15,23,42,0.08); } /* ── Section heads ── */ html.theme-light .proj-section-head h3 { color: #0f1729; } /* ── List items ── */ html.theme-light .proj-list-item { background: #ffffff; } html.theme-light .proj-list-item:hover { background: #eef1f6; } html.theme-light .proj-list-title { color: #0f1729; } html.theme-light .proj-list-meta .dot { color: rgba(15,23,42,0.22); } html.theme-light .proj-list-actions > i { color: rgba(15,23,42,0.32) !important; } /* ── Status badges (readable text, keep hue meaning) ── */ html.theme-light .stat-completed, html.theme-light .stat-active { background: rgba(15,157,107,0.14); color: #0f9d6b; } html.theme-light .stat-processing, html.theme-light .stat-running { background: rgba(37,99,235,0.14); color: #2563eb; } html.theme-light .stat-queued { background: rgba(157,0,214,0.14); color: #9d00d6; } html.theme-light .stat-failed, html.theme-light .stat-stopped { background: rgba(225,29,72,0.14); color: #e11d48; } html.theme-light .stat-pending, html.theme-light .stat-paused { background: rgba(100,116,139,0.16); color: #64748b; } /* ── Empty state ── */ html.theme-light .proj-empty { background: rgba(15,23,42,0.02); } html.theme-light .proj-empty-icon { color: #9d00d6; } html.theme-light .proj-empty p { color: #475569; } html.theme-light .proj-empty p code, html.theme-light .proj-empty pre { background: rgba(15,23,42,0.06); color: #0f1729; } html.theme-light .proj-empty a { color: #9d00d6; } /* ── Quick-action cards ── */ html.theme-light .proj-action::after { background: url("data:image/svg+xml;utf8,") no-repeat center / contain; } html.theme-light .proj-action-title { color: #0f1729; } html.theme-light .proj-action-sub { color: #64748b; } /* ── Overview cards ── */ html.theme-light .proj-card { background: #ffffff; } html.theme-light .proj-card-head h3 { color: #0f1729; } html.theme-light .proj-card-link:hover { color: #9d00d6; } html.theme-light .proj-mini-item { background: #ffffff; } html.theme-light .proj-mini-item:hover { background: #eef1f6; } html.theme-light .proj-mini-title { color: #0f1729; } html.theme-light .proj-info-dl dd { color: #0f1729; } html.theme-light .proj-info-dl dd code { background: rgba(15,23,42,0.06); } html.theme-light .proj-risk-bar { background: rgba(15,23,42,0.08); } /* ══ Posture band ══ */ html.theme-light .proj-gauge::before { background: #ffffff; } html.theme-light .proj-gauge-in b { color: #0f1729; } html.theme-light .proj-psev { background: rgba(15,23,42,0.03); } html.theme-light .proj-op-ic { color: #9d00d6; } html.theme-light .proj-op-v { color: #0f1729; } html.theme-light .proj-op-tag { color: #0f9d6b; background: rgba(15,157,107,0.12); border-color: rgba(15,157,107,0.30); } /* ── Segmented nav + sub-nav ── */ html.theme-light .proj-nav a:hover { color: #0f1729; } html.theme-light .proj-nav a.on { color: #ffffff; box-shadow: 0 8px 20px rgba(157,0,214,0.20); } html.theme-light .proj-nav a .ct { background: rgba(15,23,42,0.08); } html.theme-light .proj-nav a.on .ct { background: rgba(255,255,255,0.28); } html.theme-light .proj-subnav a { background: rgba(15,23,42,0.03); } html.theme-light .proj-subnav a:hover { color: #0f1729; } html.theme-light .proj-subnav a.on { color: #9d00d6; border-color: rgba(157,0,214,0.42); background: rgba(157,0,214,0.08); } /* ══ Attention queue ══ */ html.theme-light .proj-aq:hover { background: rgba(15,23,42,0.03); } html.theme-light .proj-aq-ic.f { color: #64748b; background: rgba(100,116,139,0.14); border-color: rgba(100,116,139,0.30); } /* ══ Findings — filter bars & pills ══ */ html.theme-light .findings-filter-bar { background: #ffffff; } /* neutral "All" pills (no --pill-color set → would fall back to #fff) */ html.theme-light .findings-filter-pill[data-sev="all"], html.theme-light .findings-filter-pill[data-src="all"], html.theme-light .findings-filter-pill[data-status="all"] { color: #475569; border-color: rgba(15,23,42,0.16); } html.theme-light .findings-filter-pill[data-sev="all"].active, html.theme-light .findings-filter-pill[data-src="all"].active, html.theme-light .findings-filter-pill[data-status="all"].active { background: rgba(15,23,42,0.08); color: #0f1729; } /* Low-contrast inline --pill-color values → darken text/border, keep meaning. (--pill-color is set inline, so we override the consumed props with !important.) */ html.theme-light .findings-filter-pill[data-sev="high"] { color: #b45309 !important; border-color: color-mix(in srgb, #b45309 50%, transparent) !important; } html.theme-light .findings-filter-pill[data-sev="medium"] { color: #a16207 !important; border-color: color-mix(in srgb, #a16207 50%, transparent) !important; } html.theme-light .findings-filter-pill[data-src="cortex"] { color: #9d00d6 !important; border-color: color-mix(in srgb, #9d00d6 50%, transparent) !important; } html.theme-light .findings-filter-pill[data-status="open"] { color: #0a97b8 !important; border-color: color-mix(in srgb, #0a97b8 50%, transparent) !important; } html.theme-light .findings-filter-pill[data-status="resolved"] { color: #0f9d6b !important; border-color: color-mix(in srgb, #0f9d6b 50%, transparent) !important; } html.theme-light .findings-filter-pill.active { color: #ffffff; } /* ── Finding rows ── */ html.theme-light .finding-row { background: #ffffff; } html.theme-light .finding-row:hover { background: #eef1f6; } html.theme-light .finding-sev, html.theme-light .ticket-sev { color: #ffffff; } html.theme-light .finding-meta-pill, html.theme-light .ticket-meta-pill { color: #475569; background: rgba(15,23,42,0.04); } html.theme-light .finding-title { color: #0f1729; } html.theme-light .finding-endpoint { color: #475569; } html.theme-light .finding-desc { color: #475569; } html.theme-light .finding-status-select { background: #eef1f6; border-color: rgba(15,23,42,0.16); color: #0f1729; } html.theme-light .finding-status-select:hover { border-color: rgba(15,23,42,0.28); } html.theme-light .finding-source-link { color: #64748b; } html.theme-light .finding-source-link:hover { color: #9d00d6; } /* Reporter chip */ html.theme-light .finding-reporter { color: #475569; background: rgba(157,0,214,0.06); border-color: rgba(157,0,214,0.22); } html.theme-light .finding-reporter-avatar { background: rgba(157,0,214,0.16); color: #9d00d6; } html.theme-light .finding-reporter-label { color: #b45309; } /* Comments thread */ html.theme-light .finding-comments-toggle { color: #475569; } html.theme-light .finding-comments-toggle:hover { border-color: rgba(157,0,214,0.40); color: #9d00d6; background: rgba(157,0,214,0.06); } html.theme-light .finding-comments-toggle.is-open { background: rgba(157,0,214,0.10); border-color: rgba(157,0,214,0.40); color: #9d00d6; } html.theme-light .finding-comment { background: #ffffff; } html.theme-light .finding-comment-avatar { background: rgba(157,0,214,0.14); color: #9d00d6; } html.theme-light .finding-comment-author { color: #0f1729; } html.theme-light .finding-comment-delete { color: #64748b; } html.theme-light .finding-comment-delete:hover { color: #e11d48; background: rgba(225,29,72,0.08); } html.theme-light .finding-comment-text { color: #334155; } html.theme-light .finding-comment-form textarea { background: #eef1f6; border-color: rgba(15,23,42,0.16); color: #0f1729; } html.theme-light .finding-comment-form textarea:focus { border-color: rgba(157,0,214,0.5); } html.theme-light .finding-comment-form button { color: #ffffff; } /* Assignee picker / badge */ html.theme-light .finding-assignee { background: #ffffff; } html.theme-light .finding-assignee-avatar { background: rgba(157,0,214,0.14); color: #9d00d6; } html.theme-light .finding-assignee-avatar.is-empty { background: rgba(15,23,42,0.05); color: #64748b; border-color: rgba(15,23,42,0.16); } html.theme-light .finding-assignee-name { color: #0f1729; } html.theme-light .finding-assignee-name.is-unassigned { color: #64748b; } html.theme-light .finding-assignee-pick { background: #eef1f6; border-color: rgba(15,23,42,0.16); color: #0f1729; } html.theme-light .finding-assignee-pick:hover { border-color: rgba(15,23,42,0.28); } html.theme-light .finding-assignee-pick:focus { border-color: rgba(157,0,214,0.6); } /* Small icon action button */ html.theme-light .arsenal-action-btn { background: rgba(15,23,42,0.04); color: #475569; } html.theme-light .arsenal-action-btn:hover { border-color: rgba(15,23,42,0.28); color: #0f1729; } html.theme-light .arsenal-action-btn.danger:hover { border-color: rgba(225,29,72,0.40); color: #e11d48; background: rgba(225,29,72,0.08); } /* Section-head titles (inline #fff / near-white) */ html.theme-light .findings-group-head h4 { color: #0f1729 !important; } html.theme-light .findings-group-title span { color: #0f1729 !important; } /* ── Mobile platform tabs ── */ html.theme-light .mob-tabs { border-bottom-color: rgba(15,23,42,0.10); } html.theme-light .mob-tab { color: #64748b; } html.theme-light .mob-tab:hover { color: #0f1729; } html.theme-light .mob-tab.active { color: #0a97b8 !important; border-bottom-color: #0a97b8 !important; } html.theme-light .mob-tab-count { background: rgba(15,23,42,0.08); } /* ══ Stack table ══ */ html.theme-light .proj-stack-table thead th { color: #475569; background: #e6eaf2; } html.theme-light .proj-stack-table tbody td { color: #0f1729; } html.theme-light .proj-stack-table tbody tr:hover { background: rgba(15,23,42,0.025); } html.theme-light .cve-chip-more { color: #64748b !important; border-color: rgba(15,23,42,0.20) !important; } html.theme-light .stack-chip-manual { background: rgba(15,157,107,0.12); color: #0f9d6b; border-color: rgba(15,157,107,0.30); } html.theme-light .stack-chip-discovered { background: rgba(10,151,184,0.10); color: #0a97b8; border-color: rgba(10,151,184,0.28); } /* ══ Patch tickets ══ */ html.theme-light .ticket-row { background: #ffffff; } html.theme-light .ticket-row:hover { background: #eef1f6; } html.theme-light .ticket-cve-link { color: #0f1729; } html.theme-light .ticket-cve-link:hover { color: #9d00d6; } html.theme-light .ticket-kev { background: rgba(225,29,72,0.14); color: #e11d48; border-color: rgba(225,29,72,0.40); } html.theme-light .ticket-what { color: #0f1729; } html.theme-light .ticket-status-select, html.theme-light .ticket-notes { background: #eef1f6; border-color: rgba(15,23,42,0.16); color: #0f1729; } html.theme-light .ticket-status-select:hover { border-color: rgba(15,23,42,0.28); } html.theme-light .ticket-notes:focus { border-color: rgba(157,0,214,0.5); } html.theme-light .ticket-notes-save { background: rgba(157,0,214,0.10); border-color: rgba(157,0,214,0.35); color: #9d00d6; } html.theme-light .ticket-notes-save:hover { background: rgba(157,0,214,0.18); } /* ══ Finding detail modal (.fdm-*) ══ */ html.theme-light .fdm-overlay { background: rgba(15,23,42,0.45); } html.theme-light .fdm-card { background: #ffffff; border-color: rgba(15,23,42,0.10); box-shadow: 0 12px 40px rgba(15,23,42,0.18); } html.theme-light .fdm-close { background: rgba(15,23,42,0.05); border-color: rgba(15,23,42,0.12); color: #475569; } html.theme-light .fdm-close:hover { background: rgba(15,23,42,0.12); color: #0f1729; } html.theme-light .fdm-header { border-bottom-color: rgba(15,23,42,0.08); } html.theme-light .fdm-pill { background: rgba(15,23,42,0.04); border-color: rgba(15,23,42,0.10); color: #475569; } html.theme-light .fdm-title { color: #0f1729; } html.theme-light .fdm-endpoint { color: #64748b; } html.theme-light .fdm-label { color: #64748b; } html.theme-light .fdm-value { color: #0f1729; } html.theme-light .fdm-pre { background: rgba(15,23,42,0.06); border-color: rgba(15,23,42,0.10); color: #0f1729; } html.theme-light .fdm-copy-btn { background: rgba(10,151,184,0.10); color: #0a97b8; border-color: rgba(10,151,184,0.30); } html.theme-light .fdm-copy-btn:hover { background: rgba(10,151,184,0.18); } html.theme-light .fdm-poc { border-color: rgba(10,151,184,0.22); background: rgba(10,151,184,0.05); } html.theme-light .fdm-poc-title { color: #0a97b8; } html.theme-light .fdm-poc .fdm-pre { border-color: rgba(10,151,184,0.28); } html.theme-light .fdm-ev-shot img { border-color: rgba(15,23,42,0.14); } html.theme-light .fdm-meta { border-top-color: rgba(15,23,42,0.08); color: #475569; } html.theme-light .fdm-meta-label { color: #64748b; } html.theme-light .fdm-link { color: #0a97b8; } /* Call-graph native cards (inside modal) */ html.theme-light .cg-native-card { background: rgba(180,83,9,0.04); } html.theme-light .cg-native-name { color: #b45309; } html.theme-light .cg-native-arch { background: rgba(15,23,42,0.05); } html.theme-light .cg-chip { background: rgba(15,23,42,0.06); border-color: rgba(15,23,42,0.10); color: #0f1729; } html.theme-light .cg-chip-danger { background: rgba(225,29,72,0.12); border-color: rgba(225,29,72,0.35); color: #e11d48; } html.theme-light .cg-chip-fuzz { background: rgba(180,83,9,0.14); border-color: rgba(180,83,9,0.40); color: #b45309; } /* ===== SURFACE: dashboard ===== */ /* ── Dashboard (Command Center) light-mode overrides ── */ /* Local design tokens defined in this file's :root (NOT the shared --cyber/--text set, so they don't auto-flip). Re-point them to readable light values. */ html.theme-light .dash-topbar, html.theme-light .dash-shell { /* no-op anchor to keep grouping; real token override below */ } html.theme-light :root, html.theme-light body { --panel: rgba(15,23,42,0.03); --panel-brd: rgba(15,23,42,0.10); --cyan: #0a97b8; --cyan-deep: #0891b2; --ink: #0f1729; --muted: #64748b; --crit: #e11d48; --high: #c2410c; --med: #b45309; --low: #0f9d6b; --info: #64748b; } /* Page background + grid overlay */ html.theme-light body { background: radial-gradient(1100px 560px at 82% -8%, rgba(10,151,184,0.08), transparent 60%), radial-gradient(900px 520px at 6% 4%, rgba(157,0,214,0.06), transparent 58%), linear-gradient(180deg, #eef1f7 0%, #e6eaf2 60%); } html.theme-light body::before { background-image: linear-gradient(rgba(15,23,42,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,0.035) 1px, transparent 1px); } /* Top app bar */ html.theme-light .dash-topbar { background: rgba(238,241,247,0.8); border-bottom: 1px solid rgba(15,23,42,0.10); } html.theme-light .dash-brand img { filter: drop-shadow(0 0 8px rgba(10,151,184,0.25)); } html.theme-light .dash-link-btn { background: rgba(15,23,42,0.04); color: #475569; border: 1px solid rgba(15,23,42,0.10); } html.theme-light .dash-link-btn:hover { border-color: #0a97b8; color: #0f1729; background: rgba(10,151,184,0.08); } /* Hero */ html.theme-light .dash-hero { background: radial-gradient(620px 280px at 100% 0%, color-mix(in srgb, var(--risk) 14%, transparent), transparent 70%), linear-gradient(180deg, #ffffff, #f5f7fb); border: 1px solid rgba(15,23,42,0.10); box-shadow: 0 6px 20px rgba(15,23,42,0.10); } html.theme-light .dash-hero-ws .chip { background: rgba(10,151,184,0.10); border: 1px solid rgba(10,151,184,0.28); color: #0a97b8; } html.theme-light .dash-posture { color: #475569; } html.theme-light .dash-posture b { color: #0f1729; } html.theme-light .dash-sevbar { background: rgba(15,23,42,0.06); border: 1px solid rgba(15,23,42,0.10); } html.theme-light .dash-sev-leg { color: #475569; } html.theme-light .dash-sev-leg b { color: #0f1729; } /* Risk gauge — track + inner disc must go light/white */ html.theme-light .dash-gauge { background: conic-gradient(var(--risk) calc(var(--score) * 1%), rgba(15,23,42,0.10) 0); filter: drop-shadow(0 0 20px color-mix(in srgb, var(--risk) 30%, transparent)); } html.theme-light .dash-gauge::before { background: #ffffff; box-shadow: inset 0 0 20px rgba(15,23,42,0.06); } /* Stat tiles */ html.theme-light .dash-stat { background: #ffffff; border: 1px solid rgba(15,23,42,0.10); box-shadow: 0 6px 20px rgba(15,23,42,0.06); } html.theme-light .dash-stat:hover { border-color: rgba(10,151,184,0.40); } /* Column head pill */ html.theme-light .dash-col-head .count-pill { background: rgba(15,23,42,0.05); border: 1px solid rgba(15,23,42,0.10); } /* Project cards */ html.theme-light .dash-proj-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.10); border-left: 4px solid var(--pc); } html.theme-light .dash-proj-card:hover { background: #eef1f6; border-color: rgba(10,151,184,0.35); border-left-color: var(--pc); } html.theme-light .dash-proj-gauge { background: conic-gradient(var(--pc) calc(var(--ps) * 1%), rgba(15,23,42,0.10) 0); } html.theme-light .dash-proj-gauge::before { background: #ffffff; } html.theme-light .dash-proj-counts { color: #475569; } html.theme-light .dash-proj-arrow { color: #94a3b8; } /* Empty states */ html.theme-light .dash-empty { color: #64748b; border: 1px dashed rgba(15,23,42,0.16); background: rgba(15,23,42,0.02); } html.theme-light .dash-empty i { color: #0a97b8; } html.theme-light .dash-empty h3 { color: #0f1729; } /* AI insights panel */ html.theme-light .dash-ai-panel { background: linear-gradient(180deg, rgba(10,151,184,0.06), rgba(157,0,214,0.04) 60%, #ffffff); border: 1px solid rgba(10,151,184,0.28); box-shadow: 0 6px 20px rgba(15,23,42,0.10); } html.theme-light .dash-ai-banner { border-bottom: 1px solid rgba(15,23,42,0.10); background: linear-gradient(100deg, rgba(10,151,184,0.12), rgba(157,0,214,0.10)); } html.theme-light .dash-ai-meta { color: #64748b; } html.theme-light .dash-ai-refresh { background: rgba(10,151,184,0.12); color: #0a97b8; border: 1px solid rgba(10,151,184,0.35); } html.theme-light .dash-ai-refresh:hover { background: rgba(10,151,184,0.20); } html.theme-light .dash-ai-summary { color: #475569; background: rgba(15,23,42,0.03); } html.theme-light .dash-scenario { background: #ffffff; border: 1px solid rgba(15,23,42,0.10); border-left: 4px solid var(--sc, #b45309); } html.theme-light .dash-scenario:hover { border-color: rgba(15,23,42,0.16); border-left-color: var(--sc, #b45309); } html.theme-light .dash-scenario-narrative { color: #475569; } html.theme-light .dash-scenario-meta { color: #64748b; } html.theme-light .dash-scenario-meta strong { color: #0f1729; } html.theme-light .dash-badge-lk { background: rgba(15,23,42,0.05); border: 1px solid rgba(15,23,42,0.14); color: #475569; } html.theme-light .dash-involved li { background: rgba(10,151,184,0.09); border: 1px solid rgba(10,151,184,0.25); color: #475569; } html.theme-light .dash-rec { color: #475569; background: rgba(15,157,107,0.10); } html.theme-light .dash-ai-empty { color: #64748b; } html.theme-light .dash-ai-empty i { color: #0a97b8; } /* Locked / upgrade state */ html.theme-light .dash-ai-locked .lock-icon { background: rgba(10,151,184,0.12); box-shadow: 0 0 24px rgba(10,151,184,0.18); } html.theme-light .dash-ai-locked h3 { color: #0f1729; } html.theme-light .dash-ai-locked p { color: #475569; } html.theme-light .dash-upgrade-btn { box-shadow: 0 8px 20px -8px rgba(10,151,184,0.5); } /* Error banner */ html.theme-light .dash-ai-error { color: #e11d48; background: rgba(225,29,72,0.08); border: 1px solid rgba(225,29,72,0.25); } /* Inline #fca5a5 (light-pink) crit/high emphasis text — invisible on white. Catch every inline occurrence (posture , stat .v) and darken to readable red. */ html.theme-light [style*="fca5a5"] { color: #e11d48 !important; } /* ===== SURFACE: profile ===== */ /* ===== Profile (profile/index.php) light-mode overrides ===== */ /* --- Local design tokens (these are NOT in the --cyber/--text/--chat/--neon/--cx namespaces, so the shared light sheet does not flip them; redefine here) --- */ html.theme-light { --bg-primary: #eef1f7; --bg-card: #ffffff; --border: rgba(15, 23, 42, 0.10); --border-hover: rgba(10, 151, 184, 0.45); --text-primary: #0f1729; --text-secondary: #475569; --text-muted: #64748b; --cyan: #0a97b8; --cyan-dim: #0a84d4; --purple: #9d00d6; --red: #e11d48; --green: #0f9d6b; --yellow: #b45309; } /* --- Page + selection --- */ html.theme-light body { background-image: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(10, 151, 184, 0.05), transparent), radial-gradient(ellipse 60% 50% at 80% 100%, rgba(157, 0, 214, 0.04), transparent); } html.theme-light ::selection { background: rgba(10, 151, 184, 0.22); color: #0f1729; } /* --- Topbar / brand --- */ html.theme-light .topbar { background: rgba(255, 255, 255, 0.82); } html.theme-light .brand { color: #0f1729; } html.theme-light .brand-logo { background: linear-gradient(135deg, rgba(10, 151, 184, 0.14), rgba(10, 132, 212, 0.08)); border-color: rgba(10, 151, 184, 0.30); } /* --- Hero card --- */ html.theme-light .hero { background: linear-gradient(135deg, #ffffff, #eef1f6); box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08); } html.theme-light .hero::before { background: radial-gradient(circle, rgba(10, 151, 184, 0.08), transparent 60%); } html.theme-light .hero-name { color: #0f1729; } html.theme-light .hero-email .dot { background: rgba(15, 23, 42, 0.20); } html.theme-light .avatar { border-color: rgba(10, 151, 184, 0.40); box-shadow: 0 6px 20px rgba(15, 23, 42, 0.12); } html.theme-light .avatar-default { background: linear-gradient(135deg, rgba(10, 151, 184, 0.14), rgba(157, 0, 214, 0.08)); border-color: rgba(10, 151, 184, 0.30); } /* --- Stat cells --- */ html.theme-light .stat-cell { background: rgba(15, 23, 42, 0.03); } html.theme-light .stat-v { color: #0f1729; } /* --- Tabs --- */ html.theme-light .tab:hover { color: #0f1729; background: rgba(15, 23, 42, 0.04); } html.theme-light .tab.active { box-shadow: 0 0 0 1px rgba(10, 151, 184, 0.30) inset; } /* --- Cards --- */ html.theme-light .card { box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08); } /* --- Form inputs --- */ html.theme-light .field input, html.theme-light .field textarea, html.theme-light .field select { background: #ffffff; } html.theme-light .field input:focus, html.theme-light .field textarea:focus, html.theme-light .field select:focus { background: #ffffff; box-shadow: 0 0 0 3px rgba(10, 151, 184, 0.15); } html.theme-light .pw-bar { background: rgba(15, 23, 42, 0.08); } /* --- Buttons --- */ html.theme-light .btn-primary { color: #ffffff; box-shadow: 0 4px 14px rgba(10, 151, 184, 0.22); } html.theme-light .btn-primary:hover:not(:disabled) { box-shadow: 0 6px 20px rgba(10, 151, 184, 0.30); } html.theme-light .btn-ghost { background: rgba(15, 23, 42, 0.04); } html.theme-light .btn-ghost:hover { color: #0f1729; } html.theme-light .btn-danger { color: #e11d48; } html.theme-light .btn-danger:hover { background: rgba(239, 68, 68, 0.18); color: #b91c1c; } /* --- Toggle switch --- */ html.theme-light .toggle-slider { background: rgba(15, 23, 42, 0.10); } html.theme-light .toggle input:checked + .toggle-slider { background: rgba(10, 151, 184, 0.20); border-color: rgba(10, 151, 184, 0.35); } html.theme-light .toggle input:checked + .toggle-slider::before { box-shadow: 0 0 8px rgba(10, 151, 184, 0.35); } /* --- Toasts --- */ html.theme-light .toast { background: rgba(255, 255, 255, 0.97); box-shadow: 0 12px 30px rgba(15, 23, 42, 0.15); } /* --- Overlays / spinner --- */ html.theme-light .loading-overlay { background: rgba(238, 241, 247, 0.75); } html.theme-light .spinner { border-color: rgba(10, 151, 184, 0.20); } html.theme-light .modal-overlay { background: rgba(15, 23, 42, 0.45); } /* --- Modal --- */ html.theme-light .modal { background: #ffffff; box-shadow: 0 30px 80px rgba(15, 23, 42, 0.25); } html.theme-light .modal h3 { color: #0f1729; } /* --- API keys table --- */ html.theme-light .keys-table th { background: rgba(15, 23, 42, 0.04); } html.theme-light .keys-table td { border-bottom-color: rgba(15, 23, 42, 0.08); } html.theme-light .keys-table tbody tr:hover { background: rgba(15, 23, 42, 0.03); } html.theme-light .key-code { background: rgba(15, 23, 42, 0.06); color: #0e7490; } html.theme-light .new-key-row code { background: rgba(15, 23, 42, 0.06); } /* --- Profile dropdown (top right) --- */ html.theme-light .profile-dd-btn { background: rgba(15, 23, 42, 0.03); color: #0f1729; } html.theme-light .profile-dd-menu { background: #ffffff; box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18); } html.theme-light .profile-dd-menu a { color: #0f1729; } html.theme-light .profile-dd-menu a:hover { background: rgba(10, 151, 184, 0.08); } html.theme-light .profile-dd-menu a i { color: #64748b; } html.theme-light .profile-dd-menu a.logout, html.theme-light .profile-dd-menu a.logout i { color: #e11d48; } /* --- Payment-method switch (second inline