/* ===== Genexts Light mode =====
   Generated by gen_light.py from style.css, polish.css and inline styles,
   then hand-tuned rules at the bottom (theme-light-extra section). */
html[data-theme="light"] { color-scheme: light; --bg-primary: #f6f7f9; --bg-secondary: #ffffff; --bg-tertiary: #eef1f5;
  --bg-card: rgba(15,23,42,0.04); --bg-card-hover: rgba(15,23,42,0.07); --glass-bg: rgba(255,255,255,0.7);
  --text-primary: #0f172a; --text-secondary: #475569; --text-muted: #64748b;
  --glass-border: 1px solid rgba(15,23,42,0.1); --shadow-elevated: 0 10px 30px rgba(15,23,42,0.08);
  --brand-ink: #0d9488; }
:root:not([data-theme="light"]) { --brand-ink: var(--brand, #2ee6b6); }

/* ---- from style.css ---- */
html[data-theme="light"] .progress-bar-container { background: rgba(15,23,42,0.075); }
html[data-theme="light"] .loading-status { color: rgba(15,23,42,0.59); }
html[data-theme="light"] .premium-login { background: rgba(255,255,255,0.7); border: 1px solid rgba(6, 182, 212, 0.2); box-shadow: 0 20px 50px rgba(15,23,42,0.14), inset 0 0 20px rgba(6, 182, 212, 0.05); }
html[data-theme="light"] .auth-tabs { background: rgba(15,23,42,0.036); }
html[data-theme="light"] .auth-tab.active { background: rgba(15,23,42,0.075); color: #1c1c1c; box-shadow: 0 2px 10px rgba(15,23,42,0.06); }
html[data-theme="light"] .input-group input { background: rgba(15,23,42,0.036); color: #1c1c1c; outline: none; }
html[data-theme="light"] .input-group input:focus { box-shadow: 0 0 15px rgba(6, 182, 212, 0.15); background: rgba(15,23,42,0.06); }
html[data-theme="light"] .btn-toggle-password:hover { color: #1c1c1c; }
html[data-theme="light"] .password-strength { background: rgba(15,23,42,0.075); }
html[data-theme="light"] .divider::before, html[data-theme="light"] .divider::after { background: rgba(15,23,42,0.075); }
html[data-theme="light"] .auth-error-msg { background: rgba(239, 68, 68, 0.1); color: #9c0d0d; border: 1px solid rgba(239, 68, 68, 0.3); }
html[data-theme="light"] .btn-loader { border: 2px solid rgba(15,23,42,0.22); border-top-color: white; }
html[data-theme="light"] .launcher-header { background: rgba(255,255,255,0.4); }
html[data-theme="light"] .app-card::before { background: linear-gradient(135deg, rgba(15,23,42,0.075), transparent); }
html[data-theme="light"] .btn-primary { color: white; border: none; }
html[data-theme="light"] .btn-secondary { background: rgba(15,23,42,0.075); color: #1c1c1c; }
html[data-theme="light"] .btn-secondary:hover { background: rgba(15,23,42,0.15); }
html[data-theme="light"] .btn-icon { border: none; color: white; }
html[data-theme="light"] .modern-select { background: rgba(255,255,255,0.6); color: #1c1c1c; outline: none; }
html[data-theme="light"] .chat-input-area input { background: transparent; border: none; color: #1c1c1c; outline: none; }
html[data-theme="light"] .ai-message { background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .upload-area { border: 2px dashed rgba(15,23,42,0.22); }
html[data-theme="light"] .upload-area:hover { background: rgba(15,23,42,0.038); }
html[data-theme="light"] .tool-card { background: #ffffff; }
html[data-theme="light"] .tool-card:hover { background: rgba(15,23,42,0.075); }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(15,23,42,0.15); }
html[data-theme="light"] .chat-message strong { color: #1c1c1c; }
html[data-theme="light"] .chat-message blockquote { color: var(--text-secondary); background: rgba(15,23,42,0.038); }
html[data-theme="light"] .chat-message .inline-code { background: rgba(15,23,42,0.036); color: var(--color-success); }
html[data-theme="light"] .dynamic-avatar { color: #1c1c1c; }
html[data-theme="light"] .profile-menu { background: rgba(255,255,255,0.95); border: 1px solid rgba(15,23,42,0.145); box-shadow: 0 10px 30px rgba(15,23,42,0.14); }
html[data-theme="light"] .profile-menu-header { border-bottom: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .btn-menu { background: none; border: none; color: #1c1c1c; }
html[data-theme="light"] .btn-menu:hover { background: rgba(15,23,42,0.038); }
html[data-theme="light"] .menu-divider { background: rgba(15,23,42,0.038); }
html[data-theme="light"] .text-danger { color: #9c0d0d !important; }
html[data-theme="light"] .credits-badge { background: rgba(15,23,42,0.048); border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .credits-badge:hover { background: rgba(15,23,42,0.42); }
html[data-theme="light"] .sidebar-chat-item:hover, html[data-theme="light"] .sidebar-chat-item.active { background: rgba(15,23,42,0.038); color: #1c1c1c; }
html[data-theme="light"] .sidebar-bottom-section { border-top: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .sidebar-profile-name { color: #1c1c1c; }
html[data-theme="light"] .model-tag { color: var(--text-secondary); background: rgba(15,23,42,0.024); border: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] #genexts-global-input { border: 1px solid rgba(15,23,42,0.087); color: #1c1c1c; outline: none; box-shadow: 0 4px 20px rgba(15,23,42,0.09); }
html[data-theme="light"] #genexts-global-input::placeholder { color: rgba(15,23,42,0.59); }
html[data-theme="light"] .genexts-send-btn { color: white; border: none; }
html[data-theme="light"] .genexts-pill { background: transparent; border: 1px solid rgba(15,23,42,0.145); color: var(--text-secondary); }
html[data-theme="light"] .genexts-pill:hover { background: rgba(15,23,42,0.038); color: #1c1c1c; border-color: rgba(15,23,42,0.22); }
html[data-theme="light"] .genexts-app-header { border-bottom: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .sidebar { border-right: 1px solid rgba(15,23,42,0.087) !important; }
html[data-theme="light"] .sidebar-brand-text .brand-name { color: #1c1c1c; }
html[data-theme="light"] .sidebar-brand-text .brand-tagline { color: #606f85; }
html[data-theme="light"] .sidebar-toggle-btn:hover { background: rgba(15,23,42,0.038); color: #1c1c1c; }
html[data-theme="light"] .sidebar-item:hover, html[data-theme="light"] .sidebar-item.active { background-color: rgba(15,23,42,0.022) !important; color: #1c1c1c !important; }
html[data-theme="light"] .sidebar.collapsed .sidebar-item::after { color: #1c1c1c; border: 1px solid rgba(15,23,42,0.145); box-shadow: 0 4px 12px rgba(15,23,42,0.09); }
html[data-theme="light"] .profile-avatar { background: #1e293b; color: #1c1c1c; background-size: cover; background-position: center; }
html[data-theme="light"] .voice-assistant-btn { background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(157, 0, 255, 0.1)); border: 1px solid rgba(6, 182, 212, 0.3); color: #1c1c1c; box-shadow: 0 4px 15px rgba(6, 182, 212, 0.05); }
html[data-theme="light"] .voice-assistant-btn.listening { color: #000; border-color: transparent; }
html[data-theme="light"] .voice-panel { background: rgba(247,248,251,0.85); border: 1px solid rgba(15,23,42,0.087); box-shadow: 0 10px 40px rgba(15,23,42,0.14); }
html[data-theme="light"] .voice-panel-header { border-bottom: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .voice-header-title p { color: rgba(15,23,42,0.7); }
html[data-theme="light"] .voice-selection-area { border-bottom: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .voice-select-label { color: #0f172a; }
html[data-theme="light"] .voice-dropdown { background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .voice-more-voices { background: rgba(15,23,42,0.024); border: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .voice-more-header { border-bottom: 1px solid rgba(15,23,42,0.087); color: rgba(15,23,42,0.92); }
html[data-theme="light"] .voice-radio { border: 1px solid rgba(15,23,42,0.22); }
html[data-theme="light"] .voice-info p { color: rgba(15,23,42,0.7); }
html[data-theme="light"] .voice-play-btn { background: rgba(15,23,42,0.075); border: none; color: #1c1c1c; }
html[data-theme="light"] #voice-sub-text { color: rgba(15,23,42,0.7); }
html[data-theme="light"] .voice-privacy-area { background: rgba(15,23,42,0.022); color: rgba(15,23,42,0.81); }
html[data-theme="light"] .privacy-text h4 { color: #0f172a; }
html[data-theme="light"] .cv-ghost-btn { background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.122); color: var(--text-primary); }
html[data-theme="light"] .cv-ghost-btn:hover { background: rgba(15,23,42,0.06); border-color: rgba(15,23,42,0.214); }
html[data-theme="light"] .cv-left, html[data-theme="light"] .cv-right { background: rgba(15,23,42,0.019); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .cv-roster-item { background: rgba(15,23,42,0.022); }
html[data-theme="light"] .cv-suggestion { background: transparent; border: 1px dashed rgba(15,23,42,0.168); color: var(--text-secondary); }
html[data-theme="light"] .cv-step:hover { background: rgba(15,23,42,0.019); }
html[data-theme="light"] .cv-step.warn .cv-step-detail { color: #935f06; }
html[data-theme="light"] .cv-composer { border-top: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] #cv-input { background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.122); color: var(--text-primary); outline: none; }
html[data-theme="light"] .cv-send { border: none; color: #fff; }
html[data-theme="light"] .cv-tabbar { border-bottom: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .cv-seg { background: rgba(15,23,42,0.03); }
html[data-theme="light"] .cv-seg-btn.active { background: rgba(15,23,42,0.068); color: var(--text-primary); }
html[data-theme="light"] .cv-code { background: #f7f8fa; color: #5685ae; }
html[data-theme="light"] .studio-tabs { border-bottom: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .studio-tab { background: transparent; border: none; color: rgba(15,23,42,0.81); }
html[data-theme="light"] .studio-tab:hover { background: rgba(15,23,42,0.038); color: #1c1c1c; }
html[data-theme="light"] .project-sidebar { background: rgba(255,255,255,0.95); border-right: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .project-sidebar-header { border-bottom: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .project-icon-box { box-shadow: 0 4px 12px rgba(6, 182, 212, 0.3); }
html[data-theme="light"] .project-nav-item:hover { background: rgba(15,23,42,0.022); color: var(--text-primary); }
html[data-theme="light"] .project-main-area { background: radial-gradient(circle at top right, #ffffff 0%, var(--bg-primary) 100%); }
html[data-theme="light"] .project-header { border-bottom: 1px solid rgba(15,23,42,0.087); background: rgba(255,255,255,0.3); }
html[data-theme="light"] .empty-state-card { box-shadow: 0 8px 32px rgba(15,23,42,0.06); }
html[data-theme="light"] .empty-icon { filter: drop-shadow(0 4px 8px rgba(15,23,42,0.06)); }
html[data-theme="light"] .integrations-header h2 { background: linear-gradient(to right, #fff, var(--accent-primary)); -webkit-background-clip: text; }
html[data-theme="light"] .integration-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .integration-card:hover { background: rgba(15,23,42,0.038); border-color: rgba(6, 182, 212, 0.3); box-shadow: 0 10px 20px rgba(15,23,42,0.06), 0 0 15px rgba(6, 182, 212, 0.1); }
html[data-theme="light"] .integration-icon { background: rgba(15,23,42,0.038); }
html[data-theme="light"] .btn-connect { background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.145); color: var(--text-primary); }
html[data-theme="light"] .btn-connect:hover { color: #000; }
html[data-theme="light"] .integration-icon-img { background: white; box-shadow: 0 2px 8px rgba(15,23,42,0.03); }
html[data-theme="light"] .settings-tab { background: transparent; border: none; color: #5c5c5c; }
html[data-theme="light"] .settings-tab:hover { color: #1c1c1c; background: rgba(15,23,42,0.038); }
html[data-theme="light"] .settings-tab.active { color: #1c1c1c; background: rgba(0, 242, 254, 0.1); }
html[data-theme="light"] .settings-content { background: rgba(255,255,255,0.4); border: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .setting-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .history-item { background: rgba(15,23,42,0.015); border: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .history-item:hover { background: rgba(15,23,42,0.038); border-color: rgba(0, 242, 254, 0.3); }
html[data-theme="light"] .history-info h4 { color: #1c1c1c; }
html[data-theme="light"] .icon-btn:hover { background: rgba(15,23,42,0.075); }
html[data-theme="light"] .memory-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .plan-card { background: linear-gradient(180deg, #ffffff, #ffffff); border: 1px solid rgba(15,23,42,0.111); }
html[data-theme="light"] .plan-card.popular { box-shadow: 0 24px 60px -24px color-mix(in srgb, var(--plan) 70%, transparent), inset 0 1px 0 rgba(15,23,42,0.03); }
html[data-theme="light"] .plan-badge { color: #1c1c1c; }
html[data-theme="light"] .plan-badge.ghost { background: rgba(15,23,42,0.06); color: var(--text-secondary); }
html[data-theme="light"] .plan-benefits li { color: #151a23; }
html[data-theme="light"] .plan-cta { border: 1px solid rgba(15,23,42,0.168); background: rgba(15,23,42,0.038); color: var(--text-primary); }
html[data-theme="light"] .plan-cta:hover { background: rgba(15,23,42,0.075); }
html[data-theme="light"] .plan-card.popular .plan-cta { color: #1c1c1c; border-color: transparent; }
html[data-theme="light"] .plan-cta:disabled { background: transparent; color: var(--text-secondary); border-color: rgba(15,23,42,0.122); }
html[data-theme="light"] .pl-compare-toggle { background: transparent; border: 1px solid rgba(15,23,42,0.145); color: var(--text-primary); }
html[data-theme="light"] .pl-compare-toggle:hover { background: rgba(15,23,42,0.038); }
html[data-theme="light"] .pl-table-wrap { border: 1px solid rgba(15,23,42,0.111); background: rgba(15,23,42,0.015); }
html[data-theme="light"] .pl-table th, html[data-theme="light"] .pl-table td { border-bottom: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .pl-table .no { color: rgba(15,23,42,0.37); }
html[data-theme="light"] .cr-balance-card { background: radial-gradient(120% 140% at 0% 0%, rgba(6,182,212,0.16), transparent 55%), radial-gradient(120% 140% at 100% 100%, rgba(139,92,246,0.16), transparent 55%), #ffffff; border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .cr-plan-badge { background: rgba(15,23,42,0.053); border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .cr-btn { border: 1px solid rgba(15,23,42,0.168); background: rgba(15,23,42,0.038); color: var(--text-primary); }
html[data-theme="light"] .cr-btn:hover { background: rgba(15,23,42,0.075); }
html[data-theme="light"] .cr-btn.primary { border-color: transparent; color: #fff; }
html[data-theme="light"] .cr-stat { background: rgba(15,23,42,0.022); border: 1px solid rgba(15,23,42,0.111); }
html[data-theme="light"] .cr-meter { background: rgba(15,23,42,0.06); }
html[data-theme="light"] .pack-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.111); }
html[data-theme="light"] .cr-panel { background: #ffffff; border: 1px solid rgba(15,23,42,0.111); }
html[data-theme="light"] .cr-cost-row, html[data-theme="light"] .cr-activity-row { border-bottom: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .cr-activity-row .amt.minus { color: #bd0909; }
html[data-theme="light"] .sb-credits { background: radial-gradient(140% 120% at 0% 0%, rgba(6,182,212,0.14), transparent 60%), rgba(15,23,42,0.022); border: 1px solid rgba(15,23,42,0.111); }
html[data-theme="light"] .sb-plan-name { background: rgba(15,23,42,0.053); color: var(--text-secondary); }
html[data-theme="light"] .sb-btn { background: rgba(15,23,42,0.038); color: var(--text-primary); border: 1px solid rgba(15,23,42,0.134); }
html[data-theme="light"] .sb-btn:hover { background: rgba(15,23,42,0.075); }
html[data-theme="light"] .sb-btn.primary { border-color: transparent; color: #fff; }
html[data-theme="light"] .home-greeting .highlight { background: linear-gradient(90deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)); color: var(--brand, #2ee6b6); -webkit-background-clip: text; background-clip: text; }
html[data-theme="light"] .home-composer { background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.134); box-shadow: 0 20px 50px -25px rgba(15,23,42,0.14); }
html[data-theme="light"] .home-composer:focus-within { border-color: rgba(var(--brand-rgb, 46, 230, 182), 0.45); box-shadow: 0 20px 50px -25px rgba(15,23,42,0.14), 0 0 0 4px rgba(var(--brand-rgb, 46, 230, 182), 0.08); }
html[data-theme="light"] .home-composer input::placeholder { color: rgba(15,23,42,0.535); }
html[data-theme="light"] .home-send { border: none; color: #0b0e14; background: linear-gradient(135deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)); }
html[data-theme="light"] .home-action { background: rgba(15,23,42,0.019); border: 1px solid rgba(15,23,42,0.111); color: var(--text-primary); }
html[data-theme="light"] .home-action:hover { background: rgba(15,23,42,0.038); }
html[data-theme="light"] .sb-btn:not(.primary):hover { color: var(--text-primary); background: rgba(15,23,42,0.03); }
html[data-theme="light"] .chat-header { border-bottom: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .chat-icon-btn:hover { background: rgba(15,23,42,0.045); color: var(--text-primary); }
html[data-theme="light"] .chat-icon-btn.active { color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), 0.12); }
html[data-theme="light"] #btn-voice-chat.listening { color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), 0.15); }
html[data-theme="light"] .chat-pill-select { color: var(--text-primary); border: 1px solid rgba(15,23,42,0.122); background: rgba(15,23,42,0.03) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 0.7rem center; }
html[data-theme="light"] .chat-pill-select:hover { border-color: rgba(15,23,42,0.214); background-color: rgba(15,23,42,0.053); }
html[data-theme="light"] .chat-pill-select option { background: #ffffff; color: var(--text-primary); }
html[data-theme="light"] .chat-more-menu { background: #ffffff; border: 1px solid rgba(15,23,42,0.134); box-shadow: 0 18px 40px rgba(15,23,42,0.14); }
html[data-theme="light"] .chat-more-menu button:hover { background: rgba(15,23,42,0.045); }
html[data-theme="light"] .chat-empty-mark { color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), 0.1); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.25); }
html[data-theme="light"] .chat-suggestion { color: var(--text-secondary); background: rgba(15,23,42,0.019); border: 1px solid rgba(15,23,42,0.111); }
html[data-theme="light"] .chat-suggestion:hover { color: var(--text-primary); background: rgba(15,23,42,0.038); border-color: rgba(var(--brand-rgb, 46, 230, 182), 0.35); }
html[data-theme="light"] #chat-history .chat-message { border: none; background: none; box-shadow: none; color: #181b20; }
html[data-theme="light"] #chat-history .chat-message.user-message { background: rgba(15,23,42,0.053); color: #1c1c1c; }
html[data-theme="light"] .ai-avatar { color: #0b0e14; background: linear-gradient(135deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)); }
html[data-theme="light"] .msg-action:hover { background: rgba(15,23,42,0.045); color: var(--text-primary); }
html[data-theme="light"] .chat-composer { background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.134); box-shadow: 0 20px 50px -25px rgba(15,23,42,0.14); }
html[data-theme="light"] .chat-composer:focus-within { border-color: rgba(var(--brand-rgb, 46, 230, 182), 0.45); box-shadow: 0 20px 50px -25px rgba(15,23,42,0.14), 0 0 0 4px rgba(var(--brand-rgb, 46, 230, 182), 0.08); }
html[data-theme="light"] #chat-input::placeholder { color: rgba(15,23,42,0.535); }
html[data-theme="light"] .chat-send { border: none; color: #0b0e14; background: linear-gradient(135deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)); }
html[data-theme="light"] .chat-send.stop { background: rgba(239,68,68,0.15); color: #bd0909; }
html[data-theme="light"] #canvas-view .cv-roster-item { background: rgba(15,23,42,0.019); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] #canvas-view .chat-composer #cv-input::placeholder { color: rgba(15,23,42,0.535); }
html[data-theme="light"] .cv-open-btn { color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), 0.1); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.3); }
html[data-theme="light"] .cv-open-btn:hover { background: rgba(var(--brand-rgb, 46, 230, 182), 0.18); }
html[data-theme="light"] .cv-panel { background: #ffffff; border: 1px solid rgba(15,23,42,0.111); box-shadow: 0 20px 50px -30px rgba(15,23,42,0.14); }
html[data-theme="light"] .cv-panel-bar { border-bottom: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .cv-panel .cv-file-tabs { border-top: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .cv-panel.expanded { background: #ffffff; border-color: rgba(15,23,42,0.145); box-shadow: 0 40px 120px rgba(15,23,42,0.14); }
html[data-theme="light"] .cv-backdrop { background: rgba(15,23,42,0.42); }
html[data-theme="light"] .ws-btn { color: var(--text-primary); background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.134); }
html[data-theme="light"] .ws-btn:hover { background: rgba(15,23,42,0.068); border-color: rgba(15,23,42,0.214); }
html[data-theme="light"] .ws-btn.primary { color: #0b0e14; border-color: transparent; background: linear-gradient(135deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)); }
html[data-theme="light"] .ws-btn.danger { color: #bd0909; border-color: rgba(248,113,113,0.25); background: rgba(248,113,113,0.06); }
html[data-theme="light"] .chat-icon-btn.danger:hover { color: #bd0909; background: rgba(248,113,113,0.1); }
html[data-theme="light"] .ws-back:hover { color: var(--text-primary); background: rgba(15,23,42,0.038); }
html[data-theme="light"] .ws-empty { border: 1px dashed rgba(15,23,42,0.134); }
html[data-theme="light"] .ws-empty-icon { background: rgba(var(--brand-rgb, 46, 230, 182), 0.08); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.18); }
html[data-theme="light"] .ws-skeleton { background: linear-gradient(90deg, rgba(15,23,42,0.022), rgba(15,23,42,0.053), rgba(15,23,42,0.022)); background-size: 200% 100%; }
html[data-theme="light"] .pj-card { color: var(--text-primary); background: #ffffff; border: 1px solid rgba(15,23,42,0.111); }
html[data-theme="light"] .pj-card:hover { background: rgba(15,23,42,0.038); }
html[data-theme="light"] .pj-new { color: var(--text-secondary); background: transparent; border-color: rgba(15,23,42,0.168); }
html[data-theme="light"] .pj-new:hover { color: var(--brand, #2ee6b6); border-color: rgba(var(--brand-rgb, 46, 230, 182), 0.45); background: rgba(var(--brand-rgb, 46, 230, 182), 0.04); }
html[data-theme="light"] .pj-new-plus { background: rgba(15,23,42,0.038); }
html[data-theme="light"] .pj-mem-row { background: rgba(15,23,42,0.022); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .ws-tabs { background: rgba(15,23,42,0.022); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .ws-tab.active { color: var(--text-primary); background: rgba(15,23,42,0.06); }
html[data-theme="light"] .ws-tab-count { background: rgba(var(--brand-rgb, 46, 230, 182), 0.14); color: var(--brand, #2ee6b6); }
html[data-theme="light"] .ws-textarea { color: var(--text-primary); background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .hs-search { color: var(--text-secondary); background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .hs-group { background: #ffffff; border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] #project-chat-list .hs-row { background: rgba(15,23,42,0.019); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .hs-row { border-top: 1px solid rgba(15,23,42,0.087); }
html[data-theme="light"] .hs-row:hover { background: rgba(15,23,42,0.03); }
html[data-theme="light"] .st-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.111); }
html[data-theme="light"] .st-row { border-top: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .st-row-title.danger { color: #bd0909; }
html[data-theme="light"] .st-avatar { color: #0b0e14; background: linear-gradient(135deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)); }
html[data-theme="light"] .st-badge { color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), 0.12); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.25); }
html[data-theme="light"] .st-stat { border-left: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .st-stat-value.accent { background: linear-gradient(135deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)); -webkit-background-clip: text; background-clip: text; }
html[data-theme="light"] .st-stats + .st-row { border-top: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .st-usage-track { background: rgba(15,23,42,0.045); }
html[data-theme="light"] .st-usage-bar { background: linear-gradient(90deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)); }
@media (max-width: 720px) {
  html[data-theme="light"] .st-stat { border-left: none; border-top: 1px solid rgba(15,23,42,0.099); }
}
html[data-theme="light"] .st-conn-badge { color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), 0.12); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.25); }
html[data-theme="light"] .gm-chip { color: var(--text-secondary); background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .gm-draft-head { border-bottom: 1px solid rgba(15,23,42,0.099); background: rgba(15,23,42,0.015); }
html[data-theme="light"] .gm-draft-state { color: var(--text-secondary); background: rgba(15,23,42,0.045); }
html[data-theme="light"] .gm-field { border-bottom: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .gm-draft-actions { border-top: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .gm-connect { background: rgba(15,23,42,0.022); border: 1px solid rgba(15,23,42,0.134); }
html[data-theme="light"] .gw-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.134); }
html[data-theme="light"] .gw-card.sent .gm-draft-state { color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), 0.12); }
html[data-theme="light"] .th-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.111); }
html[data-theme="light"] .th-card:hover { background: rgba(15,23,42,0.034); border-color: rgba(15,23,42,0.179); }
html[data-theme="light"] .th-card.soon .th-icon { background: rgba(15,23,42,0.06); }
html[data-theme="light"] .th-pill { color: var(--text-secondary); background: rgba(15,23,42,0.053); }
html[data-theme="light"] .th-pill.on { color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), 0.12); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.25); }
html[data-theme="light"] .th-try { color: var(--text-secondary); background: rgba(15,23,42,0.022); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .md-table-wrap { border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .md-table th, html[data-theme="light"] .md-table td { border-bottom: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .md-table th { background: rgba(15,23,42,0.03); }
html[data-theme="light"] .th-error { color: #bd0909; }
html[data-theme="light"] .gm-draft-note.error, html[data-theme="light"] .gm-connect-text span.error { color: #bd0909; }
html[data-theme="light"] .gw-code { background: rgba(15,23,42,0.03); }
html[data-theme="light"] .gm-field select option { background: #ffffff; }
html[data-theme="light"] .gw-image-prompt { border-top: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .canva-preview img { border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .mp-btn { color: var(--text-primary); background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .mp-btn:hover, html[data-theme="light"] .mp-btn[aria-expanded="true"] { border-color: rgba(15,23,42,0.22); background: rgba(15,23,42,0.053); }
html[data-theme="light"] .mp-badge.free { color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), 0.12); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.3); }
html[data-theme="light"] .mp-badge.credits { color: #9b7103; background: rgba(251,191,36,0.1); border: 1px solid rgba(251,191,36,0.3); }
html[data-theme="light"] .mp-pop { background: #ffffff; border: 1px solid rgba(15,23,42,0.145); box-shadow: 0 18px 50px rgba(15,23,42,0.14); }
html[data-theme="light"] .mp-item:hover { background: rgba(15,23,42,0.038); }
html[data-theme="light"] .mp-item[aria-selected="true"] { background: rgba(var(--brand-rgb, 46, 230, 182), 0.08); box-shadow: inset 0 0 0 1px rgba(var(--brand-rgb, 46, 230, 182), 0.25); }
html[data-theme="light"] .cv-gh-btn { color: var(--text-primary); background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .cv-gh-btn:hover { background: rgba(15,23,42,0.068); border-color: rgba(15,23,42,0.22); }
html[data-theme="light"] .gh-dialog { border: 1px solid rgba(15,23,42,0.145); background: #ffffff; color: var(--text-primary); box-shadow: 0 30px 80px rgba(15,23,42,0.14); }
html[data-theme="light"] .gh-dialog::backdrop { background: rgba(15,23,42,0.42); }
html[data-theme="light"] .gh-field input:not([type="radio"]) { color: var(--text-primary); background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.145); outline: none; }
html[data-theme="light"] .gh-vis { background: rgba(15,23,42,0.022); border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .gh-vis:has(input:checked) { border-color: rgba(var(--brand-rgb, 46, 230, 182), 0.5); background: rgba(var(--brand-rgb, 46, 230, 182), 0.07); }
html[data-theme="light"] .gh-error { color: #bd0909; }
html[data-theme="light"] .cv-gh-saved { background: rgba(var(--brand-rgb, 46, 230, 182), 0.06); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.25); }
html[data-theme="light"] #login-view:not(.hidden) { background: radial-gradient(1200px 600px at 50% -10%, rgba(var(--brand-rgb, 46, 230, 182), 0.12), transparent 60%), var(--bg-primary, #f7f8fa); }
html[data-theme="light"] .lg-card { background: rgba(255,255,255,0.85); border: 1px solid rgba(15,23,42,0.122); box-shadow: 0 30px 80px rgba(15,23,42,0.135); }
html[data-theme="light"] .lg-tabs { background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .lg-tab.active { background: rgba(15,23,42,0.068); color: var(--text-primary); }
html[data-theme="light"] .lg-provider { color: var(--text-primary); background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .lg-provider:hover { background: rgba(15,23,42,0.068); border-color: rgba(15,23,42,0.22); }
html[data-theme="light"] .lg-divider::before, html[data-theme="light"] .lg-divider::after { background: rgba(15,23,42,0.06); }
html[data-theme="light"] .lg-alert.error { color: #de0707; background: rgba(248,113,113,0.08); border: 1px solid rgba(248,113,113,0.3); }
html[data-theme="light"] .lg-alert.success { color: #6ee7c8; background: rgba(var(--brand-rgb, 46, 230, 182), 0.08); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.3); }
html[data-theme="light"] .lg-field input { color: var(--text-primary); background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.145); outline: none; }
html[data-theme="light"] .lg-checks li.ok { color: var(--brand-ink); }
html[data-theme="light"] .lg-submit { border: none; color: #0b0e14; background: linear-gradient(135deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)); }
html[data-theme="light"] .lg-link { border: none; background: none; color: var(--brand-ink); }
html[data-theme="light"] #privacy-view:not(.hidden) { background: var(--bg-primary, #f7f8fa); }
html[data-theme="light"] .pv-inner a { color: var(--brand-ink); }
html[data-theme="light"] .pv-summary { background: rgba(var(--brand-rgb, 46, 230, 182), 0.06); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.22); }
html[data-theme="light"] .st-switch span { background: rgba(15,23,42,0.105); }
html[data-theme="light"] .st-switch input:checked + span { background: var(--brand, #2ee6b6); }
html[data-theme="light"] .st-badge.warn { color: #9b7103; background: rgba(251,191,36,0.1); border-color: rgba(251,191,36,0.3); }
html[data-theme="light"] .del-icon { background: rgba(248,113,113,0.15) !important; color: #bd0909 !important; }
html[data-theme="light"] .verify-banner { color: #d3aa04; background: rgba(251,191,36,0.08); border: 1px solid rgba(251,191,36,0.3); }
html[data-theme="light"] .th-tools em { color: var(--brand-ink); }
html[data-theme="light"] .th-add-plus { background: rgba(var(--brand-rgb, 46, 230, 182), 0.1); color: var(--brand, #2ee6b6); }
html[data-theme="light"] .gh-select { color: var(--text-primary); background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .gh-select option { background: #ffffff; }
html[data-theme="light"] .cb-progress { background: rgba(var(--brand-rgb, 46, 230, 182), 0.05); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.2); }
html[data-theme="light"] .cb-models .cb-ok span { color: var(--brand-ink); }
html[data-theme="light"] .cb-models .cb-fail span { color: #bd0909; }
html[data-theme="light"] .cb-how { color: var(--text-secondary); border-top: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .veo-opts select { color: var(--text-primary); background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.168); }
html[data-theme="light"] .veo-opts select option { background: #ffffff; }
html[data-theme="light"] .cv-mode { background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .cv-mode button.on { background: rgba(var(--brand-rgb, 46, 230, 182), 0.15); color: var(--text-primary); }
html[data-theme="light"] .ag-lines { background: rgba(15,23,42,0.042); }
html[data-theme="light"] .ag-add { color: #198a42; }
html[data-theme="light"] .ag-del { color: #bd0909; }
html[data-theme="light"] .cv-agent-bar select { color: var(--text-primary); background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.168); }
html[data-theme="light"] .cv-agent-bar select option { background: #ffffff; }
html[data-theme="light"] .ws-dot.on { background: var(--brand, #2ee6b6); box-shadow: 0 0 8px rgba(var(--brand-rgb, 46, 230, 182), 0.7); }
html[data-theme="light"] .cv-link { background: none; border: 0; color: var(--brand-ink); }
html[data-theme="light"] .ws-cmd { background: rgba(15,23,42,0.048); }
html[data-theme="light"] .ag-links a { color: var(--brand-ink); }
html[data-theme="light"] .bt-count { color: var(--text-secondary); background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .bt-boss { background: radial-gradient(600px 220px at 0% 0%, rgba(var(--brand-rgb, 46, 230, 182), 0.16), transparent 70%), linear-gradient(135deg, rgba(15,23,42,0.038), rgba(15,23,42,0.015)); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.22); box-shadow: 0 20px 50px rgba(15,23,42,0.075); }
html[data-theme="light"] .bt-boss-face { background: rgba(var(--brand-rgb, 46, 230, 182), 0.08); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.2); }
html[data-theme="light"] .bt-boss-tag { color: #d3aa04; background: rgba(250,204,21,0.12); border: 1px solid rgba(250,204,21,0.3); }
html[data-theme="light"] .bt-boss-input textarea { color: var(--text-primary); background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.168); outline: none; }
html[data-theme="light"] .bt-card { background: linear-gradient(180deg, #ffffff, #ffffff); border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .bt-card:hover { border-color: rgba(var(--brand-rgb, 46, 230, 182), 0.35); box-shadow: 0 18px 40px rgba(15,23,42,0.09); }
html[data-theme="light"] .bt-card-face { background: #ffffff; }
html[data-theme="light"] .bt-pers { background: rgba(167,139,250,0.14); color: #3506e8; }
html[data-theme="light"] .bt-editor { background: rgba(15,23,42,0.026); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.25); }
html[data-theme="light"] .bt-intro { background: rgba(var(--brand-rgb, 46, 230, 182), 0.08); }
html[data-theme="light"] .bt-face-big { background: radial-gradient(circle at 50% 40%, rgba(15,23,42,0.068), rgba(15,23,42,0.015)); border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .bt-face-opts select, html[data-theme="light"] .bt-fields input, html[data-theme="light"] .bt-fields select, html[data-theme="light"] .bt-fields textarea { color: var(--text-primary); background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.168); outline: none; }
html[data-theme="light"] .bt-face-opts select option, html[data-theme="light"] .bt-fields select option, html[data-theme="light"] .bt-fields select optgroup { background: #ffffff; }
html[data-theme="light"] .bt-tool { background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.145); color: var(--text-primary) !important; }
html[data-theme="light"] .bt-tool:has(input:checked) { border-color: rgba(var(--brand-rgb, 46, 230, 182), 0.5); background: rgba(var(--brand-rgb, 46, 230, 182), 0.08); }
html[data-theme="light"] .chat-bot-chip { background: rgba(var(--brand-rgb, 46, 230, 182), 0.08); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.25); }
html[data-theme="light"] .bt-desk { background: rgba(15,23,42,0.026); border: 1px solid rgba(167,139,250,0.3); }
html[data-theme="light"] .bt-desk-task textarea { color: var(--text-primary); background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.168); outline: none; }
html[data-theme="light"] .bt-step { background: rgba(15,23,42,0.022); }
html[data-theme="light"] .bt-step a { color: var(--brand-ink); }
html[data-theme="light"] .bt-desk-files button { color: var(--text-primary); background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .bt-desk-view { background: #fff; border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .sidebar.collapsed .sidebar-group-label { border-top: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .sidebar-item .icon { background: rgba(15,23,42,0.03); }
html[data-theme="light"] .sidebar-item.active { background: linear-gradient(90deg, rgba(var(--brand-rgb, 46, 230, 182), 0.14), rgba(139,92,246,0.06)) !important; border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.22) !important; box-shadow: none !important; color: #fff !important; }
html[data-theme="light"] .sidebar-item.active .icon { background: rgba(var(--brand-rgb, 46, 230, 182), 0.18); }
html[data-theme="light"] .sidebar-new { color: #0b0e14; background: linear-gradient(90deg, var(--brand, #2ee6b6), #a78bfa); }
html[data-theme="light"] .web-gallery a { background: rgba(15,23,42,0.03); border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .bt-tg { border-color: rgba(56,189,248,0.4) !important; color: #058bcb !important; }
html[data-theme="light"] .sb-install { color: var(--text-primary); background: linear-gradient(90deg, rgba(var(--brand-rgb, 46, 230, 182), 0.14), rgba(0,194,255,0.12)); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.35); }
html[data-theme="light"] .install-sheet { background: rgba(15,23,42,0.42); }
html[data-theme="light"] .install-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.145); color: var(--text-primary); }
html[data-theme="light"] .pdf-card { background: #ffffff; border: 1px solid rgba(15,23,42,0.145); }
html[data-theme="light"] .pdf-icon { color: #1c1c1c; background: linear-gradient(160deg, #f43f5e, #e11d48); box-shadow: 0 6px 16px rgba(225,29,72,0.3); }
html[data-theme="light"] .of-new-card { color: var(--text-primary); background: linear-gradient(160deg, color-mix(in srgb, var(--c) 16%, transparent), #ffffff); }
html[data-theme="light"] .of-file { background: rgba(15,23,42,0.022); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .of-file:hover { background: rgba(15,23,42,0.038); }
html[data-theme="light"] .of-bar { border-bottom: 1px solid rgba(15,23,42,0.111); }
html[data-theme="light"] .of-title:hover, html[data-theme="light"] .of-title:focus { border-color: rgba(15,23,42,0.202); }
html[data-theme="light"] .of-export-menu { background: #ffffff; border: 1px solid rgba(15,23,42,0.168); box-shadow: 0 16px 40px rgba(15,23,42,0.12); }
html[data-theme="light"] .of-export-menu button:hover { background: rgba(15,23,42,0.053); }
html[data-theme="light"] .of-toolbar { border-bottom: 1px solid rgba(15,23,42,0.111); background: rgba(15,23,42,0.015); }
html[data-theme="light"] .of-toolbar button:hover { background: rgba(15,23,42,0.053); border-color: rgba(15,23,42,0.145); }
html[data-theme="light"] .of-sep { background: rgba(15,23,42,0.09); }
html[data-theme="light"] .of-theme select { background: rgba(15,23,42,0.036); color: var(--text-primary); border: 1px solid rgba(15,23,42,0.168); }
html[data-theme="light"] .of-page { background: #fff; color: #111827; box-shadow: 0 10px 40px rgba(15,23,42,0.105); }
html[data-theme="light"] .of-doc a { color: #0d358c; }
html[data-theme="light"] .of-doc blockquote { border-left: 4px solid #cbd5e1; color: #5d6f89; }
html[data-theme="light"] .of-cellname { background: rgba(15,23,42,0.045); }
html[data-theme="light"] .of-fx { color: var(--text-primary); background: rgba(15,23,42,0.036); border: 1px solid rgba(15,23,42,0.168); outline: none; }
html[data-theme="light"] .of-sheet th { background: #f1f5f9; color: #5d6f89; border: 1px solid #e2e8f0; }
html[data-theme="light"] .of-sheet input.err { color: #841515; }
html[data-theme="light"] .of-thumbs { border-right: 1px solid rgba(15,23,42,0.111); }
html[data-theme="light"] .of-stage { color: var(--fg); box-shadow: 0 16px 50px rgba(15,23,42,0.12); }
html[data-theme="light"] .of-present-overlay { background: #f9f9f9; }
html[data-theme="light"] .of-present-bar { color: rgba(15,23,42,0.755); }
html[data-theme="light"] .of-card { background: linear-gradient(160deg, color-mix(in srgb, var(--c) 12%, transparent), #ffffff); }
html[data-theme="light"] .of-ai-panel { border-top: 1px solid rgba(15,23,42,0.122); background: linear-gradient(180deg, rgba(255,255,255,0.96), #f7f8fa); }
html[data-theme="light"] .of-ai-msg.me { background: rgba(var(--brand-rgb, 46, 230, 182), 0.14); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.25); }
html[data-theme="light"] .of-ai-msg.ai { background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .of-ai-msg.error { border-color: rgba(248,113,113,0.4); color: #de0707; }
html[data-theme="light"] .of-ai-who { color: #3a09cd; }
html[data-theme="light"] .of-ai-changed { color: var(--brand-ink); }
html[data-theme="light"] .of-ai-bar { background: rgba(15,23,42,0.038); border: 1px solid rgba(167,139,250,0.35); }
html[data-theme="light"] .bt-badge { background: var(--brand, #2ee6b6); color: #062; }
html[data-theme="light"] .bt-share-page { background: rgba(247,247,251,0.6); }
html[data-theme="light"] .bt-share-card { background: var(--bg-primary, #ffffff); box-shadow: 0 20px 60px rgba(15,23,42,0.12); }
html[data-theme="light"] .bt-share-tag { color: var(--brand-ink); }
html[data-theme="light"] body.in-chat .sidebar, html[data-theme="light"] body.in-chat .sidebar.collapsed { background-color: #f7f8fa !important; box-shadow: 18px 0 50px rgba(15,23,42,0.14); }
html[data-theme="light"] body.in-chat.nav-open .nav-backdrop { background: rgba(15,23,42,0.042); }
@media (max-width: 768px) {
  html[data-theme="light"] .sidebar, html[data-theme="light"] .sidebar.collapsed { background-color: #f7f8fa !important; box-shadow: 18px 0 50px rgba(15,23,42,0.14); }
  html[data-theme="light"] body.nav-open .nav-backdrop { background: rgba(15,23,42,0.066); }
  html[data-theme="light"] body.has-nav:not(.in-chat) .mobile-nav-btn { color: var(--text-primary); background: rgba(255,255,255,0.85); border: 1px solid rgba(15,23,42,0.134); box-shadow: 0 8px 24px rgba(15,23,42,0.105); }
}
html[data-theme="light"] .bt-tpl:hover:not(:disabled) { border-color: rgba(var(--brand-rgb, 46, 230, 182), .5); background: rgba(var(--brand-rgb, 46, 230, 182), .08); }
html[data-theme="light"] .gxb { background: #f7f8fa; border-left: 1px solid rgba(15,23,42,0.122); box-shadow: -20px 0 60px rgba(15,23,42,0.135); }
html[data-theme="light"] .gxb-tabs { background: #f7f8fa; }
html[data-theme="light"] .gxb-tab.on { background: #ffffff; color: var(--text-primary); }
html[data-theme="light"] .gxb-ic:hover { background: rgba(15,23,42,0.053); color: var(--text-primary); }
html[data-theme="light"] .gxb-bar { background: #ffffff; border-bottom: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .gxb-url { border: 1px solid rgba(15,23,42,0.145); background: #f7f8fa; color: var(--text-primary); outline: none; }
html[data-theme="light"] .gxb-view { background: #f7f8fa; }
html[data-theme="light"] .gxb-banner { background: #ffffff; border: 1px solid rgba(15,23,42,0.168); box-shadow: 0 18px 40px rgba(15,23,42,0.14); }
html[data-theme="light"] .gxb-you { border-color: rgba(251,191,36,.55); background: #fbfaf7; }
html[data-theme="light"] .gxb-err { border-color: rgba(248,113,113,.6); color: #de0707; }
html[data-theme="light"] .gxb-btn { border: 1px solid rgba(15,23,42,0.191); background: rgba(15,23,42,0.038); color: var(--text-primary); }
html[data-theme="light"] .gxb-btn.primary { border: 0; color: #0b0e14; background: linear-gradient(135deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)); }
html[data-theme="light"] .gxb-ask { border-top: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .gxb-task { border: 1px solid rgba(15,23,42,0.145); background: #ffffff; color: var(--text-primary); outline: none; }
html[data-theme="light"] .gxb-go { border: 0; color: #0b0e14; background: linear-gradient(135deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)); }
html[data-theme="light"] .gxb-l-approval, html[data-theme="light"] .gxb-l-user { color: #b28903; }
html[data-theme="light"] .bt-hook input { background: rgba(15,23,42,0.024); border: 1px solid var(--border-color, rgba(148,163,184,.25)); }
html[data-theme="light"] .gxb-model { border: 1px solid rgba(15,23,42,0.145); background: #ffffff; color: var(--text-primary); }
html[data-theme="light"] .gb-card { background: rgba(var(--brand-rgb, 46, 230, 182), 0.06); border: 1px solid rgba(var(--brand-rgb, 46, 230, 182), 0.25); }
html[data-theme="light"] .gb-btn:hover { background: rgba(var(--brand-rgb, 46, 230, 182), 0.12); }
html[data-theme="light"] .gb-btn.gb-primary { background: var(--brand, #2ee6b6); color: #05201a; border-color: transparent; }
html[data-theme="light"] .bt-fb-btn:hover { background: rgba(var(--brand-rgb, 46, 230, 182), .12); }
html[data-theme="light"] .bt-fb-chip.on { background: rgba(var(--brand-rgb, 46, 230, 182), .18); border-color: rgba(var(--brand-rgb, 46, 230, 182), .6); color: var(--text-primary); }
html[data-theme="light"] .bt-lesson { background: rgba(var(--brand-rgb, 46, 230, 182), .1); }
html[data-theme="light"] .bt-gal-cat.on { background: var(--brand, #2ee6b6); color: #05201a; border-color: transparent; }
html[data-theme="light"] .bt-gal-pending { color: #967803; }
html[data-theme="light"] .gb-jobline { background: rgba(var(--brand-rgb, 46, 230, 182), .1); }
html[data-theme="light"] .gx-live { background: radial-gradient(circle at 50% 42%, rgba(var(--brand-rgb, 46, 230, 182), .16), transparent 55%), #f7f8fb; color: #e8edf3; }
html[data-theme="light"] .gxl-lang { background: rgba(15,23,42,0.045); border: 1px solid rgba(15,23,42,0.191); }
html[data-theme="light"] .gxl-core { background: radial-gradient(circle at 35% 30%, #fff 0, var(--brand, #2ee6b6) 28%, var(--brand-2, #14b8a6) 62%, #ffffff 100%); box-shadow: 0 0 60px rgba(var(--brand-rgb, 46, 230, 182), .45); }
html[data-theme="light"] .gx-live[data-state="thinking"] .gxl-core { background: conic-gradient(from 0deg, var(--brand, #2ee6b6), #6366f1, var(--brand-2, #14b8a6), var(--brand, #2ee6b6)); }
html[data-theme="light"] .gxl-you { color: #1c1c1c; }
html[data-theme="light"] .gxl-ai { color: rgba(21,27,35,0.65); }
html[data-theme="light"] .gxl-btn { border: 0; background: rgba(15,23,42,0.068); color: #1c1c1c; }
html[data-theme="light"] .gxl-end { background: #ef4444; }
html[data-theme="light"] .gxl-note { color: rgba(21,27,35,0.45); }
html[data-theme="light"] .chat-toggle.active#btn-research-toggle { color: #3a09cd; background: rgba(167,139,250,.14); }
html[data-theme="light"] .rs-steps li.done::before { color: var(--brand-ink); }
html[data-theme="light"] .rs-steps li.now::before { color: #3a09cd; }
html[data-theme="light"] .pf-drop:hover, html[data-theme="light"] .pf-drop.over, html[data-theme="light"] .pf-drop:focus-visible { border-color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), .06); outline: none; }
html[data-theme="light"] .pf-item.busy small { color: #3a09cd; }
html[data-theme="light"] .pf-item.err small { color: #bd0909; }
html[data-theme="light"] .sh-overlay { background: rgba(15,23,42,0.066); }
html[data-theme="light"] .sh-card { background: var(--bg-secondary, #ffffff); color: var(--text-primary); border: 1px solid var(--border-color, rgba(148,163,184,.2)); box-shadow: 0 20px 60px rgba(15,23,42,0.12); }
html[data-theme="light"] .sh-stop { color: #bd0909; }
html[data-theme="light"] .bt-team-link { background: none; border: 0; color: var(--brand-ink); }
html[data-theme="light"] .bt-team-n { background: rgba(var(--brand-rgb, 46, 230, 182), .2); }

/* ---- from polish.css ---- */
html[data-theme="light"] .sb-btn.primary { background: linear-gradient(135deg, var(--brand, #2ee6b6), var(--brand-2, #14b8a6)) !important; color: #0b0e14 !important; }
html[data-theme="light"] #profile-trigger:hover { background: rgba(15,23,42,0.045) !important; border-color: rgba(15,23,42,0.145) !important; }
html[data-theme="light"] #profile-trigger .profile-plan { color: var(--brand-ink) !important; }
html[data-theme="light"] #profile-trigger .profile-chevron { background: currentColor; color: #606f85; }
html[data-theme="light"] .profile-menu { box-shadow: 0 -10px 40px rgba(15,23,42,0.14) !important; }
html[data-theme="light"] #chat-history .ai-content .markdown-body li::marker { color: var(--text-muted, #606f85); }
html[data-theme="light"] #chat-history .chat-message.user-message { background: rgba(15,23,42,0.056); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .chat-message .inline-code, html[data-theme="light"] .markdown-body code.inline-code { color: #587aa9 !important; background: rgba(15,23,42,0.06) !important; border: 1px solid rgba(15,23,42,0.122); }
html[data-theme="light"] .chat-composer .chat-icon-btn:hover { background: rgba(15,23,42,0.053); color: var(--text-primary, #1c1c1c); }
html[data-theme="light"] .chat-composer .chat-toggle.active, html[data-theme="light"] .chat-composer .chat-toggle[aria-pressed="true"] { color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), 0.12); }
html[data-theme="light"] .chat-suggestion::after { color: var(--brand-ink); }
html[data-theme="light"] .chat-header .chat-icon-btn:hover { background: rgba(15,23,42,0.053); }
html[data-theme="light"] .pj-grid:not(:has(.pj-card:not(.pj-new))) .pj-new-plus { color: var(--brand, #2ee6b6); background: rgba(var(--brand-rgb, 46, 230, 182), 0.1); }
html[data-theme="light"] #project-chats:has(> #project-chat-list:empty)::after { border: 1px dashed rgba(15,23,42,0.145); color: var(--text-secondary); }
@media (max-width: 768px) {
  html[data-theme="light"] .st-stat { border-top: none !important; border-left: 1px solid rgba(15,23,42,0.099) !important; }
}

/* ---- from index.html <style> ---- */
html[data-theme="light"] .markdown-body { color: #181b20; }
html[data-theme="light"] .markdown-body code { background: rgba(15,23,42,0.075); }
html[data-theme="light"] .markdown-body th, html[data-theme="light"] .markdown-body td { border: 1px solid rgba(15,23,42,0.145); }

/* ---- inline style="" attributes ---- */
html[data-theme="light"] [style*="background: rgba(0,0,0,0.8)"] { background: rgba(15,23,42,0.42) !important; }
html[data-theme="light"] [style*="background: rgba(11, 16, 32, 0.95)"] { background: rgba(255,255,255,0.95) !important; }
html[data-theme="light"] [style*="border: 1px solid rgba(255,255,255,0.1)"] { border: 1px solid rgba(15,23,42,0.145) !important; }
html[data-theme="light"] [style*="box-shadow: 0 10px 30px rgba(0,0,0,0.5)"] { box-shadow: 0 10px 30px rgba(15,23,42,0.14) !important; }
html[data-theme="light"] [style^="color: white"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color: white"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color: white"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #1c1c1c !important; }
html[data-theme="light"] [style*="background: rgba(0,0,0,0.3)"] { background: rgba(15,23,42,0.036) !important; }
html[data-theme="light"] [style*="background: rgba(0,0,0,0.5)"] { background: rgba(15,23,42,0.06) !important; }
html[data-theme="light"] [style^="color:#888"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color:#888"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color:#888"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #5c5c5c !important; }
html[data-theme="light"] [style^="color:white"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color:white"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color:white"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #1c1c1c !important; }
html[data-theme="light"] [style*="background: rgba(18, 24, 38, 0.7)"] { background: rgba(255,255,255,0.7) !important; }
html[data-theme="light"] [style^="color: #94a3b8"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color: #94a3b8"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color: #94a3b8"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #49596e !important; }
html[data-theme="light"] [style*="background: rgba(10, 15, 25, 0.8)"] { background: rgba(247,248,251,0.8) !important; }
html[data-theme="light"] [style*="background: rgba(15, 20, 30, 0.9)"] { background: rgba(255,255,255,0.9) !important; }
html[data-theme="light"] [style*="border: 1px solid rgba(255,255,255,0.08)"] { border: 1px solid rgba(15,23,42,0.122) !important; }
html[data-theme="light"] [style^="color: #cbd5e1"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color: #cbd5e1"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color: #cbd5e1"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #2a3746 !important; }
html[data-theme="light"] [style*="background: rgba(255,255,255,0.08)"] { background: rgba(15,23,42,0.06) !important; }
html[data-theme="light"] [style*="border: 1px solid rgba(255,255,255,0.2)"] { border: 1px solid rgba(15,23,42,0.22) !important; }
html[data-theme="light"] [style*="background: rgba(15, 20, 30, 0.8)"] { background: rgba(255,255,255,0.8) !important; }
html[data-theme="light"] [style*="border-bottom: 1px solid rgba(255,255,255,0.08)"] { border-bottom: 1px solid rgba(15,23,42,0.122) !important; }
html[data-theme="light"] [style*="background: rgba(255,255,255,0.05)"] { background: rgba(15,23,42,0.038) !important; }
html[data-theme="light"] [style*="border: 1px solid rgba(255,255,255,0.15)"] { border: 1px solid rgba(15,23,42,0.202) !important; }
html[data-theme="light"] [style*="background: #000"] { background: #f9f9f9 !important; }
html[data-theme="light"] [style*="background: #0a0a0f"] { background: #f7f7fa !important; }
html[data-theme="light"] [style*="background: rgba(10, 10, 15, 0.8)"] { background: rgba(15,23,42,0.42) !important; }
html[data-theme="light"] [style^="color: #64748b"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color: #64748b"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color: #64748b"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #606f85 !important; }
html[data-theme="light"] [style*="background: rgba(10,10,12,0.8)"] { background: rgba(15,23,42,0.42) !important; }
html[data-theme="light"] [style*="border-right: 1px solid rgba(255,255,255,0.05)"] { border-right: 1px solid rgba(15,23,42,0.087) !important; }
html[data-theme="light"] [style^="color:#ccc"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color:#ccc"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color:#ccc"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #383838 !important; }
html[data-theme="light"] [style*="border-bottom: 1px solid rgba(255,255,255,0.1)"] { border-bottom: 1px solid rgba(15,23,42,0.145) !important; }
html[data-theme="light"] [style*="background: linear-gradient(135deg, #0b1020, #1a2744)"] { background: linear-gradient(135deg, #ffffff, #1a2744) !important; }
html[data-theme="light"] [style*="background: linear-gradient(135deg, #1a0a2e, #3d1d72)"] { background: linear-gradient(135deg, #ffffff, #3d1d72) !important; }
html[data-theme="light"] [style*="background: linear-gradient(135deg, #0a1628, #0d3b2e)"] { background: linear-gradient(135deg, #ffffff, #f8fbfb) !important; }
html[data-theme="light"] [style*="background: #111"] { background: #f9f9f9 !important; }
html[data-theme="light"] [style*="background: rgba(255,255,255,0.1)"] { background: rgba(15,23,42,0.075) !important; }
html[data-theme="light"] [style^="color: #f1f5f9"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color: #f1f5f9"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color: #f1f5f9"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #151c23 !important; }
html[data-theme="light"] [style*="text-shadow: 0 0 20px rgba(255,255,255,0.3)"] { text-shadow: 0 0 20px rgba(15,23,42,0.15) !important; }
html[data-theme="light"] [style*="background: rgba(255,255,255,0.03)"] { background: rgba(15,23,42,0.022) !important; }
html[data-theme="light"] [style*="border: 1px solid rgba(255,255,255,0.05)"] { border: 1px solid rgba(15,23,42,0.087) !important; }
html[data-theme="light"] [style^="color: #fff"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color: #fff"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color: #fff"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #1c1c1c !important; }
html[data-theme="light"] [style*="background: #0B0F19"] { background: #f7f8fb !important; }
html[data-theme="light"] [style*="box-shadow: 0 -4px 20px rgba(0,0,0,0.5)"] { box-shadow: 0 -4px 20px rgba(15,23,42,0.14) !important; }
html[data-theme="light"] [style*="border-top: 1px solid rgba(255,255,255,0.1)"] { border-top: 1px solid rgba(15,23,42,0.145) !important; }
html[data-theme="light"] [style^="color: #EF4444"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color: #EF4444"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color: #EF4444"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #9c0d0d !important; }
html[data-theme="light"] [style*="box-shadow: 0 4px 6px rgba(0,0,0,0.1)"] { box-shadow: 0 4px 6px rgba(15,23,42,0.03) !important; }
html[data-theme="light"] [style*="background: rgba(0,0,0,0.4)"] { background: rgba(15,23,42,0.048) !important; }
html[data-theme="light"] [style*="background: rgba(0,0,0,0.2)"] { background: rgba(15,23,42,0.024) !important; }
html[data-theme="light"] [style*="background:#000"] { background: #f9f9f9 !important; }
html[data-theme="light"] [style*="background:rgba(0,0,0,0.2)"] { background: rgba(15,23,42,0.024) !important; }
html[data-theme="light"] [style^="color: #666"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color: #666"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color: #666"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #737373 !important; }
html[data-theme="light"] [style^="color:#94a3b8"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color:#94a3b8"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color:#94a3b8"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #49596e !important; }
html[data-theme="light"] [style^="color:#8b5cf6"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color:#8b5cf6"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color:#8b5cf6"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #3d0ab0 !important; }
html[data-theme="light"] [style^="color: #ef4444"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*="; color: #ef4444"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send), html[data-theme="light"] [style*=";color: #ef4444"]:not(.btn-primary):not(.primary):not(.home-send):not(.chat-send) { color: #9c0d0d !important; }

/* ===================== theme-light-extra (hand-tuned) ===================== */
html[data-theme="light"] body { background-color: #f6f7f9; color: #0f172a;
  background-image: radial-gradient(60% 50% at 85% 10%, rgba(20,184,166,0.07), transparent 70%),
                    radial-gradient(50% 40% at 10% 90%, rgba(139,92,246,0.05), transparent 70%) !important; }

/* Logo PNG is white-on-black: flip it to dark-on-white and drop the white with multiply. */
html[data-theme="light"] .brand-wordmark:not(.tenant-logo) { mix-blend-mode: multiply; filter: invert(1) hue-rotate(180deg) saturate(1.4); }

/* Sidebar & surfaces */
html[data-theme="light"] .sidebar { background-color: #ffffff !important; border-right: 1px solid rgba(15,23,42,0.08) !important; }
html[data-theme="light"] body.in-chat .sidebar, html[data-theme="light"] body.in-chat .sidebar.collapsed { background-color: #ffffff !important; box-shadow: 18px 0 50px rgba(15,23,42,0.12); }
html[data-theme="light"] .sidebar-item { color: #475569 !important; }
html[data-theme="light"] .sidebar-item:hover, html[data-theme="light"] .sidebar-item.active { color: #0f172a !important; }
html[data-theme="light"] .sidebar-item.active { background: rgba(20,184,166,0.1) !important; border-color: rgba(20,184,166,0.3) !important; }
html[data-theme="light"] .sidebar-item .icon { background: rgba(15,23,42,0.05); }
html[data-theme="light"] #profile-trigger { background: rgba(15,23,42,0.03) !important; border-color: rgba(15,23,42,0.08) !important; }
html[data-theme="light"] #profile-trigger:hover { background: rgba(15,23,42,0.06) !important; }
html[data-theme="light"] #profile-trigger .profile-name { color: #0f172a !important; }
html[data-theme="light"] #profile-trigger .profile-avatar { background: #e2e8f0 !important; color: #0f172a !important; }
html[data-theme="light"] #profile-trigger .profile-plan { color: var(--brand-ink) !important; }
html[data-theme="light"] .profile-menu { background: #ffffff !important; border-color: rgba(15,23,42,0.1) !important; box-shadow: 0 -10px 40px rgba(15,23,42,0.12) !important; }
html[data-theme="light"] .sb-credits { background: radial-gradient(140% 120% at 0% 0%, rgba(20,184,166,0.12), transparent 60%), #f8fafc; border-color: rgba(15,23,42,0.08); }
html[data-theme="light"] .nav-backdrop { background: rgba(15,23,42,0.25) !important; }

/* Headings and cards that used white text */
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3, html[data-theme="light"] h4 { color: #0f172a; }
html[data-theme="light"] .markdown-body { color: #1e293b; }
html[data-theme="light"] .chat-message strong, html[data-theme="light"] .markdown-body strong { color: #0f172a; }
html[data-theme="light"] #chat-history .chat-message { color: #1e293b; }
html[data-theme="light"] #chat-history .chat-message.user-message { background: #eef2f6; border-color: rgba(15,23,42,0.06); color: #0f172a; }
html[data-theme="light"] .chat-composer, html[data-theme="light"] .home-composer { background: #ffffff; border-color: rgba(15,23,42,0.12);
  box-shadow: 0 10px 30px -12px rgba(15,23,42,0.15); }
html[data-theme="light"] #chat-input::placeholder, html[data-theme="light"] .home-composer input::placeholder { color: #94a3b8; }
html[data-theme="light"] .chat-header { background: rgba(246,247,249,0.8); border-bottom-color: rgba(15,23,42,0.07); }
html[data-theme="light"] .home-action, html[data-theme="light"] .chat-suggestion, html[data-theme="light"] .pj-card:not(.pj-new),
html[data-theme="light"] .st-card { background: #ffffff; border-color: rgba(15,23,42,0.09); box-shadow: 0 1px 2px rgba(15,23,42,0.04); }
html[data-theme="light"] .home-action:hover, html[data-theme="light"] .chat-suggestion:hover { background: #ffffff; box-shadow: 0 6px 18px -8px rgba(15,23,42,0.18); }
html[data-theme="light"] .home-greeting .highlight { background: linear-gradient(90deg, #0d9488, #0f766e); -webkit-background-clip: text; background-clip: text; }

/* Menus, dropdowns and selects */
html[data-theme="light"] .chat-more-menu, html[data-theme="light"] .chat-pill-select option { background: #ffffff; color: #0f172a; }
html[data-theme="light"] select option { background: #ffffff; color: #0f172a; }

/* Primary buttons keep dark text on the teal gradient */
html[data-theme="light"] .ws-btn.primary, html[data-theme="light"] .sb-btn.primary, html[data-theme="light"] .chat-send:not(.stop), html[data-theme="light"] .home-send { color: #0b0e14 !important; }

/* Code stays dark in both themes (the syntax colours are made for a dark background). */
html[data-theme="light"] .chat-message .code-example.file-card { background: #0d1117 !important; border-color: rgba(15,23,42,0.15) !important; }
html[data-theme="light"] .chat-message .code-example.file-card .file-card-header[style] { background: #161b22 !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html[data-theme="light"] .chat-message .code-example.file-card .file-card-header span[style] { color: #c9d1d9 !important; }
html[data-theme="light"] .chat-message .code-example.file-card .file-card-header > div:first-child > span:nth-child(3) { color: #2ee6b6 !important; background: rgba(46,230,182,0.12) !important; }
html[data-theme="light"] .chat-message .code-example.file-card .file-card-header button { color: #8b949e !important; }
html[data-theme="light"] .chat-message .code-example.file-card .file-card-header button:hover { color: #fff !important; background: rgba(255,255,255,0.08) !important; }
html[data-theme="light"] .markdown-body pre { background: #0d1117 !important; color: #e6edf3; border-color: rgba(15,23,42,0.15) !important; }
html[data-theme="light"] .chat-message .inline-code, html[data-theme="light"] .markdown-body code.inline-code,
html[data-theme="light"] .markdown-body :not(pre) > code { color: #0f172a !important; background: rgba(15,23,42,0.06) !important; border-color: rgba(15,23,42,0.08) !important; }

/* Scrollbars */
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(15,23,42,0.18); }

/* ---------- The Dark / Light switch in Settings ---------- */
.theme-switch { display: inline-flex; padding: 3px; gap: 2px; border-radius: 12px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); }
.theme-switch button { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.85rem; border-radius: 9px; border: none; cursor: pointer;
  background: transparent; color: var(--text-secondary); font: inherit; font-size: 0.84rem; font-weight: 500; transition: background 0.15s, color 0.15s; }
.theme-switch button:hover { color: var(--text-primary); }
.theme-switch button[aria-checked="true"] { background: rgba(255,255,255,0.1); color: var(--text-primary); box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.theme-switch button:focus-visible { outline: 2px solid rgba(46,230,182,0.6); outline-offset: 1px; }
html[data-theme="light"] .theme-switch { background: rgba(15,23,42,0.05); border-color: rgba(15,23,42,0.08); }
html[data-theme="light"] .theme-switch button[aria-checked="true"] { background: #ffffff; box-shadow: 0 1px 3px rgba(15,23,42,0.15); }

/* Smooth change when switching (not on first load). */
html.theme-anim, html.theme-anim *, html.theme-anim *::before, html.theme-anim *::after {
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.2s ease !important; }
html[data-theme="light"] .pj-new { background: rgba(255,255,255,0.6); }
html[data-theme="light"] .pj-new:hover { color: var(--brand-ink); background: rgba(20,184,166,0.05); }

/* ---------- Small Dark / Light switch, top-right corner ---------- */
.sb-theme { display: inline-flex; align-items: center; gap: 1px; padding: 2px; border-radius: 10px; flex-shrink: 0;
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); }
.sb-theme button { width: 26px; height: 24px; display: grid; place-items: center; padding: 0; border: none; border-radius: 8px; cursor: pointer;
  background: transparent; color: var(--text-muted, #64748b); transition: background 0.15s, color 0.15s; }
.sb-theme button:hover { color: var(--text-primary); }
.sb-theme button:focus-visible { outline: 2px solid rgba(46,230,182,0.6); outline-offset: 1px; }
/* The highlighted one follows the current theme. */
html:not([data-theme="light"]) .sb-theme [data-theme-option="dark"],
html[data-theme="light"] .sb-theme [data-theme-option="light"] { background: rgba(255,255,255,0.12); color: var(--text-primary); }
html[data-theme="light"] .sb-theme { background: rgba(15,23,42,0.05); border-color: rgba(15,23,42,0.08); }
html[data-theme="light"] .sb-theme [data-theme-option="light"] { background: #ffffff; box-shadow: 0 1px 2px rgba(15,23,42,0.15); color: #b45309; }

/* Floating in the page's top-right corner… */
.corner-theme { position: fixed; top: calc(14px + env(safe-area-inset-top)); right: calc(16px + env(safe-area-inset-right)); z-index: 1100;
  background: rgba(17,21,32,0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 6px 20px rgba(0,0,0,0.3); }
html[data-theme="light"] .corner-theme { background: rgba(255,255,255,0.85); box-shadow: 0 6px 20px rgba(15,23,42,0.08); }
/* …except on screens with their own top bar (Chat, Canvas): there it sits in that bar instead. */
body:has(.view-container:not(.hidden) .chat-header-actions) .corner-theme,
body:has(#loading-view:not(.hidden)) .corner-theme { display: none; }
.chat-header-actions .sb-theme { margin-right: 0.25rem; }
/* The slide-out menu covers the corner on phones; keep the switch under it. */
body.nav-open .corner-theme { z-index: 1000; }
@media (max-width: 768px) { .corner-theme { top: calc(12px + env(safe-area-inset-top)); right: 12px; } }
/* Phones: the chat bar is too narrow (it squeezes the chat title), so use the menu or Settings there. */
@media (max-width: 480px) { .chat-header-actions .sb-theme { display: none; } }