/* ══════════════════════════════════════════════════════════════ COOL GRAY v8.0 — Light Theme Override (Complete) Surfaces: #F0F4F8 · #FFFFFF · #F1F3F5 · #E5E7EB Accent: #1E3A5F (deep navy for light bg contrast) Text: #111827 · #4B5563 Header/Sidebar/Analytics/DailyGoal stay dark ══════════════════════════════════════════════════════════════ */ /* ── VARIABLE SWAPS ──────────────────────────────────────── */ :root[data-theme="light"]{ --bg:#F0F4F8; --s1:#FFFFFF; --s2:#E8EDF2; --s3:#E5E7EB; --s4:#D1D5DB; --border:rgba(0,0,0,.08); --border2:rgba(0,0,0,.14); --text:#111827; --muted:#4B5563; --dim:#6B7280; --accent:#1E3A5F; --accent-hover:#2A4E7A; --accent-deep:#15294A; --accent-rgb:30,58,95; --accent-deep-rgb:21,41,74; --charcoal:#F1F3F5; --light-gray:#F1F3F5; --mid-gray:#6B7280; --harbor-mist:#6B7280; --shadow-sm:0 1px 2px rgba(0,0,0,.06); --shadow-md:0 4px 12px rgba(0,0,0,.08); --shadow-lg:0 8px 24px rgba(0,0,0,.12); --color-money: #0A6B47; /* Semantic status — darkened for 4.5:1+ on ALL light surfaces */ --color-green:#0A6B47; --color-green-rgb:10,107,71; /* 4.8:1 on Raised */ --color-red:#A31818; --color-red-rgb:163,24,24; /* 5.5:1 on Raised */ --color-blue:#134473; --color-blue-rgb:19,68,115; /* 6.8:1 on Raised */ --color-orange:#A8370A; --color-orange-rgb:168,55,10; /* 5.0:1 on Raised */ --color-purple:#5B21B6; --color-purple-rgb:91,33,182; /* 5.8:1 on Raised */ --color-cyan:#0C6478; --color-cyan-rgb:12,100,120; /* 5.0:1 on Raised */ --color-amber-text:#7C4A0A; /* was #925A0E — darkened for Raised bg */ --color-completed:#0D5A2B; /* was #156B35 */ --color-callback:#92400E; --color-callback-rgb:146,64,14; /* was #B45309 */ /* Surface transparency for light */ --glass:rgba(0,0,0,.04); --glass-hover:rgba(0,0,0,.08); --glass-strong:rgba(0,0,0,.12); --overlay-bg:rgba(0,0,0,.4); --color-call-btn:#B5500F; /* darkened for 4.9:1 white text */ --color-call-btn-hover:#9A4310; --placeholder:#6B7280; --user-dot:#94A3B8; --ring-track:#D1D5DB; /* visible gray ring track on white bg */ --text-on-dark:#dee2e6; /* unchanged — always for dark sections */ } /* ── BASE — clean background, no overlays ────────────── */ :root[data-theme="light"] body{background:#F0F4F8;} :root[data-theme="light"] body::before{display:none;} :root[data-theme="light"] body::after{display:none;} :root[data-theme="light"] .main{background:#F0F4F8;} /* ── HEADER — hidden in light mode ──────────────────── */ :root[data-theme="light"] header{display:none;} :root[data-theme="light"] .main{height:100vh;} :root[data-theme="light"] .sync-age{display:none;} :root[data-theme="light"] .sync-age.sync-red{display:inline-block;background:rgba(239,68,68,.08);color:#DC2626;border:1px solid rgba(239,68,68,.2);} /* ══════════════════════════════════════════════════════════════ SIDEBAR — Supabase/Linear-inspired rebuild Warm dark bg, text hierarchy via opacity, one accent color ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .sidebar{ background:#171B21; border-right:1px solid rgba(255,255,255,.06); box-shadow:none; height:100vh;z-index:301;top:0; } :root[data-theme="light"] .app{min-height:100vh;} :root[data-theme="light"] .sb-toggle{background:rgba(255,255,255,.06);} /* ── Brand header (top) ── */ :root[data-theme="light"] .sb-brand{ display:flex;align-items:center;padding:18px 16px; border-bottom:1px solid rgba(255,255,255,.12); } :root[data-theme="light"] .sb-brand-name{ font-family:'Cormorant Garamond',serif; color:#FFFFFF;font-size:26px;font-weight:700;letter-spacing:-.01em;line-height:1; } :root[data-theme="light"] .sb-brand-iq{color:var(--brand-og-accent);font-weight:700;} :root[data-theme="light"] .sb-brand-byline{ font-family:'JetBrains Mono',monospace; font-size:9px;letter-spacing:.16em;text-transform:uppercase; color:rgba(255,255,255,.6);line-height:1;margin-top:4px; } :root[data-theme="light"] .sb-brand-og{color:var(--brand-og-accent);font-weight:700;} :root[data-theme="light"] .sb-brand-text:hover .sb-brand-byline{color:rgba(255,255,255,.9);} /* ── User profile (bottom) ── */ :root[data-theme="light"] .sb-user-hdr{ padding:16px;gap:12px;border-top:1px solid rgba(255,255,255,.12);border-bottom:none; } :root[data-theme="light"] .sb-user-logo{ width:40px;height:40px;border-radius:10px;object-fit:contain;flex-shrink:0; } :root[data-theme="light"] .sb-user-name{color:rgba(255,255,255,.9);font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;} :root[data-theme="light"] .sb-user-role{color:rgba(255,255,255,.5);font-size:11px;font-weight:500;} :root[data-theme="light"] .sb-signout-btn{background:none;border:none;color:rgba(255,255,255,.3);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s;margin-left:auto;flex-shrink:0;} :root[data-theme="light"] .sb-signout-btn:hover{color:#F87171;background:rgba(248,113,113,.1);} :root[data-theme="light"] .sb-footer:hover{background:rgba(255,255,255,.04);} :root[data-theme="light"] .sb-footer:has(.sb-user-hdr.active){background:rgba(255,255,255,.08);border-top:1px solid rgba(96,165,250,.2);} :root[data-theme="light"] .sb-user-hdr:hover{background:transparent;} :root[data-theme="light"] .sb-user-hdr.active{background:transparent;} /* ── Collapsed ── */ :root[data-theme="light"] body.sb-collapsed .sb-user-hdr{padding:12px 0;justify-content:center;gap:0;border-top:1px solid rgba(255,255,255,.12);border-bottom:none;} :root[data-theme="light"] body.sb-collapsed .sb-user-info{display:none !important;} :root[data-theme="light"] body.sb-collapsed .sb-user-logo{width:32px !important;height:32px !important;margin:0 auto;display:block;} :root[data-theme="light"] body.sb-collapsed .sb-nav-section{display:flex;flex-direction:column;align-items:center;padding:8px 0;} :root[data-theme="light"] body.sb-collapsed .gnav-btn{margin:1px 0;border-radius:8px;padding:10px 0;border-left:none;width:40px;} :root[data-theme="light"] body.sb-collapsed .gnav-left .gnav-icon{color:rgba(255,255,255,.7);} :root[data-theme="light"] body.sb-collapsed .gnav-btn:hover{background:rgba(255,255,255,.06);} :root[data-theme="light"] body.sb-collapsed .gnav-btn:hover .gnav-icon{color:#FFFFFF;} :root[data-theme="light"] body.sb-collapsed .gnav-btn.active{background:rgba(255,255,255,.1);} :root[data-theme="light"] body.sb-collapsed .gnav-btn.active .gnav-icon{color:#60A5FA !important;filter:none !important;} :root[data-theme="light"] body.sb-collapsed #gnav-dashboard.active .gnav-icon{ background:rgba(96,165,250,.15);box-shadow:0 0 12px rgba(96,165,250,.3),0 0 4px rgba(96,165,250,.2); } /* ── Nav items (expanded) ── */ :root[data-theme="light"] .sb-nav-section{padding:8px 0;} :root[data-theme="light"] .gnav-btn{ border-left:3px solid transparent;border-radius:0; margin:1px 0;padding:8px 12px 8px 9px; } :root[data-theme="light"] .gnav-left{color:rgba(255,255,255,.8);font-size:13px;font-weight:500;gap:10px;flex:1;min-width:0;} :root[data-theme="light"] .gnav-btn .gnav-icon{color:rgba(255,255,255,.55);transition:color .12s;} :root[data-theme="light"] .gnav-btn:hover{background:rgba(255,255,255,.06);} :root[data-theme="light"] .gnav-btn:hover .gnav-left{color:#FFFFFF;} :root[data-theme="light"] .gnav-btn:hover .gnav-icon{color:rgba(255,255,255,.8);} :root[data-theme="light"] .gnav-btn.active{background:rgba(255,255,255,.08);border-left-color:#60A5FA;} :root[data-theme="light"] .gnav-btn.active .gnav-left{color:rgba(255,255,255,.95);font-weight:600;} :root[data-theme="light"] .gnav-btn.active .gnav-icon{color:#60A5FA !important;} :root[data-theme="light"] #gnav-dashboard .gnav-icon{ width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center; border-radius:6px;transition:background .15s,color .15s,box-shadow .15s; } :root[data-theme="light"] #gnav-dashboard.active .gnav-icon{ background:rgba(96,165,250,.15); box-shadow:0 0 12px rgba(96,165,250,.3),0 0 4px rgba(96,165,250,.2); } :root[data-theme="light"] .gnav-count{background:rgba(255,255,255,.08);color:rgba(255,255,255,.65);border-radius:10px;padding:2px 7px;font-size:10px;margin-left:auto;} :root[data-theme="light"] #gnav-deals-cnt{background:rgba(96,165,250,.2);color:#93C5FD;} :root[data-theme="light"] .gnav-btn.active .gnav-count{background:rgba(96,165,250,.15);color:#93C5FD;} :root[data-theme="light"] .gnav-pa-chevron{font-size:8px;color:rgba(255,255,255,.35);transition:transform .2s;margin-left:auto;margin-right:2px;} :root[data-theme="light"] .gnav-btn.active .gnav-pa-chevron{color:rgba(255,255,255,.6);} /* ── Dividers ── */ :root[data-theme="light"] .sb-label{color:rgba(255,255,255,.3);font-size:9px;} :root[data-theme="light"] .sb-divider{border-color:rgba(255,255,255,.12);} :root[data-theme="light"] .sb-nav-divider{height:1px;background:rgba(255,255,255,.12);margin:6px 16px;} /* ── Project tree dropdown ── */ :root[data-theme="light"] .sb-proj-area{ background:rgba(255,255,255,.03);border:none; margin:0 8px;border-radius:8px;padding:4px; } :root[data-theme="light"] .sb-proj-area .dt-chevron{color:rgba(255,255,255,.4);} :root[data-theme="light"] .sb-proj-area .proj-chevron{color:rgba(255,255,255,.4);} :root[data-theme="light"] .sb-proj-area .proj-card .proj-chevron{color:rgba(255,255,255,.4);} :root[data-theme="light"] .sb-proj-area .proj-header .proj-chevron{color:rgba(255,255,255,.4);} :root[data-theme="light"] .sb-proj-area .well-county-chevron{color:rgba(255,255,255,.35);} :root[data-theme="light"] .sb-proj-area .dt-count{background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);} :root[data-theme="light"] .sb-proj-area .well-count{color:rgba(255,255,255,.5) !important;} :root[data-theme="light"] .sb-proj-area .proj-badge{background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);} :root[data-theme="light"] .sb-proj-area .sb-county-badge{background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);} :root[data-theme="light"] .sb-proj-area .proj-header .proj-badge{background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);} :root[data-theme="light"] .sb-proj-area .proj-card .proj-badge{background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);} :root[data-theme="light"] .sb-proj-area .proj-card .well-count{color:rgba(255,255,255,.5) !important;} :root[data-theme="light"] .sb-proj-area .dt-label{color:rgba(255,255,255,.8);} :root[data-theme="light"] .sb-proj-area .dt-county .dt-label{color:rgba(255,255,255,.7);} :root[data-theme="light"] .sb-proj-area .dt-well .dt-label{color:rgba(255,255,255,.65);} /* ── Sidebar search ── */ :root[data-theme="light"] .sb-search-btn{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:rgba(255,255,255,.4);} :root[data-theme="light"] .sb-search-btn:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.12);} :root[data-theme="light"] .sb-search-kbd{background:rgba(255,255,255,.06);color:rgba(255,255,255,.25);} /* ── Sidebar toggle + dropdown ── */ :root[data-theme="light"] .sb-toggle-btn{color:rgba(255,255,255,.4);} :root[data-theme="light"] .sb-toggle-btn:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);} :root[data-theme="light"] .sb-mode-dropdown{background:#1E2128;border-color:rgba(255,255,255,.1);} :root[data-theme="light"] .sb-mode-opt.active{color:#60A5FA;} /* ── BUTTONS ─────────────────────────────────────────── */ :root[data-theme="light"] .btn-gold{ background:#2563EB; border-color:#2563EB; color:#FFFFFF; box-shadow:0 1px 3px rgba(37,99,235,.3); } :root[data-theme="light"] .btn-gold:hover{ background:#1D4ED8; border-color:#1D4ED8; box-shadow:0 2px 6px rgba(37,99,235,.4); } :root[data-theme="light"] .btn-ghost{ background:rgba(var(--accent-rgb),.07);color:var(--text); border:1px solid rgba(var(--accent-rgb),.2); } :root[data-theme="light"] .btn-ghost:hover{background:rgba(var(--accent-rgb),.13);border-color:rgba(var(--accent-rgb),.38);} :root[data-theme="light"] .btn-teal{ background:rgba(52,211,153,.1);color:#0A7A56; border:1px solid rgba(52,211,153,.25); } :root[data-theme="light"] .btn-teal:hover{background:rgba(52,211,153,.18);} :root[data-theme="light"] .btn-red{background:rgba(220,69,69,.08);color:#A82A2A;border:1px solid rgba(220,69,69,.2);} :root[data-theme="light"] .btn-red:hover{background:rgba(220,69,69,.15);} /* ── TABLE ───────────────────────────────────────────── */ /* ── TABLE — floating card with depth ──────────────── */ :root[data-theme="light"] .tbl-wrap{ background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:14px; box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06); } :root[data-theme="light"] .tbl-top{background:#FFFFFF;border-bottom:1px solid #E8EDF2;color:var(--text);} :root[data-theme="light"] thead th{ background:#EEF2F7;color:#4B5563; border-bottom:1px solid #E0E5EB;font-size:10px;letter-spacing:.05em;padding:10px 12px; font-weight:700; } :root[data-theme="light"] th.th-sort:hover{color:#1E3A5F;background:#E4E9F0;} :root[data-theme="light"] th.th-sort-active{color:#1E3A5F;} :root[data-theme="light"] tbody tr{border-bottom:1px solid #E5E7EB;background:#FFFFFF;transition:all .12s;} :root[data-theme="light"] tbody tr:nth-child(even){background:#F8FAFC;} :root[data-theme="light"] tbody tr:hover{ background:#EEF2F7; box-shadow:inset 3px 0 0 #60A5FA; } :root[data-theme="light"] tbody tr.row-overdue{background:rgba(220,38,38,.03);} :root[data-theme="light"] tbody tr.row-overdue:hover{background:rgba(220,38,38,.06);} :root[data-theme="light"] tbody td{padding:10px 12px;color:#111827;} :root[data-theme="light"] .td-name{color:#111827;font-size:13px;} :root[data-theme="light"] .td-sub{color:#9CA3AF;} :root[data-theme="light"] .td-mono{color:#111827;} :root[data-theme="light"] .td-lead-hot{background:rgba(239,68,68,.08);color:#DC2626;} :root[data-theme="light"] .td-lead-cold{background:rgba(59,130,246,.08);color:#2563EB;} :root[data-theme="light"] .td-action-btn{color:#9CA3AF;} :root[data-theme="light"] .td-action-btn:hover{background:rgba(0,0,0,.05);color:#111827;} /* Custom thin scrollbar */ :root[data-theme="light"] .tbl-wrap{scrollbar-width:thin;scrollbar-color:#D1D5DB transparent;} :root[data-theme="light"] .tbl-wrap::-webkit-scrollbar{width:6px;} :root[data-theme="light"] .tbl-wrap::-webkit-scrollbar-track{background:transparent;} :root[data-theme="light"] .tbl-wrap::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:3px;} :root[data-theme="light"] .tbl-wrap::-webkit-scrollbar-thumb:hover{background:#9CA3AF;} :root[data-theme="light"] .sidebar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;} :root[data-theme="light"] .sidebar::-webkit-scrollbar{width:4px;} :root[data-theme="light"] .sidebar::-webkit-scrollbar-track{background:transparent;} :root[data-theme="light"] .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px;} /* ── KPI CARDS — floating with accent ───────────────── */ :root[data-theme="light"] .kpi{ background:#FFFFFF; border:1px solid rgba(0,0,0,.06); box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.05); border-radius:12px; position:relative; overflow:hidden; } :root[data-theme="light"] .kpi::before{ content:'';position:absolute;top:0;left:0;right:0;height:3px; background:#60A5FA; } :root[data-theme="light"] .kpi-label{color:#6B7280;} :root[data-theme="light"] .kpi.clickable:hover{ border-color:rgba(30,58,95,.15); box-shadow:0 4px 16px rgba(0,0,0,.1); transform:translateY(-1px); } :root[data-theme="light"] .kpi.kpi-featured{background:#FFFFFF;} :root[data-theme="light"] .kpi.kpi-featured::before{background:#22C55E;} /* ── FORM / SEARCH ───────────────────────────────────── */ :root[data-theme="light"] .search-box{ background:#F1F3F5;border:1px solid rgba(var(--accent-rgb),.15); } :root[data-theme="light"] .search-box:focus-within{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08);} :root[data-theme="light"] .sort-sel{background:#F1F3F5;border:1px solid rgba(var(--accent-rgb),.15);} :root[data-theme="light"] .chip{border:1px solid rgba(var(--accent-rgb),.14);background:rgba(var(--accent-rgb),.05);} :root[data-theme="light"] .chip.on{border-color:var(--accent);background:var(--accent);color:#fff;} :root[data-theme="light"] .chip:hover:not(.on){color:var(--accent);border-color:rgba(var(--accent-rgb),.3);} :root[data-theme="light"] .f-ctrl{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .f-ctrl:focus{border-color:var(--brand-og-accent);box-shadow:0 0 0 3px rgba(var(--color-cyan-rgb),.12);} :root[data-theme="light"] select.f-ctrl option{background:#F1F3F5;color:var(--text);} :root[data-theme="light"] .filter-bar{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);} :root[data-theme="light"] .fd-btn{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);color:#111827;} :root[data-theme="light"] .fd-panel{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.08);border-radius:10px;} /* ── MODAL ───────────────────────────────────────────── */ :root[data-theme="light"] .modal{ background:#FFFFFF;border:1px solid rgba(var(--accent-rgb),.12); box-shadow:0 24px 64px rgba(0,0,0,.12); } :root[data-theme="light"] .modal-hdr{ border-bottom:1px solid rgba(0,0,0,.06); background:linear-gradient(180deg,rgba(var(--accent-rgb),.04) 0%,transparent 100%); } :root[data-theme="light"] .modal-ftr{ border-top:1px solid rgba(0,0,0,.06); background:linear-gradient(180deg,transparent,rgba(var(--accent-rgb),.03)); } :root[data-theme="light"] .modal-close{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .m-field{background:rgba(var(--accent-rgb),.04);border:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .m-field-label{color:rgba(var(--accent-rgb),.5);} /* ── PROJECT CARDS ───────────────────────────────────── */ :root[data-theme="light"] .proj-card{ background:#FFFFFF; border:1px solid rgba(var(--accent-rgb),.15); box-shadow:var(--shadow-sm); } :root[data-theme="light"] .proj-card:hover{ border-color:rgba(var(--accent-rgb),.35); box-shadow:var(--shadow-md); transform:translateY(-2px); } :root[data-theme="light"] .pc-head{border-bottom:1px solid rgba(0,0,0,.06);background:rgba(var(--accent-rgb),.03);} :root[data-theme="light"] .pc-stat{background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.1);} :root[data-theme="light"] .pc-foot{border-top:1px solid rgba(0,0,0,.06);background:rgba(var(--accent-rgb),.02);} :root[data-theme="light"] .pc-progress-bar{background:rgba(var(--accent-rgb),.12);} :root[data-theme="light"] .pc-progress-fill{background:linear-gradient(90deg,var(--accent-deep),var(--accent));} :root[data-theme="light"] .pc-well-tag{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);} /* ── STATUS BADGES (readable on light bg) ────────────── */ :root[data-theme="light"] .cs-new{background:rgba(var(--accent-rgb),.08);color:var(--accent-deep);border:1px solid rgba(var(--accent-rgb),.2);} :root[data-theme="light"] .cs-answered{background:rgba(16,185,129,.1);color:#0A7A56;border:1px solid rgba(16,185,129,.26);} :root[data-theme="light"] .cs-no-answer{background:rgba(224,123,26,.1);color:#9A5510;border:1px solid rgba(224,123,26,.24);} :root[data-theme="light"] .cs-callback{background:rgba(124,95,200,.1);color:#5B42A8;border:1px solid rgba(124,95,200,.24);} :root[data-theme="light"] .cs-converted{background:rgba(52,211,153,.1);color:#0A7A56;border:1px solid rgba(52,211,153,.26);} :root[data-theme="light"] .cs-completed{background:rgba(16,185,129,.12);color:#0A7A56;border:1px solid rgba(16,185,129,.28);} :root[data-theme="light"] .cs-negotiation{background:rgba(200,150,30,.1);color:#8A6914;border:1px solid rgba(200,150,30,.24);} :root[data-theme="light"] .cs-dnc{background:rgba(220,69,69,.09);color:#A82A2A;border:1px solid rgba(220,69,69,.22);} :root[data-theme="light"] .ls-hot{background:rgba(220,69,69,.08);color:#A82A2A;border:1px solid rgba(220,69,69,.2);} :root[data-theme="light"] .ls-cold{background:rgba(96,165,250,.08);color:#2563EB;border:1px solid rgba(96,165,250,.2);} :root[data-theme="light"] .ls-none{background:rgba(0,0,0,.04);color:var(--muted);border:1px solid rgba(0,0,0,.08);} /* ── GLOBAL SEARCH ───────────────────────────────────── */ :root[data-theme="light"] .gs-panel{ background:#FFFFFF;border:1px solid rgba(var(--accent-rgb),.15); box-shadow:0 16px 48px rgba(0,0,0,.12); } :root[data-theme="light"] .gs-overlay{background:rgba(0,0,0,.4);backdrop-filter:blur(8px);} :root[data-theme="light"] .overlay{background:rgba(0,0,0,.35);backdrop-filter:blur(8px);} :root[data-theme="light"] .gs-section-hdr{background:rgba(var(--accent-rgb),.04);color:rgba(var(--accent-rgb),.6);} :root[data-theme="light"] .gs-footer{background:rgba(var(--accent-rgb),.03);} :root[data-theme="light"] .gs-result:hover,:root[data-theme="light"] .gs-result.active{background:rgba(var(--accent-rgb),.06);} :root[data-theme="light"] .gs-result-icon{background:rgba(var(--accent-rgb),.08);} :root[data-theme="light"] .gs-result-val{color:#0A7A56;} :root[data-theme="light"] .gs-esc{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);} /* ── PROFILE MODAL ───────────────────────────────────── */ :root[data-theme="light"] .profile-modal{ background:#FFFFFF;border:1px solid rgba(var(--accent-rgb),.12); box-shadow:var(--shadow-lg); } :root[data-theme="light"] .pm-input{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .pm-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08);} :root[data-theme="light"] .pm-save{ background:linear-gradient(135deg,var(--accent-hover),var(--accent)); color:#fff;font-weight:700; } :root[data-theme="light"] .pm-divider{background:rgba(0,0,0,.08);} :root[data-theme="light"] .pm-switch{border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .pm-switch:hover{background:rgba(var(--accent-rgb),.06);} /* ── PAGER ───────────────────────────────────────────── */ :root[data-theme="light"] .pg-btn{background:#F1F3F5;border:1px solid rgba(0,0,0,.06);color:#6B7280;} :root[data-theme="light"] .pg-btn:hover,:root[data-theme="light"] .pg-btn.on{border-color:#1E3A5F;color:#FFFFFF;background:#1E3A5F;} /* ── TOAST ───────────────────────────────────────────── */ :root[data-theme="light"] .toast{ background:#FFFFFF;border:1px solid rgba(var(--accent-rgb),.15); box-shadow:var(--shadow-md); } /* ── CONFIRM DIALOG ──────────────────────────────────── */ :root[data-theme="light"] .confirm-modal{ background:#FFFFFF;border:1px solid rgba(var(--accent-rgb),.12); box-shadow:var(--shadow-lg); } :root[data-theme="light"] .confirm-ok{background:linear-gradient(135deg,var(--accent-hover),var(--accent));color:#fff;} /* ── PROJ SETTINGS ───────────────────────────────────── */ :root[data-theme="light"] .psp-body,:root[data-theme="light"] .proj-settings-panel{background:#F0F4F8;} :root[data-theme="light"] .psp-hdr{border-bottom:1px solid rgba(0,0,0,.08);} :root[data-theme="light"] .psp-input{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .psp-save,:root[data-theme="light"] .psp-save-btn{ background:linear-gradient(135deg,var(--accent-hover),var(--accent));color:#fff; } :root[data-theme="light"] .psp-move-btn{background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent-deep);} /* ── START CALLING DROPDOWN ──────────────────────────── */ :root[data-theme="light"] .sc-dropdown{ background:#FFFFFF;border:1px solid rgba(var(--accent-rgb),.15); box-shadow:0 8px 32px rgba(0,0,0,.1); } :root[data-theme="light"] .sc-option:hover{background:rgba(var(--accent-rgb),.08);} /* ══════════════════════════════════════════════════════════════ DASHBOARD SPLIT VIEW ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .dash-unified-card{ background:#FFFFFF; border:1px solid rgba(var(--accent-rgb),.15); } :root[data-theme="light"] .dash-split-left{ background:transparent; } :root[data-theme="light"] .dash-proj-item{ background:#FFFFFF; border:1px solid rgba(var(--accent-rgb),.15); } :root[data-theme="light"] .dash-proj-item:hover{ border-color:rgba(var(--accent-rgb),.35); background:rgba(var(--accent-rgb),.04); box-shadow:var(--shadow-sm); } :root[data-theme="light"] .dash-proj-item.active{ border-color:rgba(var(--accent-rgb),.45); background:rgba(var(--accent-rgb),.06); box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08); } :root[data-theme="light"] .dash-split-right{ background:#FFFFFF; } :root[data-theme="light"] .dash-analytics-hdr{border-bottom:1px solid rgba(0,0,0,.06);background:rgba(var(--accent-rgb),.03);} :root[data-theme="light"] .dash-unified-hdr{color:var(--text);background:rgba(var(--accent-rgb),.04);} :root[data-theme="light"] .dpa-hdr{border-bottom:1px solid rgba(0,0,0,.06);background:rgba(var(--accent-rgb),.03);} :root[data-theme="light"] .dpa-hdr-title{color:var(--text);} :root[data-theme="light"] .dpa-hdr-sub{color:var(--muted);} :root[data-theme="light"] .dpi-top{background:rgba(var(--accent-rgb),.04);} :root[data-theme="light"] .dpi-name{color:var(--text);} :root[data-theme="light"] .dpi-meta{color:var(--muted);background:rgba(var(--accent-rgb),.02);} :root[data-theme="light"] .dpi-bar-row{background:rgba(var(--accent-rgb),.02);} :root[data-theme="light"] .dpa-donut-row{border-bottom:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .dpi-county-icon{background:rgba(var(--accent-rgb),.1);} :root[data-theme="light"] .dpi-county-badge{background:rgba(var(--accent-rgb),.08);} :root[data-theme="light"] .dpi-county-name-input{background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.3);} :root[data-theme="light"] .dpi-county-items{border-left:1px solid rgba(var(--accent-rgb),.15);} :root[data-theme="light"] .dpi-delete-btn{background:rgba(220,69,69,.06);color:#A82A2A;border:1px solid rgba(220,69,69,.15);} :root[data-theme="light"] .dpi-delete-btn:hover{background:rgba(220,69,69,.12);border-color:rgba(220,69,69,.3);} /* ── COUNTY MANAGER POPUP ────────────────────────────── */ :root[data-theme="light"] .county-mgr-popup{ background:#FFFFFF; border:1px solid rgba(var(--accent-rgb),.2); box-shadow:var(--shadow-lg); } :root[data-theme="light"] .county-mgr-hdr{ background:rgba(var(--accent-rgb),.04); border-bottom:1px solid rgba(0,0,0,.08); } :root[data-theme="light"] .county-mgr-input{ background:#F1F3F5; border:1px solid rgba(0,0,0,.12); } :root[data-theme="light"] .county-mgr-input:focus{border-color:var(--accent);background:#FFFFFF;} :root[data-theme="light"] .county-mgr-footer{border-top:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .county-mgr-add{border:1px dashed rgba(var(--accent-rgb),.3);} /* ══════════════════════════════════════════════════════════════ PORTFOLIO ANALYTICS ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .pa-wrap{background:#FFFFFF;} :root[data-theme="light"] .pa-hdr{background:rgba(var(--accent-rgb),.04);border-bottom:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .pa-hdr-title{color:var(--text);} :root[data-theme="light"] .pa-hdr-sub{color:var(--muted);} :root[data-theme="light"] .pa-hdr-badge{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:var(--text);} :root[data-theme="light"] .pa-panel-hdr{color:var(--text);} :root[data-theme="light"] .pa-legend-val{color:var(--text);} :root[data-theme="light"] .pa-wrap .analytics-row-label{color:var(--text);} :root[data-theme="light"] .pa-divider{background:rgba(0,0,0,.06);} :root[data-theme="light"] .pa-panel-hdr::after{background:rgba(0,0,0,.06);} :root[data-theme="light"] .pa-legend-label{color:var(--muted);} :root[data-theme="light"] .pa-stat{border-bottom:1px solid rgba(0,0,0,.04);} :root[data-theme="light"] .pa-closed-row{border-top:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .port-grid-divider{background:rgba(0,0,0,.06);} :root[data-theme="light"] .port-stat-card{background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.1);} /* ══════════════════════════════════════════════════════════════ NOTIFICATION / FOLLOW-UP QUEUE — clean theme ══════════════════════════════════════════════════════════════ */ /* Page header */ :root[data-theme="light"] .nq-page-title{color:#111827;font-size:24px;font-weight:800;letter-spacing:-.03em;} :root[data-theme="light"] .nq-page-stat{ background:#DBEAFE !important;border:none !important;border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.05); transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s; } :root[data-theme="light"] .nq-page-stat:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12);} :root[data-theme="light"] .nq-page-stat-val{color:#111827 !important;} :root[data-theme="light"] .nq-page-stat:nth-child(1) .nq-page-stat-val{color:#DC2626 !important;font-weight:800;animation:nqOverduePulse 2s ease-in-out infinite;} :root[data-theme="light"] .nq-page-stat:nth-child(2) .nq-page-stat-val{color:#2563EB !important;} :root[data-theme="light"] .nq-page-stat:nth-child(3) .nq-page-stat-val{color:#059669 !important;} :root[data-theme="light"] .nq-page-stat-lbl{color:#4B5563;} @keyframes nqOverduePulse{0%,100%{opacity:1;}50%{opacity:.4;}} :root[data-theme="light"] .nq-cta-btn{border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);} :root[data-theme="light"] .nq-cta-overdue{background:#DC2626;box-shadow:0 2px 8px rgba(220,38,38,.25);} :root[data-theme="light"] .nq-cta-today{background:#2563EB;box-shadow:0 2px 8px rgba(37,99,235,.25);} /* Breakdown / Overview panels */ :root[data-theme="light"] .nq-summary{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:14px;} :root[data-theme="light"] .nq-kpi{border-right:1px solid #F0F0F0;} :root[data-theme="light"] .nq-breakdown{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04);} :root[data-theme="light"] .nq-ov-hdr{border-bottom:1px solid #F0F0F0;background:#F8FAFC;} :root[data-theme="light"] .nq-ov-hdr:hover{background:#F1F3F5;} :root[data-theme="light"] .nq-ov-kpis{border-right:1px solid #F0F0F0;} :root[data-theme="light"] .nq-ov-kpi{border-bottom:1px solid #F0F0F0;} :root[data-theme="light"] .nq-ov-kpi:nth-child(odd){border-right:1px solid #F0F0F0;} :root[data-theme="light"] .nq-ov-kpi-ov{background:rgba(220,38,38,.04);} :root[data-theme="light"] .nq-ov-kpi-td{background:rgba(37,99,235,.04);} :root[data-theme="light"] .nq-ov-hot{border-top:1px solid #F0F0F0;background:rgba(239,68,68,.03);} :root[data-theme="light"] .nq-ov-prog{border-top:1px solid #F0F0F0;} :root[data-theme="light"] .nq-ov-prog-track{background:#E8EDF2;} :root[data-theme="light"] .nq-ov-proj-hdr{border-bottom:1px solid #F0F0F0;} :root[data-theme="light"] .nq-ov-col-hdr{border-bottom:1px solid #F0F0F0;background:#F8FAFC;} :root[data-theme="light"] .nq-ov-proj-row{border-bottom:1px solid #F0F0F0;} :root[data-theme="light"] .nq-ov-proj-row:hover{background:#F8FAFC;} :root[data-theme="light"] .nq-ov-bar{background:#E8EDF2;} /* Dual Panel */ :root[data-theme="light"] .nq-dual-panel{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04);} :root[data-theme="light"] .nq-dp-top{background:#F8FAFC;border-bottom:1px solid #F0F0F0;} :root[data-theme="light"] .nq-dp-top-icon{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.12);} :root[data-theme="light"] .nq-dp-badge-ov{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.15);border-top:3px solid #DC2626;box-shadow:none;} :root[data-theme="light"] .nq-dp-badge-td{background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.15);border-top:3px solid #2563EB;box-shadow:none;} :root[data-theme="light"] .nq-dp-col-ov{background:#FFFFFF;border:1px solid rgba(220,38,38,.1);border-top:3px solid #DC2626;} :root[data-theme="light"] .nq-dp-col-td{background:#FFFFFF;border:1px solid rgba(37,99,235,.1);border-top:3px solid #2563EB;} :root[data-theme="light"] .nq-dp-col-hdr-ov{background:rgba(220,38,38,.04);border-bottom:1px solid rgba(220,38,38,.1);} :root[data-theme="light"] .nq-dp-col-hdr-td{background:rgba(37,99,235,.04);border-bottom:1px solid rgba(37,99,235,.1);} /* Tables */ :root[data-theme="light"] .nq-table thead tr{background:#EEF2F7;} :root[data-theme="light"] .nq-table thead th{color:#4B5563;border-bottom:1px solid #E0E5EB;} :root[data-theme="light"] .nq-table-ov thead tr{background:#EEF2F7;} :root[data-theme="light"] .nq-table-ov thead th{color:#4B5563;} :root[data-theme="light"] .nq-table-td thead tr{background:#EEF2F7;} :root[data-theme="light"] .nq-table-td thead th{color:#4B5563;} /* Sections */ :root[data-theme="light"] .nq-section{border:1px solid rgba(0,0,0,.06);border-radius:14px;background:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.04);} :root[data-theme="light"] .nq-section-hdr{background:#F8FAFC;border-bottom:1px solid #F0F0F0;border-radius:13px 13px 0 0;} :root[data-theme="light"] .nq-section-label{color:#111827;} /* Rows */ :root[data-theme="light"] .nq-row{background:#FFFFFF;border-bottom:1px solid #F0F0F0;} :root[data-theme="light"] .nq-row:hover{background:#F8FAFC;box-shadow:inset 3px 0 0 #60A5FA;} :root[data-theme="light"] .nq-trow{background:#FFFFFF;} :root[data-theme="light"] .nq-trow:nth-child(even){background:#F8FAFC;} :root[data-theme="light"] .nq-trow:hover td{background:#EEF2F7;} :root[data-theme="light"] .nq-trow-overdue td{background:rgba(220,38,38,.03);} :root[data-theme="light"] .nq-trow-overdue:hover td{background:rgba(220,38,38,.06) !important;} :root[data-theme="light"] .nq-row-overdue{background:rgba(220,38,38,.03) !important;} :root[data-theme="light"] .nq-row-overdue:hover{background:rgba(220,38,38,.06) !important;} :root[data-theme="light"] .nq-row-today{background:rgba(37,99,235,.03) !important;} :root[data-theme="light"] .nq-row-today:hover{background:rgba(37,99,235,.06) !important;} /* Text */ :root[data-theme="light"] .nq-name{color:#111827;} :root[data-theme="light"] .nq-meta{color:#6B7280;} :root[data-theme="light"] .nq-timer{color:#1E3A5F;} :root[data-theme="light"] .nq-tc-proj{color:#111827;} :root[data-theme="light"] .nq-tc-nra{color:#111827;} :root[data-theme="light"] .nq-tc-offer{color:#0A7A56;} /* Buttons */ :root[data-theme="light"] .nq-call-btn{background:#22C55E;box-shadow:0 1px 4px rgba(34,197,94,.2);} :root[data-theme="light"] .nq-call-btn:hover{background:#16A34A;} :root[data-theme="light"] .nq-qc-btn{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:8px;} :root[data-theme="light"] .nq-qc-btn:hover{background:#1E3A5F;border-color:#1E3A5F;color:#fff;} :root[data-theme="light"] .nq-snooze-btn{background:#F1F3F5;border:1px solid rgba(0,0,0,.06);border-radius:8px;} :root[data-theme="light"] .nq-snooze-btn:hover{background:#E8EDF2;} :root[data-theme="light"] .nq-snooze-menu{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.1);} :root[data-theme="light"] .nq-snooze-opt{color:#111827;} :root[data-theme="light"] .nq-snooze-opt:hover{background:#F8FAFC;} /* ══════════════════════════════════════════════════════════════ OWNER MODAL ══════════════════════════════════════════════════════════════ */ /* ── Owner Modal — clean white card, no left stripe ──── */ :root[data-theme="light"] .om{ background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:16px; box-shadow:0 4px 8px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08),0 24px 56px rgba(0,0,0,.06); } :root[data-theme="light"] .om-hdr{ background:#FFFFFF;border-bottom:1px solid #F0F0F0; } /* Text colors — override white-on-dark defaults */ :root[data-theme="light"] .om-brief-name{color:#111827;} :root[data-theme="light"] .om-brief-item{color:#111827;} :root[data-theme="light"] .om-brief-item svg{color:#1E3A5F;} :root[data-theme="light"] .om-brief-phone-link{color:#111827;} :root[data-theme="light"] .om-brief-phone-link:hover{color:#1E3A5F;} :root[data-theme="light"] .om-brief-stat-val{color:#111827;} :root[data-theme="light"] .om-brief-stat-lbl{color:#6B7280;} :root[data-theme="light"] .om-brief-well-nra{color:#2563EB;font-weight:600;} :root[data-theme="light"] .om-brief-well-sep{color:rgba(0,0,0,.15);} :root[data-theme="light"] .om-brief-well-name{color:#111827;} :root[data-theme="light"] .om-brief-legal-acres{color:#1E3A5F;} :root[data-theme="light"] .om-brief-addr{color:#6B7280;} :root[data-theme="light"] .om-brief-section-label{color:#6B7280 !important;} :root[data-theme="light"] .om-brief-phone-link{color:#111827 !important;} :root[data-theme="light"] .om-brief-phone-link:hover{color:#2563EB !important;} :root[data-theme="light"] .om-brief-email-link{color:#2563EB !important;} :root[data-theme="light"] .om-brief-item{color:#111827 !important;} :root[data-theme="light"] .om-brief-item svg{color:#1E3A5F !important;} :root[data-theme="light"] .om-brief-phone{color:#111827;} /* Section headers — dark text on white bg */ :root[data-theme="light"] .om-section-hdr{color:#111827;} :root[data-theme="light"] .om-section-hdr svg{color:#1E3A5F;} :root[data-theme="light"] .om-right-card{background:linear-gradient(145deg,#1E3A5F,#2A4E7A);border:none;box-shadow:0 6px 24px rgba(30,58,95,.2),0 2px 8px rgba(0,0,0,.08);} :root[data-theme="light"] .om-right-card-hdr{color:rgba(255,255,255,.9);border-bottom-color:rgba(255,255,255,.1);} :root[data-theme="light"] .om-right-card-hdr svg{color:rgba(255,255,255,.7);} :root[data-theme="light"] .om-call-cta{background:linear-gradient(135deg,#F59E0B,#D97706);box-shadow:0 3px 14px rgba(245,158,11,.3);} :root[data-theme="light"] .om-call-cta:hover{background:linear-gradient(135deg,#D97706,#B45309);box-shadow:0 5px 20px rgba(245,158,11,.4);} :root[data-theme="light"] .om-call-form-label{color:rgba(255,255,255,.85);} :root[data-theme="light"] .om-call-form-label span{color:rgba(255,255,255,.55) !important;} :root[data-theme="light"] .om-call-form-input{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#FFFFFF;color-scheme:dark;} :root[data-theme="light"] .om-call-form-input::placeholder{color:rgba(255,255,255,.45);} :root[data-theme="light"] .om-call-form-input:focus{border-color:rgba(255,255,255,.4);box-shadow:0 0 0 3px rgba(255,255,255,.08);background:rgba(255,255,255,.15);} :root[data-theme="light"] .om-followup-hint{background:rgba(255,255,255,.1) !important;border:1px solid rgba(255,255,255,.15) !important;color:#FFFFFF !important;box-shadow:none !important;} :root[data-theme="light"] .om-call-btn{background:linear-gradient(135deg,#0F9D6C,#16A34A);box-shadow:0 2px 10px rgba(15,157,108,.25);} :root[data-theme="light"] .om-call-btn:hover{box-shadow:0 4px 16px rgba(15,157,108,.35);} :root[data-theme="light"] .om-call-user-tag{color:rgba(255,255,255,.6);} :root[data-theme="light"] .om-notes-card-hdr{color:#1E3A5F;background:#F8FAFC;} :root[data-theme="light"] .om-notes-card-hdr svg{color:#1E3A5F;} :root[data-theme="light"] .om-details-card-hdr{color:#1E3A5F;} :root[data-theme="light"] .om-details-card-hdr svg{color:#1E3A5F;} /* Note text */ :root[data-theme="light"] .om-note-meta{color:#6B7280;} :root[data-theme="light"] .om-note-text{color:#111827;} :root[data-theme="light"] .om-note-author{color:#6B7280;} :root[data-theme="light"] .om-notes-empty{color:#9CA3AF;} /* Timeline */ :root[data-theme="light"] .om-timeline-date{color:#6B7280;} :root[data-theme="light"] .om-timeline-user{color:#6B7280;} :root[data-theme="light"] .om-timeline-note{color:#4B5563;} :root[data-theme="light"] .om-timeline-empty{color:#9CA3AF;} :root[data-theme="light"] .om-timeline-section{background:rgba(255,255,255,.08);border-radius:10px;} :root[data-theme="light"] .om-timeline-hdr{color:rgba(255,255,255,.8);border-bottom-color:rgba(255,255,255,.1);} :root[data-theme="light"] .om-timeline-hdr svg{color:rgba(255,255,255,.5);} :root[data-theme="light"] .om-timeline-count{background:rgba(255,255,255,.1);color:rgba(255,255,255,.5);} :root[data-theme="light"] .om-timeline-expand{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.5);} :root[data-theme="light"] .om-timeline-expand:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#FFFFFF;} :root[data-theme="light"] .om-timeline-item+.om-timeline-item{border-top-color:rgba(255,255,255,.06);} :root[data-theme="light"] .om-timeline-date{color:rgba(255,255,255,.4);} :root[data-theme="light"] .om-timeline-note{color:rgba(255,255,255,.55);} :root[data-theme="light"] .om-timeline-outcome{color:rgba(255,255,255,.9);} :root[data-theme="light"] .om-timeline-outcome.out-ans{color:#4ADE80;} :root[data-theme="light"] .om-timeline-outcome.out-na{color:#FCA5A5;} :root[data-theme="light"] .om-timeline-empty{color:rgba(255,255,255,.3);} /* Labels & misc */ :root[data-theme="light"] .om-label{color:#4B5563;} :root[data-theme="light"] .om-due-row{border-top-color:rgba(0,0,0,.06);background:#F5F7FA;margin:8px -18px 0;padding:8px 18px;border-radius:0 0 12px 12px;} :root[data-theme="light"] .om-due-label{color:#6B7280;} :root[data-theme="light"] .om-due-val{color:#111827;} :root[data-theme="light"] .om-due-answered{color:#0A7A56 !important;} :root[data-theme="light"] .om-due-over{color:#DC2626 !important;} :root[data-theme="light"] .om-due-followup{color:#2563EB !important;} :root[data-theme="light"] .om-meta{color:#6B7280;} :root[data-theme="light"] .om-empty{color:#9CA3AF;} /* Contact list */ :root[data-theme="light"] .om-ci-value{color:#111827;} :root[data-theme="light"] .om-ci-star{color:#D1D5DB;} :root[data-theme="light"] .om-contact-item.primary .om-ci-star{color:#F59E0B;} :root[data-theme="light"] .om-ci-action{color:#9CA3AF;} /* Status bar */ :root[data-theme="light"] .om-status-bar{color:#111827;} :root[data-theme="light"] .om-hdr-pill-label{color:#6B7280;} :root[data-theme="light"] .om-brief{background:#F5F7FA;} :root[data-theme="light"] .om-brief-columns{ background:#FFFFFF;border:none;box-shadow:0 4px 20px rgba(0,0,0,.07),0 0 0 1px rgba(0,0,0,.04); } :root[data-theme="light"] .om-brief-left{border-right:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .om-brief-name{color:#111827 !important;} :root[data-theme="light"] .om-brief-age{background:#F1F3F5;border:none;color:#4B5563;box-shadow:0 1px 2px rgba(0,0,0,.04);} /* Stat boxes — subtle depth with slightly darker bg */ :root[data-theme="light"] .om-brief-stat{background:#EDF0F4;border-radius:8px;border:none;box-shadow:inset 0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .om-brief-stat-val{color:#111827 !important;} :root[data-theme="light"] .om-brief-stat-lbl{color:#4B5563 !important;font-weight:700 !important;} /* Offer price — prominent display */ :root[data-theme="light"] .om-brief-offer-price{color:#0A7A56;text-shadow:0 1px 2px rgba(10,122,86,.1);} :root[data-theme="light"] .om-brief-offer-cap{color:#DC2626;} /* Contact list — stronger blue tint */ :root[data-theme="light"] .om-brief-contact-list{background:rgba(30,58,95,.04);border:1px solid rgba(30,58,95,.08);} /* Legal cards */ :root[data-theme="light"] .om-brief-legal-card{background:#FFFFFF;border:none;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);} :root[data-theme="light"] .om-brief-legal-card--plain{background:#FFFFFF;border:none;box-shadow:0 1px 4px rgba(0,0,0,.05);} :root[data-theme="light"] .om-brief-well{background:#F8FAFC;border-bottom:none;border-radius:6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.03);} :root[data-theme="light"] .om-brief-legal-total{color:#0A7A56;} :root[data-theme="light"] .om-brief-well-offer{color:#0A7A56;} /* Tags — subtle pill badges */ :root[data-theme="light"] .om-tag-mw{background:rgba(91,33,182,.08);color:#5B21B6;border-color:rgba(91,33,182,.15);} :root[data-theme="light"] .om-tag-hot{background:rgba(220,38,38,.08);color:#DC2626;border-color:rgba(220,38,38,.15);} :root[data-theme="light"] .om-tag-ip{background:rgba(30,58,95,.06);color:#1E3A5F;border-color:rgba(30,58,95,.15);} :root[data-theme="light"] .om-tag-cold{background:rgba(107,114,128,.08);color:#4B5563;border-color:rgba(107,114,128,.15);} /* Close / Header pills */ :root[data-theme="light"] .om-close{background:transparent;border:none;color:#9CA3AF;border-radius:8px;width:32px;height:32px;} :root[data-theme="light"] .om-close:hover{color:#DC2626;background:rgba(220,38,38,.06);} :root[data-theme="light"] .om-hdr-pill{background:#F8FAFC;border:none;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.8);} :root[data-theme="light"] .om-hdr-pill-date{color-scheme:light;} :root[data-theme="light"] .om-hdr-pill-select option{background:#FFFFFF;} /* Body columns */ :root[data-theme="light"] .om-col-left{border-right:none;box-shadow:1px 0 0 rgba(0,0,0,.04);background:#FAFBFC;} :root[data-theme="light"] .om-col-right{background:#F0F3F7;border-left:none;} :root[data-theme="light"] .om-ftr{background:#FFFFFF;border-top:none;box-shadow:0 -1px 0 rgba(0,0,0,.04);} :root[data-theme="light"] .om-ftr .btn-ghost{background:#F1F3F5;color:var(--text);border:1px solid rgba(0,0,0,.08);border-radius:8px;} :root[data-theme="light"] .om-ftr .btn-ghost:hover{background:#E8EDF2;border-color:rgba(0,0,0,.12);} :root[data-theme="light"] .om-ftr .btn-red{background:rgba(220,38,38,.06);color:#DC2626;border:1px solid rgba(220,38,38,.12);border-radius:8px;} :root[data-theme="light"] .om-ftr .owner-nav-btn{background:#E8EDF2;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#374151;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.06);} :root[data-theme="light"] .om-ftr .owner-nav-btn:hover:not(:disabled){background:#DBEAFE;border-color:rgba(37,99,235,.25);color:#2563EB;box-shadow:0 2px 6px rgba(37,99,235,.1);} /* Sections */ :root[data-theme="light"] .om-section{background:#F8FAFC;border:1px solid rgba(0,0,0,.05);border-radius:10px;} /* Inputs — clean light fields */ :root[data-theme="light"] .om-input{background:#F9FAFB;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:#111827;} :root[data-theme="light"] .om-input:focus{border-color:#2563EB;box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 0 0 3px rgba(37,99,235,.08);} :root[data-theme="light"] .om-input::placeholder{color:#9CA3AF;} :root[data-theme="light"] .om-select{background:#F9FAFB;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:#111827;} :root[data-theme="light"] .om-select:focus{border-color:#2563EB;box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 0 0 3px rgba(37,99,235,.08);} /* Notes card */ :root[data-theme="light"] .om-notes-card{background:#FFFFFF;border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.04);border-left:3px solid #1E3A5F;} :root[data-theme="light"] .om-notes-card-hdr{background:linear-gradient(135deg,#1E3A5F,#2A4E7A);border-bottom:none;border-radius:0 11px 0 0;color:#FFFFFF !important;} :root[data-theme="light"] .om-notes-card-hdr svg{color:rgba(255,255,255,.7) !important;} :root[data-theme="light"] .om-notes-history-icon{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);} :root[data-theme="light"] .om-notes-history-icon:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);color:#FFFFFF;} :root[data-theme="light"] .om-notes-edit-toggle{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);} :root[data-theme="light"] .om-notes-edit-toggle:hover{background:rgba(255,255,255,.2);color:#FFFFFF;} :root[data-theme="light"] .om-notes-edit-toggle.active{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);color:#FFFFFF;} :root[data-theme="light"] .om-notes-textarea{background:#F9FAFB;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:#111827;} :root[data-theme="light"] .om-notes-textarea:focus{border-color:#1E3A5F;box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 0 0 3px rgba(30,58,95,.08);} :root[data-theme="light"] .om-notes-textarea::placeholder{color:#9CA3AF;} :root[data-theme="light"] .om-notes-input-row{border-top:none;box-shadow:0 -1px 0 rgba(0,0,0,.06);background:#FAFBFC;} :root[data-theme="light"] .om-notes-save-btn{background:#1E3A5F;color:#FFFFFF;} :root[data-theme="light"] .om-notes-save-btn:hover{background:#2A4E7A;box-shadow:0 4px 12px rgba(30,58,95,.2);} :root[data-theme="light"] .om-note-divider{background:rgba(0,0,0,.04);} :root[data-theme="light"] .om-note-action-btn{background:#F1F3F5;border:none;border-radius:6px;} :root[data-theme="light"] .om-note-action-btn:hover{background:rgba(30,58,95,.08);color:#1E3A5F;} :root[data-theme="light"] .om-note-edit-cancel{background:#F1F3F5;border:none;border-radius:6px;} /* Details card — navy header */ :root[data-theme="light"] .om-details-card{background:#FFFFFF;border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.04);border-left:3px solid #1E3A5F;} :root[data-theme="light"] .om-details-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08),0 0 0 1px rgba(30,58,95,.12);} :root[data-theme="light"] .om-details-card-hdr{background:linear-gradient(135deg,#1E3A5F,#2A4E7A);border-bottom:none;border-radius:0 11px 0 0;color:#FFFFFF !important;} :root[data-theme="light"] .om-details-card-hdr svg{color:rgba(255,255,255,.7) !important;} :root[data-theme="light"] .om-details-card-hdr:hover{background:linear-gradient(135deg,#2A4E7A,#1E3A5F);} :root[data-theme="light"] .om-details-caret{color:rgba(255,255,255,.6) !important;} :root[data-theme="light"] .om-detail-section{border-bottom:1px solid #F0F0F0;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .om-detail-section-title{color:#1E293B;} :root[data-theme="light"] .om-contacts-popup{background:#FFFFFF;border-color:#E5E7EB;} :root[data-theme="light"] .om-contacts-popup-hdr{background:#F8FAFC;border-bottom:1px solid #E5E7EB;} :root[data-theme="light"] .om-identity-age{background:#F1F3F5;border:1px solid rgba(0,0,0,.06);border-radius:6px;} /* Contact items */ :root[data-theme="light"] .om-contact-item:hover{background:#F8FAFC;} :root[data-theme="light"] .om-ci-value:focus{border-bottom-color:#1E3A5F;} :root[data-theme="light"] .om-ci-action.act-invalid:hover{color:#DC2626;border-color:rgba(220,38,38,.15);background:rgba(220,38,38,.06);} :root[data-theme="light"] .om-ci-action.act-invalid.active{color:#DC2626;border-color:rgba(220,38,38,.15);background:rgba(220,38,38,.06);} /* Call card — navy accent instead of green */ :root[data-theme="light"] .om-call-card{ background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.04); } :root[data-theme="light"] .om-call-card-hdr{ color:#1E3A5F;border-bottom:1px solid #F0F0F0;background:#F8FAFC; border-radius:11px 11px 0 0; } :root[data-theme="light"] .om-outcome-btn{background:rgba(255,255,255,.1);border-radius:10px;border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 3px rgba(0,0,0,.1);color:rgba(255,255,255,.7);} :root[data-theme="light"] .om-outcome-btn:hover{background:rgba(255,255,255,.15);box-shadow:0 2px 6px rgba(0,0,0,.12);} :root[data-theme="light"] .om-outcome-ans{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#4ADE80;} :root[data-theme="light"] .om-outcome-ans:hover{background:rgba(34,197,94,.25);border-color:rgba(34,197,94,.5);color:#86EFAC;box-shadow:0 2px 10px rgba(34,197,94,.2);} :root[data-theme="light"] .om-outcome-ans.active{background:rgba(34,197,94,.25);border-color:#22C55E;color:#86EFAC;box-shadow:0 2px 12px rgba(34,197,94,.25);} :root[data-theme="light"] .om-outcome-na{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.12);} :root[data-theme="light"] .om-outcome-na:hover{color:#FCA5A5;border-color:rgba(252,165,165,.3);box-shadow:0 2px 8px rgba(220,38,38,.1);} :root[data-theme="light"] .om-outcome-na.active{background:rgba(220,38,38,.15);border-color:#F87171;color:#FCA5A5;box-shadow:0 2px 10px rgba(220,38,38,.15);} /* Last call / Unreachable */ :root[data-theme="light"] .om-last-call-summary{background:#F8FAFC;border:1px solid rgba(0,0,0,.06);border-radius:8px;} :root[data-theme="light"] .om-unreachable-flag{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.12);color:#DC2626;border-radius:8px;} :root[data-theme="light"] .om-history-btn{background:#F1F3F5;border:none;border-radius:8px;} :root[data-theme="light"] .om-history-btn:hover{background:#E8EDF2;} /* Popups (history, offer) */ :root[data-theme="light"] .om-popup{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 4px 8px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08),0 24px 56px rgba(0,0,0,.06);} :root[data-theme="light"] .om-popup-hdr{background:#FFFFFF;border-bottom:1px solid #F0F0F0;border-radius:13px 13px 0 0;} :root[data-theme="light"] .om-popup-input{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);border-radius:8px;} :root[data-theme="light"] .om-popup-input:focus{border-color:#1E3A5F;box-shadow:0 0 0 3px rgba(30,58,95,.08);} :root[data-theme="light"] select.om-popup-input option{background:#FFFFFF;} :root[data-theme="light"] .eop-tab{border-color:rgba(0,0,0,.08);color:var(--muted);border-radius:8px;} :root[data-theme="light"] .eop-tab--active{background:rgba(30,58,95,.06);border-color:rgba(30,58,95,.15);color:#1E3A5F;} :root[data-theme="light"] .om-answered-panel{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 4px 8px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08);} /* Expandable sections (left col) */ :root[data-theme="light"] .oc-expand-toggle{background:#F8FAFC;border:1px solid rgba(0,0,0,.05);border-radius:10px;} :root[data-theme="light"] .oc-expand-toggle:hover{background:#F1F3F5;border-color:rgba(0,0,0,.08);} :root[data-theme="light"] .oc-expand-body{border:1px solid rgba(0,0,0,.05);background:#FFFFFF;border-radius:0 0 10px 10px;} :root[data-theme="light"] .oc-expand-count{background:rgba(30,58,95,.06);border-radius:6px;} :root[data-theme="light"] .oc-well-row:hover{background:#F8FAFC;} :root[data-theme="light"] .oc-well-offer{color:#0A7A56;} :root[data-theme="light"] .oc-well-total span:last-child{color:#0A7A56;} :root[data-theme="light"] .oc-mw-offer{color:#0A7A56;} :root[data-theme="light"] .oc-followup-hint{background:#F8FAFC;border:1px solid rgba(0,0,0,.05);border-radius:8px;} :root[data-theme="light"] .oc-legal-item+.oc-legal-item{border-top:1px solid #F0F0F0;} /* Offer value — dark green for light bg */ :root[data-theme="light"] .offer-val,:root[data-theme="light"] .m-field-val.gold{color:#0A7A56;} /* ══════════════════════════════════════════════════════════════ QUICK CALL MODE — full light-theme redesign White card, orange left accent, readable text, clean borders ══════════════════════════════════════════════════════════════ */ /* Overlay backdrop */ :root[data-theme="light"] #quickcall-overlay{ background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px); } /* Card — clean white, rounded, no left stripe */ :root[data-theme="light"] .quickcall-card{ background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:16px; box-shadow:0 4px 8px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08),0 24px 56px rgba(0,0,0,.06); } /* Header */ :root[data-theme="light"] .qc-header{background:#FFFFFF;border-bottom:1px solid #F0F0F0;border-radius:15px 15px 0 0;} :root[data-theme="light"] .qc-mode-badge{color:#1E3A5F;font-weight:700;} :root[data-theme="light"] .qc-hdr-lastcall{color:#6B7280;} :root[data-theme="light"] .qc-progress{color:#6B7280;} /* Skip & Close */ :root[data-theme="light"] .qc-skip-btn{background:#F1F3F5;border:none;color:#4B5563;border-radius:8px;} :root[data-theme="light"] .qc-skip-btn:hover{background:rgba(30,58,95,.08);color:#1E3A5F;} :root[data-theme="light"] .qc-close{background:transparent;border:none;color:#9CA3AF;border-radius:8px;} :root[data-theme="light"] .qc-close:hover{background:rgba(220,38,38,.06);color:#DC2626;} /* Owner info */ :root[data-theme="light"] .qc-owner-info{border-bottom:none;background:#FFFFFF;padding:0 8px 8px;} :root[data-theme="light"] .qc-owner-block{background:#FFFFFF;border:none;} :root[data-theme="light"] .qc-col-left{border-right:1px solid #F0F0F0;} :root[data-theme="light"] .qc-col-label{color:#1E3A5F;} :root[data-theme="light"] .qc-offer-stat-val{color:#111827;} :root[data-theme="light"] .qc-offer-stat-lbl{color:#6B7280;} :root[data-theme="light"] .qc-offer-lastcall{color:#6B7280;} :root[data-theme="light"] .qc-well-bar{background:transparent;border-top:1px solid #F0F0F0;border-radius:0;margin-top:10px;padding:8px 0 0;} :root[data-theme="light"] .qc-owner-block .qc-owner-name, :root[data-theme="light"] .qc-owner-name{color:#111827;} :root[data-theme="light"] .qc-owner-block .qc-owner-age, :root[data-theme="light"] .qc-owner-age{color:#6B7280;} :root[data-theme="light"] .qc-owner-address{color:#4B5563;} :root[data-theme="light"] .qc-owner-address svg{opacity:.6;color:#6B7280;} :root[data-theme="light"] .qc-divider{background:#F0F0F0;} /* Offer */ :root[data-theme="light"] .qc-owner-offer, :root[data-theme="light"] .qc-owner-block .qc-owner-offer{color:#0A7A56;} :root[data-theme="light"] .qc-offer-inline-val{color:#111827;} :root[data-theme="light"] .qc-offer-inline-lbl{color:#6B7280;} :root[data-theme="light"] .qc-offer-inline-sep, :root[data-theme="light"] .qc-contact-sep{color:#E5E7EB;} /* $/NRA input */ :root[data-theme="light"] .qc-dnra-input, :root[data-theme="light"] .qc-owner-block .qc-dnra-input{background:rgba(30,58,95,.06);border:1px solid rgba(30,58,95,.15);color:#1E3A5F;border-radius:6px;} :root[data-theme="light"] .qc-dnra-input:focus, :root[data-theme="light"] .qc-owner-block .qc-dnra-input:focus{border-color:#1E3A5F;background:rgba(30,58,95,.04);box-shadow:0 0 0 3px rgba(30,58,95,.1);} /* Well bar */ :root[data-theme="light"] .qc-well-bar{background:#F8FAFC;border-top:1px solid #F0F0F0;} /* Contact chips */ :root[data-theme="light"] .qc-contact-chip{background:#F8FAFC;border:1px solid rgba(0,0,0,.06);color:#111827;border-radius:8px;} :root[data-theme="light"] .qc-contact-chip:hover{border-color:rgba(30,58,95,.2);background:#F1F3F5;} :root[data-theme="light"] .qc-contact-chip.primary{border-color:rgba(30,58,95,.25);background:rgba(30,58,95,.06);color:#1E3A5F;} :root[data-theme="light"] .qc-contact-chip.invalid{color:#DC2626 !important;border-color:rgba(220,38,38,.15);} :root[data-theme="light"] .qc-no-contact{color:#6B7280;} /* ── LOG THIS CALL — navy section ──────────────────────── */ :root[data-theme="light"] .qc-log-section{ background:linear-gradient(145deg,#1E3A5F,#2A4E7A);border:none;border-radius:12px;color:#FFFFFF; } :root[data-theme="light"] .qc-log-title{color:#FFFFFF;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;} :root[data-theme="light"] .qc-log-section .f-label{color:rgba(255,255,255,.85) !important;} :root[data-theme="light"] .qc-log-section .f-ctrl{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#FFFFFF;border-radius:8px;color-scheme:dark;} :root[data-theme="light"] .qc-log-section .f-ctrl::placeholder{color:rgba(255,255,255,.5);} :root[data-theme="light"] .qc-log-section .f-ctrl:focus{border-color:rgba(255,255,255,.35);box-shadow:0 0 0 3px rgba(255,255,255,.08);background:rgba(255,255,255,.14);} :root[data-theme="light"] .qc-log-section select.f-ctrl option{background:#1E3A5F;color:#FFFFFF;} /* Action buttons inside navy */ :root[data-theme="light"] .qc-action-no-answer{background:rgba(255,255,255,.08);color:#FCA5A5;border:1px solid rgba(255,255,255,.15);border-radius:10px;} :root[data-theme="light"] .qc-action-no-answer:hover{background:rgba(255,255,255,.14);color:#FFFFFF;} :root[data-theme="light"] .qc-answered-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;} /* Follow-up hint */ :root[data-theme="light"] .qc-log-section .oc-followup-hint{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.9);border-radius:8px;} :root[data-theme="light"] .qc-log-section .oc-followup-hint b{color:#FFFFFF;} :root[data-theme="light"] .qc-log-section .qc-history-entry{color:rgba(255,255,255,.65);} :root[data-theme="light"] .qc-log-section .qc-history-entry b{color:#FFFFFF;} /* Open Full Card */ :root[data-theme="light"] .qc-btn-full{background:#F1F3F5;border:1px solid rgba(0,0,0,.06);color:#6B7280;} :root[data-theme="light"] .qc-btn-full:hover{background:#E8EDF2;color:#1E3A5F;border-color:rgba(0,0,0,.1);} /* Return to Quick Call */ :root[data-theme="light"] .qc-return-btn-hdr{background:rgba(34,197,94,.06);color:#0A7A56;border:1px solid rgba(34,197,94,.15);border-radius:8px;} :root[data-theme="light"] .qc-return-btn-hdr:hover{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.25);} /* ══════════════════════════════════════════════════════════════ COMMAND ASSISTANT (floating panel — stays dark) ══════════════════════════════════════════════════════════════ */ /* ── Call Assistant — light theme redesign ─────────────── */ :root[data-theme="light"] .ca-panel{ background:#FFFFFF; border:1px solid rgba(0,0,0,.08); border-radius:14px; box-shadow:0 4px 8px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08),0 24px 56px rgba(0,0,0,.06); } :root[data-theme="light"] .ca-panel-hdr{ background:#FFFFFF; border-bottom:1px solid #F0F0F0; border-radius:13px 13px 0 0; } :root[data-theme="light"] .ca-panel-title{color:#111827;} :root[data-theme="light"] .ca-panel-close{ background:transparent;border:none;color:#9CA3AF;border-radius:8px; } :root[data-theme="light"] .ca-panel-close:hover{background:rgba(0,0,0,.05);color:#111827;} :root[data-theme="light"] .ca-section-label{color:#6B7280;} :root[data-theme="light"] .ca-section-label.urgent{color:#DC2626;} :root[data-theme="light"] .ca-section-label.today{color:#1E3A5F;} :root[data-theme="light"] .ca-owner-row:hover{background:#F8FAFC;} :root[data-theme="light"] .ca-owner-name{color:#111827;} :root[data-theme="light"] .ca-owner-prop{color:#6B7280;} :root[data-theme="light"] .ca-call-btn.red{ background:rgba(220,38,38,.06);color:#DC2626;border-color:rgba(220,38,38,.12);border-radius:8px; } :root[data-theme="light"] .ca-call-btn.red:hover{background:rgba(220,38,38,.12);} :root[data-theme="light"] .ca-call-btn.gold{ background:rgba(30,58,95,.06);color:#1E3A5F;border-color:rgba(30,58,95,.12);border-radius:8px; } :root[data-theme="light"] .ca-call-btn.gold:hover{background:rgba(30,58,95,.12);} :root[data-theme="light"] .ca-panel-ftr{border-top:1px solid #F0F0F0;} :root[data-theme="light"] .ca-start-btn{ background:#2563EB;color:#FFFFFF;border-radius:8px; } :root[data-theme="light"] .ca-start-btn:hover{background:#1D4ED8;} :root[data-theme="light"] .ca-empty{color:#9CA3AF;} :root[data-theme="light"] .ca-btn{background:#1E2128;box-shadow:0 4px 16px rgba(0,0,0,.2);} :root[data-theme="light"] .ca-btn:hover{box-shadow:0 6px 24px rgba(0,0,0,.3);} :root[data-theme="light"] .ca-badge{border-color:#FFFFFF;} :root[data-theme="light"] .notif-ov-badge{border-color:var(--s1);} :root[data-theme="light"] .ca-divider{background:#F0F0F0;} /* ══════════════════════════════════════════════════════════════ NOTIFICATION DROPDOWN — light theme ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] #notif-ov-dropdown{ background:#FFFFFF; border:1px solid rgba(0,0,0,.08); border-radius:14px; box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.08), 0 24px 56px rgba(0,0,0,.06); } :root[data-theme="light"] .notif-ov-drophdr{ background:#FFFFFF; border-bottom:1px solid #F0F0F0; padding:16px 20px; } :root[data-theme="light"] .notif-ov-drophdr-title{color:#111827;font-weight:700;font-size:12px;} :root[data-theme="light"] .notif-ov-goto{ color:#1E3A5F; background:rgba(30,58,95,.06); border:1px solid rgba(30,58,95,.12); border-radius:8px; font-size:10px; padding:6px 14px; } :root[data-theme="light"] .notif-ov-goto:hover{ background:rgba(30,58,95,.12); border-color:rgba(30,58,95,.2); } :root[data-theme="light"] .notif-ov-close{ color:#9CA3AF; background:transparent;border:none;border-radius:8px; width:28px;height:28px; } :root[data-theme="light"] .notif-ov-close:hover{color:#111827;background:rgba(0,0,0,.05);} :root[data-theme="light"] #notif-ov-content{color:var(--text);} :root[data-theme="light"] .notif-ov-drophdr svg rect{stroke:rgba(30,58,95,.3);} /* ══════════════════════════════════════════════════════════════ PROJECT AREAS PAGE — light theme ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .pap-header{background:#FFFFFF;border-bottom:1px solid #F0F0F0;} :root[data-theme="light"] .pap-search{background:#F8FAFC;border:1px solid rgba(0,0,0,.08);} :root[data-theme="light"] .pap-search:focus{border-color:#1E3A5F;box-shadow:0 0 0 3px rgba(30,58,95,.06);background:#FFFFFF;} /* Priority strip */ :root[data-theme="light"] .pap-priority{background:#FEF2F2;border:1px solid rgba(220,38,38,.1);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.03);} :root[data-theme="light"] .pap-priority-chip{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px rgba(0,0,0,.03);} :root[data-theme="light"] .pap-priority-chip:hover{background:#F8FAFC;border-color:rgba(0,0,0,.12);box-shadow:0 2px 6px rgba(0,0,0,.06);} /* Client sections */ :root[data-theme="light"] .pap-section{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04);} :root[data-theme="light"] .pap-section-hdr{background:#DBEAFE;border-bottom:1px solid rgba(37,99,235,.1);border-radius:13px 13px 0 0;} :root[data-theme="light"] .pap-section-hdr .pap-section-name{color:#1E3A5F;} :root[data-theme="light"] .pap-section-hdr .pap-section-chevron{color:#1E3A5F;} :root[data-theme="light"] .pap-section-hdr .pap-section-owners{color:#4B5563;} :root[data-theme="light"] .pap-section-hdr .pap-section-badge{background:rgba(30,58,95,.12);color:#1E3A5F;} :root[data-theme="light"] .pap-section-name{color:#111827;font-size:15px;} :root[data-theme="light"] .pap-section-badge{background:#DBEAFE;color:#1D4ED8;font-weight:700;} :root[data-theme="light"] .pap-section-owners{color:#6B7280;} /* AOI cards */ :root[data-theme="light"] .pap-card{ background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03); } :root[data-theme="light"] .pap-card:hover{ border-color:rgba(30,58,95,.15);transform:translateY(-2px); box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04); } :root[data-theme="light"] .pap-card-name{color:#111827;font-size:15px;} :root[data-theme="light"] .pap-card-owners{color:#6B7280;} :root[data-theme="light"] .pap-card-bar{background:#E8EDF2;height:8px;border-radius:4px;} :root[data-theme="light"] .pap-card-meta{border-top-color:#F0F0F0;} :root[data-theme="light"] .pap-card-stat-val{color:#111827;font-size:14px;} :root[data-theme="light"] .pap-card-stat-lbl{color:#9CA3AF;} :root[data-theme="light"] .pap-alert-red{background:rgba(220,38,38,.1);color:#DC2626;font-weight:700;} :root[data-theme="light"] .pap-alert-amber{background:rgba(245,158,11,.1);color:#B45309;font-weight:700;} /* ══════════════════════════════════════════════════════════════ MISC SURFACES ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .mw-card{background:#FFFFFF;border:1px solid rgba(var(--accent-rgb),.12);} :root[data-theme="light"] .mw-well-pill{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);} :root[data-theme="light"] .mw-offer-item{background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.1);} :root[data-theme="light"] .mw-total-val{color:#0A7A56;} :root[data-theme="light"] .mw-offer-amt{color:#0A7A56;} :root[data-theme="light"] .upload-zone{background:rgba(var(--accent-rgb),.04);border:2px dashed rgba(var(--accent-rgb),.2);} :root[data-theme="light"] .upload-zone:hover{border-color:var(--accent);} :root[data-theme="light"] .setup-card{background:#FFFFFF;border:1px solid rgba(var(--accent-rgb),.12);} :root[data-theme="light"] .setup-steps{background:#F1F3F5;border:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .setup-folder-display{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);color:var(--accent-deep);} :root[data-theme="light"] .clog{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);} :root[data-theme="light"] .clog:hover{border-color:rgba(var(--accent-rgb),.2);} :root[data-theme="light"] .note-entry{background:rgba(var(--accent-rgb),.04);border:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .note-entry:hover{border-color:rgba(var(--accent-rgb),.2);} :root[data-theme="light"] .rename-input{background:#F1F3F5;border:1px solid rgba(0,0,0,.12);} :root[data-theme="light"] .legal-dropdown-body{background:#FFFFFF;} :root[data-theme="light"] .legal-dropdown-toggle{background:#FFFFFF;border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .dnra-display{background:#FFFFFF;border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .dnra-display:hover{border-color:var(--accent);} :root[data-theme="light"] .dnra-display.custom-set{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.04);} :root[data-theme="light"] .dnra-display.custom-set .dnra-val{color:#0A7A56;} :root[data-theme="light"] .dnra-input{background:#F1F3F5;border:1px solid var(--accent);} :root[data-theme="light"] .dnra-cancel{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .dnra-reset{border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .timer-settings-bar{background:#FFFFFF;border:1px solid rgba(var(--accent-rgb),.12);} :root[data-theme="light"] .timer-input{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .timer-input:focus{border-color:var(--accent);} :root[data-theme="light"] .timer-save-btn{ background:linear-gradient(135deg,var(--accent-hover),var(--accent));color:#fff; } /* ── ADDRESS ACCORDION ───────────────────────────────── */ :root[data-theme="light"] .addr-toggle{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);} :root[data-theme="light"] .addr-toggle:hover{background:#E5E7EB;border-color:rgba(0,0,0,.12);} :root[data-theme="light"] .addr-body{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);} :root[data-theme="light"] .legal-display{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);} /* ── WELL FILTER LIST ────────────────────────────────── */ :root[data-theme="light"] .wf-divider{background:rgba(0,0,0,.06);} :root[data-theme="light"] .wf-item:hover{background:rgba(var(--accent-rgb),.06);} :root[data-theme="light"] .wf-item.on{background:rgba(var(--accent-rgb),.1);} /* ── INDUSTRY PRO (readable on light) ────────────────── */ :root[data-theme="light"] .ip-badge{background:rgba(124,95,200,.08);color:#5B42A8;border:1px solid rgba(124,95,200,.2);} :root[data-theme="light"] .ip-badge-sm{background:rgba(124,95,200,.06);color:#5B42A8;border:1px solid rgba(124,95,200,.18);} :root[data-theme="light"] .ip-toggle-btn.active{background:rgba(124,95,200,.08);border-color:rgba(124,95,200,.3);color:#5B42A8;} :root[data-theme="light"] .ip-toggle-dot{background:#5B42A8;} :root[data-theme="light"] .ip-hdr-toggle.flagged{border-color:rgba(124,95,200,.35);background:rgba(124,95,200,.08);} :root[data-theme="light"] .ip-hdr-toggle.flagged .ip-hdr-toggle-label{color:#5B42A8;} /* ── ALERT PILLS ─────────────────────────────────────── */ :root[data-theme="light"] .alert-gold{background:rgba(245,158,11,.12);color:#92400E;border:1px solid rgba(245,158,11,.3);} :root[data-theme="light"] .alert-red{background:rgba(239,68,68,.1);color:#991B1B;border:1px solid rgba(239,68,68,.3);} /* ── DUPE / MULTI PILLS ──────────────────────────────── */ :root[data-theme="light"] .dupe-pill{background:rgba(220,69,69,.06);color:#A82A2A;border:1px solid rgba(220,69,69,.15);} :root[data-theme="light"] .multi-pill{background:rgba(var(--accent-rgb),.06);color:var(--accent-deep);border:1px solid rgba(var(--accent-rgb),.18);} /* ── PROFILE PICKER ──────────────────────────────────── */ :root[data-theme="light"] .pp-card{border:1px solid rgba(0,0,0,.08);} :root[data-theme="light"] .pp-card:hover{background:rgba(var(--accent-rgb),.04);border-color:rgba(var(--accent-rgb),.2);} :root[data-theme="light"] .pp-color-dot.selected{border-color:var(--text);} /* ── SYNC STATUS ─────────────────────────────────────── */ :root[data-theme="light"] .sync-status{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#FFFFFF;} :root[data-theme="light"] .sync-status:hover{border-color:rgba(255,255,255,.3);} /* ── VIEW HEADER ─────────────────────────────────────── */ :root[data-theme="light"] .vh-bg{background:linear-gradient(180deg,rgba(var(--accent-rgb),.04) 0%,transparent 70%);border-bottom:1px solid rgba(var(--accent-rgb),.08);} :root[data-theme="light"] #pv-header .vh-bg{background:none;border-bottom:none;} /* ── PV META BLOCK ───────────────────────────────────── */ :root[data-theme="light"] .pv-meta-block{background:rgba(var(--accent-rgb),.03);border-left:2px solid rgba(var(--accent-rgb),.2);} /* ── VELOCITY CHART ──────────────────────────────────── */ :root[data-theme="light"] .vc-bar:hover::after{background:#FFFFFF;border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .velocity-section{border-top:1px solid rgba(0,0,0,.06);} /* ── CALL LOG (dark colors for badges) ───────────────── */ :root[data-theme="light"] .clog-lead-hot{background:rgba(192,82,78,.1);color:#A82A2A;} :root[data-theme="light"] .clog-lead-cold{background:rgba(var(--accent-rgb),.08);} /* ── WELLS TABLE (modal) ─────────────────────────────── */ :root[data-theme="light"] .wells-tbl th{background:rgba(var(--accent-rgb),.04);border-bottom:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .wells-tbl td{border-bottom:1px solid rgba(0,0,0,.04);} /* ── SCROLLBAR ───────────────────────────────────────── */ :root[data-theme="light"] ::-webkit-scrollbar-track{background:rgba(0,0,0,.03);} :root[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);} :root[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25);} /* ── DAILY GOAL BAR — stays dark ─────────────────────── */ :root[data-theme="light"] .daily-goal-bar{background:linear-gradient(135deg,#080C14 0%,#080C14 100%);border:1px solid rgba(var(--accent-rgb),.35);} /* ── ANALYTICS — stays dark ──────────────────────────── */ :root[data-theme="light"] .analytics-section{background:#080C14;border:1px solid rgba(255,255,255,.08);} /* ── EMPTY STATE ─────────────────────────────────────── */ :root[data-theme="light"] .om-empty{border:1px dashed rgba(0,0,0,.12);} /* ── NOTIFICATION ITEMS (legacy) ─────────────────────── */ :root[data-theme="light"] .notif-item{border-bottom:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .notif-item:hover{background:rgba(var(--accent-rgb),.04);} :root[data-theme="light"] .ni-offer{color:#0A7A56;} /* ── PROFILE AVATAR TEXT ─────────────────────────────── */ :root[data-theme="light"] .profile-avatar,:root[data-theme="light"] .pm-avatar-lg{color:#e8e8e8 !important;} /* ── GREEN VALUES → darker green for light bg ────────── */ :root[data-theme="light"] .gs-result-val{color:#0A7A56;} /* ══════════════════════════════════════════════════════════════ TABLE TEXT — td/th use --text-on-dark which stays light; override to dark text on light table rows ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] tbody td{color:var(--text);} :root[data-theme="light"] .td-name{color:var(--text);} :root[data-theme="light"] .td-mono{color:var(--text);} :root[data-theme="light"] tr.row-deceased td{color:rgba(0,0,0,.35);} :root[data-theme="light"] .row-completed{background:rgba(34,197,94,.04) !important;border-left:3px solid #16A34A !important;} :root[data-theme="light"] .row-completed:hover{background:rgba(34,197,94,.07) !important;} /* ══════════════════════════════════════════════════════════════ PAGER ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .pager{border-top:1px solid #F0F0F0;} :root[data-theme="light"] .pager-info{color:#6B7280;} /* ══════════════════════════════════════════════════════════════ VIEW HEADER / PV HEADER — main content uses --text-on-dark ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .view-header .vh-sub, :root[data-theme="light"] #pv-header .vh-sub{color:var(--muted);} :root[data-theme="light"] .vh-title{color:var(--text);} :root[data-theme="light"] #pv-header .vh-title{color:var(--text);} :root[data-theme="light"] .view-header .vh-actions .btn, :root[data-theme="light"] .view-header .vh-actions button{ color:var(--text);border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.04); } :root[data-theme="light"] .view-header .vh-actions .btn:hover, :root[data-theme="light"] .view-header .vh-actions button:hover{ color:var(--text);border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.08); } /* ══════════════════════════════════════════════════════════════ PROJECT VIEW (pv-hero, filters, context, call menu) ══════════════════════════════════════════════════════════════ */ /* ── AOI Page — matching Contact Book theme ────────── */ :root[data-theme="light"] .pv-hero{ background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:14px; box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.05); } :root[data-theme="light"] .pv-hdr-title{color:#111827;font-size:24px;font-weight:800;letter-spacing:-.03em;} :root[data-theme="light"] .pv-metric-val{color:#111827;} :root[data-theme="light"] .pv-metric-lbl{color:#6B7280;} :root[data-theme="light"] .pv-metric-of{color:#9CA3AF;} :root[data-theme="light"] .pv-metric-divider{background:#E5E7EB;} :root[data-theme="light"] .pv-call-btn{background:#2563EB;box-shadow:0 2px 8px rgba(37,99,235,.25);} :root[data-theme="light"] .pv-call-btn:hover{background:#1D4ED8;box-shadow:0 4px 16px rgba(37,99,235,.3);} :root[data-theme="light"] .pv-call-opt{color:#111827;} :root[data-theme="light"] .pv-call-opt:hover{background:#F8FAFC;} :root[data-theme="light"] .pv-call-menu{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.1);} :root[data-theme="light"] .pv-filter-pill{ background:#FFFFFF;border:1px solid rgba(0,0,0,.06);color:#6B7280; box-shadow:0 1px 3px rgba(0,0,0,.03);border-radius:10px; } :root[data-theme="light"] .pv-filter-pill:hover{border-color:rgba(0,0,0,.12);color:#111827;} :root[data-theme="light"] .pv-filter-pill.active{background:#DBEAFE;border-color:rgba(37,99,235,.2);color:#1D4ED8;} :root[data-theme="light"] .tbody-pinned tr:last-child td{border-bottom:3px solid #2563EB !important;box-shadow:0 4px 10px rgba(0,0,0,.06);} :root[data-theme="light"] .row-pinned{background:#EDF2FC !important;border-left:3px solid #2563EB !important;} :root[data-theme="light"] .row-pinned td{border-bottom:1px solid rgba(37,99,235,.1) !important;} :root[data-theme="light"] .row-pinned:hover{background:#E3EAFA !important;} :root[data-theme="light"] .pin-icon.pinned{color:#2563EB;background:rgba(37,99,235,.06);} :root[data-theme="light"] .pin-icon.pinned:hover{background:rgba(37,99,235,.12);} :root[data-theme="light"] .pin-icon:hover{background:rgba(37,99,235,.06);} :root[data-theme="light"] .pin-drag-over{box-shadow:inset 0 -2px 0 #2563EB !important;} :root[data-theme="light"] .asset-tab{background:#FFFFFF;border-color:rgba(0,0,0,.08);color:#6B7280;box-shadow:0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .asset-tab:hover{background:#F8FAFC;color:#374151;} :root[data-theme="light"] .asset-tab.active{background:#DBEAFE;border-color:rgba(37,99,235,.2);color:#1D4ED8;} :root[data-theme="light"] .pv-well-bar-wrap{background:#F8FAFC;border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 1px 2px rgba(0,0,0,.03);} :root[data-theme="light"] .pv-well-chip{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);color:#6B7280;box-shadow:0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .pv-well-chip:hover{border-color:rgba(0,0,0,.15);color:#111827;background:#FFFFFF;box-shadow:0 2px 4px rgba(0,0,0,.06);} :root[data-theme="light"] .pv-well-chip.active{background:#DBEAFE;border-color:rgba(37,99,235,.25);color:#1D4ED8;box-shadow:0 1px 4px rgba(37,99,235,.12);} :root[data-theme="light"] .pv-well-bar-count{background:rgba(0,0,0,.04);} :root[data-theme="light"] .pv-ctx-card{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04);} :root[data-theme="light"] .pv-ctx-title{color:#111827;} :root[data-theme="light"] .pv-ctx-info-val{color:#111827;} :root[data-theme="light"] .pv-ctx-detail{color:#4B5563;} :root[data-theme="light"] .pv-ctx-info-box{background:#F8FAFC;border:1px solid #F0F0F0;} :root[data-theme="light"] .pv-ctx-well{color:#111827;background:#F8FAFC;border:1px solid rgba(0,0,0,.06);border-radius:8px;} :root[data-theme="light"] .pv-analytics-close{background:#F1F3F5;color:#6B7280;border:none;border-radius:8px;} :root[data-theme="light"] .pv-analytics-close:hover{background:#E8EDF2;color:#111827;} /* ══════════════════════════════════════════════════════════════ CALL BOARD (cb-*) ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .cb-title{color:var(--text);} :root[data-theme="light"] .cb-search{ background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.05); transition:all .2s; } :root[data-theme="light"] .cb-search:focus-within{ border-color:#1E3A5F; box-shadow:0 0 0 3px rgba(30,58,95,.1),0 4px 16px rgba(0,0,0,.08); } :root[data-theme="light"] .cb-search input{color:#111827;} :root[data-theme="light"] .cb-stat{ border:none;border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.05); background:#DBEAFE; transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1); } :root[data-theme="light"] .cb-stat:hover{ transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.12); } /* All stat cards same color — data differentiates, not container */ :root[data-theme="light"] .cb-stat-val{color:#111827;} :root[data-theme="light"] .cb-stat-lbl{color:#4B5563;} :root[data-theme="light"] .cb-action-btn{background:#F1F3F5;border:1px solid rgba(0,0,0,.06);color:#111827;box-shadow:none;border-radius:10px;transition:all .15s;} :root[data-theme="light"] .cb-action-btn:hover{background:#E8EDF2;border-color:rgba(0,0,0,.1);} :root[data-theme="light"] .cb-export-btn{ background:#1E2128 !important;color:#FFFFFF !important;border:none !important; box-shadow:0 2px 8px rgba(0,0,0,.15);font-weight:700; } :root[data-theme="light"] .cb-export-btn:hover{ background:#2A3040 !important; box-shadow:0 4px 16px rgba(0,0,0,.2);transform:translateY(-1px); } :root[data-theme="light"] .cb-export-dd{ background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:10px; box-shadow:0 4px 16px rgba(0,0,0,.1); } :root[data-theme="light"] .cb-export-opt:hover{background:#F8FAFC;} :root[data-theme="light"] .cb-export-dd-label{color:#9CA3AF;} :root[data-theme="light"] .nq-page-title{color:var(--text);} :root[data-theme="light"] .nq-page-stat{background:#FFFFFF;border:1px solid rgba(var(--accent-rgb),.12);box-shadow:var(--shadow-sm);} :root[data-theme="light"] .nq-sec-title{color:var(--text);} /* ══════════════════════════════════════════════════════════════ SEARCH BOX INPUT — hardcoded #FFFFFF text ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .search-box input{color:var(--text);} :root[data-theme="light"] .search-box input::placeholder{color:var(--dim);} :root[data-theme="light"] .fd-btn{color:#111827;} :root[data-theme="light"] .fd-btn::after{color:#9CA3AF;} :root[data-theme="light"] .tbl-filter-label{color:#6B7280;} :root[data-theme="light"] .per-page-sel,.sort-sel{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);color:#111827;} /* ══════════════════════════════════════════════════════════════ IP TOGGLE / DECEASED (default states — rgba(255,255,255) patterns) ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .ip-toggle-btn{border:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,.03);} :root[data-theme="light"] .ip-toggle-btn:hover{border-color:rgba(0,0,0,.2);background:rgba(0,0,0,.06);color:var(--text);} /* ══════════════════════════════════════════════════════════════ DEAL PIPELINE ══════════════════════════════════════════════════════════════ */ /* ── Deal Pipeline — clean theme ─────────────────────── */ :root[data-theme="light"] .deal-column{ background:#F8FAFC;border:1px solid rgba(0,0,0,.06);border-radius:14px; } :root[data-theme="light"] .deal-column-hdr{background:#FFFFFF;border-radius:13px 13px 0 0;border-bottom:1px solid #F0F0F0;} :root[data-theme="light"] .deal-column-count{color:#111827;background:rgba(0,0,0,.05);border-radius:8px;} :root[data-theme="light"] .deal-card{ background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .15s; } :root[data-theme="light"] .deal-card:hover{border-color:rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px);} :root[data-theme="light"] .deal-card-name{color:#111827;} :root[data-theme="light"] .deal-card-mid{border-top:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;} :root[data-theme="light"] .deal-card-nra{color:#1E3A5F;} :root[data-theme="light"] .deal-card-price{color:#0A7A56;} :root[data-theme="light"] .deal-card-age{background:#F1F3F5;color:#6B7280;border-radius:6px;} :root[data-theme="light"] .deal-card-checklist{background:rgba(37,99,235,.08);color:#2563EB;} /* Deal detail panel */ :root[data-theme="light"] .deal-panel{ background:#FFFFFF; border-left:1px solid rgba(0,0,0,.06); box-shadow:-4px 0 24px rgba(0,0,0,.08);border-radius:14px 0 0 14px; } :root[data-theme="light"] .deal-panel-owner{color:#111827;} :root[data-theme="light"] .deal-panel-close{background:transparent;border:none;color:#9CA3AF;border-radius:8px;} :root[data-theme="light"] .deal-panel-close:hover{background:rgba(220,38,38,.06);color:#DC2626;} :root[data-theme="light"] .deal-panel-action-btn{background:#F1F3F5;border:1px solid rgba(0,0,0,.06);border-radius:8px;color:#111827;} :root[data-theme="light"] .deal-panel-action-btn:hover{background:#E8EDF2;border-color:rgba(0,0,0,.1);} :root[data-theme="light"] .deal-panel-download{background:#1E2128 !important;color:#FFFFFF !important;border:none !important;box-shadow:0 2px 8px rgba(0,0,0,.15);} :root[data-theme="light"] .deal-panel-download:hover{background:#2A3040 !important;box-shadow:0 4px 16px rgba(0,0,0,.2);} :root[data-theme="light"] .deal-panel-section{ background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.03); } :root[data-theme="light"] .deal-panel-section:hover{border-color:rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.06);} :root[data-theme="light"] .deal-panel-status-select{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);border-radius:8px;} :root[data-theme="light"] .deal-field:hover{background:#F8FAFC;} :root[data-theme="light"] .deal-field-label{color:#6B7280;} :root[data-theme="light"] .deal-field-value{color:#111827;} :root[data-theme="light"] .deal-field-overdue{color:#DC2626 !important;font-weight:800;} :root[data-theme="light"] .deal-field-urgent{color:#B45309 !important;font-weight:700;} :root[data-theme="light"] .deal-date-clickable{cursor:pointer;transition:color .12s;} :root[data-theme="light"] .deal-date-clickable:hover{color:#2563EB !important;} :root[data-theme="light"] .deal-field-input{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);border-radius:8px;} :root[data-theme="light"] .deal-field-input:focus{border-color:#1E3A5F;box-shadow:0 0 0 3px rgba(30,58,95,.08);} :root[data-theme="light"] .deal-date-current{color:#111827;} :root[data-theme="light"] .deal-cl-item{border:1px solid rgba(0,0,0,.06);background:#F8FAFC;border-radius:8px;} :root[data-theme="light"] .deal-cl-item:hover{background:#F1F3F5;border-color:rgba(0,0,0,.1);} :root[data-theme="light"] .deal-wiring-modal{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);} :root[data-theme="light"] .deal-wiring-field input,:root[data-theme="light"] .deal-wiring-field select{background:#F9FAFB;border-color:#E5E7EB;} :root[data-theme="light"] .deal-cl-dot{background:#E8EDF2;border-color:rgba(0,0,0,.1);} ::root[data-theme="light"] .deal-tpl-btn{color:#374151;border-color:rgba(0,0,0,.1);background:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .deal-tpl-btn:hover{background:#F0F5FF;border-color:rgba(37,99,235,.25);color:#2563EB;box-shadow:0 2px 8px rgba(37,99,235,.1),0 1px 3px rgba(0,0,0,.06);} :root[data-theme="light"] .psa-tpl-menu{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px rgba(0,0,0,.1);} :root[data-theme="light"] .psa-tpl-item-icon{background:rgba(37,99,235,.05);color:#2563EB;} :root[data-theme="light"] .psa-tpl-divider{background:rgba(0,0,0,.06);} :root[data-theme="light"] .psa-tpl-item:hover{background:#F8FAFC;} :root[data-theme="light"] .psa-tpl-add{border-color:rgba(0,0,0,.1);color:#2563EB;} :root[data-theme="light"] .psa-tpl-add:hover{background:#F8FAFC;} :root[data-theme="light"] .deal-psa-btn{background:rgba(37,99,235,.03);border-color:rgba(37,99,235,.1);} :root[data-theme="light"] .deal-psa-btn:hover{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.2);box-shadow:0 2px 12px rgba(37,99,235,.08);} :root[data-theme="light"] .deal-psa-btn-icon{background:rgba(37,99,235,.06);color:#2563EB;} :root[data-theme="light"] .deal-psa-btn-action{background:rgba(37,99,235,.06);color:#2563EB;} :root[data-theme="light"] .deal-psa-btn:hover .deal-psa-btn-action{background:rgba(37,99,235,.12);} :root[data-theme="light"] .deal-tract-row{background:#F9FAFB;border-color:rgba(0,0,0,.06);} :root[data-theme="light"] .deal-tract-dnra-input{background:#FFFFFF;border-color:rgba(0,0,0,.1);} :root[data-theme="light"] .deal-total-row{border-top-color:rgba(0,0,0,.08);} :root[data-theme="light"] .deal-psa-upload-btn{background:#2563EB;} :root[data-theme="light"] .deal-psa-manage{border-color:rgba(0,0,0,.1);} :root[data-theme="light"] .deal-psa-manage:hover{background:#F1F5F9;color:#2563EB;border-color:rgba(37,99,235,.2);} :root[data-theme="light"] .deal-psa-del:hover{color:#DC2626;background:rgba(220,38,38,.06);} :root[data-theme="light"] .deal-overlay{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);} :root[data-theme="light"] .deal-timeline-item{border-left-color:#E5E7EB;} :root[data-theme="light"] .deal-timeline-text{color:#4B5563;} :root[data-theme="light"] .deal-timeline-date{color:#9CA3AF;} :root[data-theme="light"] .deal-note-area{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);border-radius:8px;} :root[data-theme="light"] .deal-note-area:focus{border-color:#1E3A5F;background:#FFFFFF;} :root[data-theme="light"] .deal-note-submit{background:#2563EB;color:#FFFFFF;border-radius:8px;} :root[data-theme="light"] .deal-note-submit:hover{background:#1D4ED8;} /* ══════════════════════════════════════════════════════════════ IMPORT REVIEW (ir-*) ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .ir-nra-text{color:var(--text);} :root[data-theme="light"] .ir-nra-text code{background:rgba(var(--accent-rgb),.08);color:var(--color-blue);} :root[data-theme="light"] .ir-stats{ background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.15); color:var(--muted); } :root[data-theme="light"] .ir-stat b{color:var(--text);} :root[data-theme="light"] .ir-bulk{background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.12);} :root[data-theme="light"] .ir-bulk-label{color:var(--muted);} :root[data-theme="light"] .ir-bulk-input{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);color:var(--text);} :root[data-theme="light"] .ir-config{background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.12);} :root[data-theme="light"] .ir-config-divider{background:rgba(0,0,0,.08);} :root[data-theme="light"] .ir-config select{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);color:var(--text);} :root[data-theme="light"] .ir-table th{background:#1E3A5F;color:#FFFFFF;} :root[data-theme="light"] .ir-table td{color:#111827;} :root[data-theme="light"] .ir-table input{color:#111827;background:#F9FAFB;border-color:rgba(0,0,0,.1);} :root[data-theme="light"] .ir-prop-tab{border-color:rgba(0,0,0,.1);color:var(--muted);} :root[data-theme="light"] .ir-prop-tab:hover{color:var(--text);background:rgba(var(--accent-rgb),.06);} :root[data-theme="light"] .ir-prop-tab.active{background:#FFFFFF;color:var(--text);border-color:rgba(0,0,0,.15);} :root[data-theme="light"] .ir-prop-tab .ir-tab-count{color:var(--dim);} /* ══════════════════════════════════════════════════════════════ DESKTOP / DASHBOARD CARDS (dk-*, dka-*) ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .dk-card{ background:#FFFFFF;border:1px solid #E5E7EB; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04); } :root[data-theme="light"] .dk-card:hover{border-color:rgba(0,0,0,.12);} :root[data-theme="light"] .dk-card-title{color:#111827;} :root[data-theme="light"] .dk-search-input{ background:#F1F3F5;border:1px solid rgba(0,0,0,.1); color:var(--text);box-shadow:none; } :root[data-theme="light"] .dk-tree-card .dt-row{color:var(--text);} :root[data-theme="light"] .dk-tree-card .dt-row:hover{background:rgba(0,0,0,.03);} :root[data-theme="light"] .dk-tree-card .dt-row.active{background:rgba(37,99,235,.08);border-left:3px solid #2563EB;} /* Client rows — section header with subtle tinted background */ :root[data-theme="light"] .dk-tree-card .dt-row.dt-client{ background:rgba(30,58,95,.04); border-top:1px solid #E5E7EB; margin-top:6px; } :root[data-theme="light"] .dk-tree-card .dt-group:first-child>.dt-row.dt-client{border-top:none;margin-top:0;} :root[data-theme="light"] .dk-tree-card .dt-row.dt-client:hover{background:rgba(30,58,95,.07);} :root[data-theme="light"] .dk-tree-card .dt-client-label{color:#111827;font-size:13px;font-weight:700;} /* AOI rows — clean white with accent on active */ :root[data-theme="light"] .dk-tree-card .dt-row.dt-aoi{background:transparent;} :root[data-theme="light"] .dk-tree-card .dt-row.dt-aoi.active{background:rgba(37,99,235,.08);border-left:3px solid #2563EB;} :root[data-theme="light"] .dk-tree-card .dt-aoi-label{color:#1E3A5F;font-weight:600;} /* County — slightly muted but legible */ :root[data-theme="light"] .dk-tree-card .dt-county .dt-label{color:#4B5563;font-size:11px;} /* Well — readable secondary text */ :root[data-theme="light"] .dk-tree-card .dt-well .dt-label{color:#6B7280;} /* Overdue warning — brighter red in light mode */ :root[data-theme="light"] .dk-tree-card .dt-warn{color:#DC2626;font-size:10px;font-weight:700;} :root[data-theme="light"] .dk-goal-num{color:var(--text);} :root[data-theme="light"] .dk-ct-out-val{color:var(--text);} :root[data-theme="light"] .dk-ct-bar-lbl.dk-ct-today{color:var(--text);} :root[data-theme="light"] .dk-ct-actions{border-top:1px solid rgba(0,0,0,.06);gap:8px;padding-top:12px;} :root[data-theme="light"] .dk-ct-act{ background:#FFFFFF;border:1px solid rgba(0,0,0,.06); border-radius:10px;padding:12px 8px; box-shadow:0 1px 3px rgba(0,0,0,.04); transition:transform .15s,box-shadow .15s; } :root[data-theme="light"] .dk-ct-act:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.08);} /* Due Today — amber tinted */ :root[data-theme="light"] .dk-ct-act-warn{ background:linear-gradient(145deg,#FFFBEB,#FEF3C7); border:1px solid rgba(245,158,11,.2); border-left:3px solid #F59E0B; } :root[data-theme="light"] .dk-ct-act-warn .dk-ct-act-val{color:#B45309 !important;} :root[data-theme="light"] .dk-ct-act-warn .dk-ct-act-lbl{color:#92400E !important;} /* Past Due — red tinted */ :root[data-theme="light"] .dk-ct-act-alert{ background:linear-gradient(145deg,#FEF2F2,#FEE2E2); border:1px solid rgba(239,68,68,.2); border-left:3px solid #EF4444; } :root[data-theme="light"] .dk-ct-act-alert .dk-ct-act-val{color:#B91C1C !important;} :root[data-theme="light"] .dk-ct-act-alert .dk-ct-act-lbl{color:#991B1B !important;} /* Upcoming — purple tinted */ :root[data-theme="light"] .dk-ct-act:not(.dk-ct-act-warn):not(.dk-ct-act-alert){ background:linear-gradient(145deg,#F5F3FF,#EDE9FE); border:1px solid rgba(139,92,246,.15); border-left:3px solid #8B5CF6; } :root[data-theme="light"] .dk-ct-act:not(.dk-ct-act-warn):not(.dk-ct-act-alert) .dk-ct-act-val{color:#6D28D9 !important;} :root[data-theme="light"] .dk-ct-act:not(.dk-ct-act-warn):not(.dk-ct-act-alert) .dk-ct-act-lbl{color:#5B21B6 !important;} :root[data-theme="light"] .dk-ct-chart{border-top:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .dk-act-item{border-bottom:1px solid rgba(0,0,0,.04);} :root[data-theme="light"] .dk-acct-name{color:var(--text);} :root[data-theme="light"] .dk-acct-sep{background:rgba(0,0,0,.15);} :root[data-theme="light"] .dk-call-sub{color:var(--muted);} :root[data-theme="light"] .dk-card.dk-account-card{background:rgba(var(--color-blue-rgb),.04);border-color:rgba(var(--color-blue-rgb),.2);} :root[data-theme="light"] .dk-card.dk-account-card:hover{background:rgba(var(--color-blue-rgb),.08);border-color:rgba(var(--color-blue-rgb),.3);} :root[data-theme="light"] .dash-hdr-eyebrow{color:var(--muted);} /* DKA Analytics section within dashboard */ :root[data-theme="light"] .dka-donut-num{color:var(--text);} :root[data-theme="light"] .dka-donut-lbl{color:var(--muted);} :root[data-theme="light"] .dka-hdr{background:rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:2px solid var(--accent);} :root[data-theme="light"] .dka-title{color:var(--accent);} :root[data-theme="light"] .dka-donut-wrap{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.04);} :root[data-theme="light"] .dka-donut-center .dka-donut-num{color:var(--text);} :root[data-theme="light"] .dka-leg-card{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-left:3px solid;box-shadow:0 1px 3px rgba(0,0,0,.04);} :root[data-theme="light"] .dka-leg-card:hover{background:#F8FAFC;border-color:rgba(0,0,0,.1);} :root[data-theme="light"] .dka-leg-val{color:var(--text);} :root[data-theme="light"] .dka-leg-lbl{color:var(--muted);} :root[data-theme="light"] .dka-ring-item{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.04);} :root[data-theme="light"] .dka-ring-val{color:var(--text) !important;} :root[data-theme="light"] .dka-ring-lbl{color:var(--muted) !important;} :root[data-theme="light"] .dka-donut-num{color:var(--text) !important;} :root[data-theme="light"] .dka-donut-lbl{color:var(--muted) !important;} :root[data-theme="light"] .dka-fin-stat{background:linear-gradient(145deg,#F8FAFC,#F1F5F9);border:1px solid rgba(30,58,95,.08);box-shadow:0 1px 3px rgba(0,0,0,.04);} :root[data-theme="light"] .dka-fin-stat:hover{background:linear-gradient(145deg,#F1F5F9,#E2E8F0);border-color:rgba(30,58,95,.15);} :root[data-theme="light"] .dka-fin-val{color:var(--text);} :root[data-theme="light"] .dka-fin-lbl{color:var(--muted);} :root[data-theme="light"] .dka-perf-section{border-top:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .dka-fin-section{border-top:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .dka-action-section{border-top:1px solid rgba(0,0,0,.06);background:rgba(var(--accent-rgb),.02);} :root[data-theme="light"] .dka-act-stat{background:linear-gradient(145deg,#FFF7ED,#FEF3E2);border:1px solid rgba(245,158,11,.08);box-shadow:0 1px 3px rgba(0,0,0,.04);} :root[data-theme="light"] .dka-act-val{color:var(--text);} :root[data-theme="light"] .dka-act-lbl{color:var(--muted);} :root[data-theme="light"] .dash-counties-edit-btn{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.12);color:var(--text);} :root[data-theme="light"] .dash-counties-edit-btn:hover{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.2);color:var(--text);} /* Command row — profile left, call button right */ :root[data-theme="light"] .dk-cmd-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:20px; } :root[data-theme="light"] .dk-right{gap:20px;} :root[data-theme="light"] .dk-left{gap:20px;} :root[data-theme="light"] .dk-kpi-strip{margin-bottom:20px;} /* ── Account/Profile card — shows daily progress ── */ :root[data-theme="light"] .dk-card.dk-account-card{ background:linear-gradient(135deg,#F0F4FF,#E8EEFF); border:1px solid rgba(37,99,235,.12); position:relative; overflow:hidden; margin-top:24px; } :root[data-theme="light"] .dk-card.dk-account-card::after{ content:'';position:absolute;top:0;left:0;bottom:0;width:4px; background:linear-gradient(180deg,#3B82F6,#2563EB); border-radius:8px 0 0 8px; } :root[data-theme="light"] .dk-card.dk-account-card:hover{ border-color:rgba(37,99,235,.22); background:linear-gradient(135deg,#E8EEFF,#DBEAFE); } :root[data-theme="light"] .dk-acct-name{color:var(--text);} :root[data-theme="light"] .dk-acct-company{color:var(--muted);} :root[data-theme="light"] .dk-acct-role{color:#2563EB;font-weight:600;} :root[data-theme="light"] .dk-acct-sep{background:rgba(0,0,0,.12);} :root[data-theme="light"] .dk-acct-avatar{ outline-color:rgba(37,99,235,.25); background:#2563EB; } /* ── Start Calling — bold, eye-catching, unmistakable CTA ── */ :root[data-theme="light"] .dk-card.dk-call-card{ background:linear-gradient(to bottom,#F5812D,#D45A0F); border:none; border-top:1px solid rgba(255,255,255,.3); border-radius:999px; color:#FFFFFF; position:relative; overflow:visible; max-width:50%; margin:0 auto; padding:10px 24px; box-shadow: 0 4px 0 #A84208, 0 6px 8px rgba(168,66,8,.3), 0 12px 24px rgba(168,66,8,.15), inset 0 1px 0 rgba(255,255,255,.2); transition:all .15s ease; } :root[data-theme="light"] .dk-card.dk-call-card:active{ box-shadow: 0 1px 0 #A84208, 0 2px 4px rgba(168,66,8,.3); transform:translateY(2px); } /* Subtle shimmer/glow animation to draw attention */ :root[data-theme="light"] .dk-card.dk-call-card::after{ content:'';position:absolute;inset:0; border-radius:999px; background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 45%,rgba(255,255,255,.12) 55%,transparent 60%); background-size:250% 100%; animation:call-shimmer 3s ease-in-out infinite; pointer-events:none; } @keyframes call-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}} :root[data-theme="light"] .dk-call-card:hover{ background:linear-gradient(to bottom,#F9923D,#D45A0F); box-shadow: 0 6px 0 #A84208, 0 8px 12px rgba(168,66,8,.3), 0 16px 28px rgba(168,66,8,.15); transform:translateY(-2px); } /* Start Calling dropdown — light theme */ :root[data-theme="light"] .dk-call-card .sc-dropdown{ background:#FFFFFF;border:1px solid #E5E7EB; box-shadow:0 0 0 1px rgba(0,0,0,.03),0 8px 24px rgba(0,0,0,.1),0 20px 48px rgba(0,0,0,.08); border-left:3px solid #EA6A1A; } :root[data-theme="light"] .dk-call-card .sc-dropdown-label{color:var(--muted);} :root[data-theme="light"] .dk-call-card .sc-option-name{color:var(--text);} :root[data-theme="light"] .dk-call-card .sc-option:hover{background:rgba(0,0,0,.04);} :root[data-theme="light"] .dk-call-card .sc-option-count{color:var(--muted);} :root[data-theme="light"] .dk-call-card .sc-option-overdue{color:#DC2626;} :root[data-theme="light"] .dk-call-card .sc-divider{background:rgba(0,0,0,.06);} :root[data-theme="light"] .dk-call-card .sc-option-all{background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.15);} :root[data-theme="light"] .dk-call-card .sc-option-all:hover{background:rgba(37,99,235,.1);} :root[data-theme="light"] .dk-call-card .sc-option-all .sc-option-name{color:#2563EB;} :root[data-theme="light"] .dk-call-icon{ background:none; width:auto;height:auto; border-radius:0; position:relative;z-index:1; } :root[data-theme="light"] .dk-call-card:hover .dk-call-icon{background:none;} :root[data-theme="light"] .dk-call-title{ color:#FFFFFF;font-size:16px;font-weight:800; text-shadow:0 1px 4px rgba(0,0,0,.3); letter-spacing:.02em; letter-spacing:.01em; position:relative;z-index:1; } :root[data-theme="light"] .dk-call-sub{color:rgba(255,255,255,.85);position:relative;z-index:1;} :root[data-theme="light"] .dk-call-card::before{display:none;} :root[data-theme="light"] .dk-call-info{position:relative;z-index:1;} /* Search bar — elevated with icon and tinted background */ :root[data-theme="light"] .dk-search-input{ background:#F1F3F5; border:1px solid rgba(0,0,0,.08); border-radius:10px; color:var(--text); padding:10px 14px 10px 38px; font-size:13px; box-shadow:inset 0 1px 2px rgba(0,0,0,.04); transition:border-color .2s,box-shadow .2s,background .2s; } :root[data-theme="light"] .dk-search-input:focus{ background:#FFFFFF; border-color:rgba(var(--accent-rgb),.4); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),.08), 0 1px 2px rgba(0,0,0,.04); } :root[data-theme="light"] .dk-search-input::placeholder{color:#9CA3AF;} :root[data-theme="light"] .dk-tree-search{position:relative;} :root[data-theme="light"] .dk-tree-search::before{ content:''; position:absolute; left:14px;top:50%;transform:translateY(-50%); width:14px;height:14px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E"); pointer-events:none; z-index:1; } /* Portfolio Overview row */ :root[data-theme="light"] .dt-portfolio-label{color:var(--text);} :root[data-theme="light"] .dt-portfolio{color:var(--text);font-weight:600;} :root[data-theme="light"] .dt-portfolio svg{color:var(--accent);} :root[data-theme="light"] .dt-portfolio-row{background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.12);border-radius:6px;} /* Activity feed */ :root[data-theme="light"] .dk-act-text{color:var(--muted);} :root[data-theme="light"] .dk-act-text b{color:var(--text);} :root[data-theme="light"] .dk-act-time{color:var(--dim);} :root[data-theme="light"] .dk-act-dot{opacity:1;} /* KPI cards — labels and values */ :root[data-theme="light"] .kpi-label{color:var(--muted);} :root[data-theme="light"] .kpi-val{color:var(--kc,var(--text));} :root[data-theme="light"] .kpi{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow-sm);} /* Dashboard-specific KPI overrides */ :root[data-theme="light"] .dka-donut-lbl{color:var(--muted);} :root[data-theme="light"] .dka-ring-lbl{color:var(--muted);} :root[data-theme="light"] .dka-fin-lbl{color:var(--muted);} :root[data-theme="light"] .dka-leg-lbl{color:var(--muted);} :root[data-theme="light"] .dka-fin-val{color:var(--text);} /* Tree card stats (owner counts, etc.) */ :root[data-theme="light"] .dt-cnt{color:var(--muted);} :root[data-theme="light"] .dt-stat{color:var(--muted);} :root[data-theme="light"] .dt-row .dt-badge{color:var(--muted);background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08);} /* Call tracker bar labels */ :root[data-theme="light"] .dk-ct-bar-lbl{color:var(--muted);} :root[data-theme="light"] .dk-ct-bar-cnt{color:var(--text);} :root[data-theme="light"] .dk-ct-out-lbl{color:var(--muted);} /* Pipeline section in dashboard */ :root[data-theme="light"] #dk-pipeline-body{color:var(--text);} :root[data-theme="light"] .dk-pipe-stage-lbl{color:var(--muted);} :root[data-theme="light"] .dk-pipe-bar-lbl{color:var(--text);} /* Activity feed */ :root[data-theme="light"] .dk-act-name{color:var(--text);} :root[data-theme="light"] .dk-act-note{color:var(--muted);} :root[data-theme="light"] .dk-act-time{color:var(--dim);} :root[data-theme="light"] .dk-act-outcome{color:var(--muted);} /* Dashboard header stats row */ :root[data-theme="light"] .dash-unified-stat-val{color:var(--text);} :root[data-theme="light"] .dash-unified-stat-lbl{color:var(--muted);} :root[data-theme="light"] .dash-unified-hdr{color:var(--text);} /* Card header borders */ :root[data-theme="light"] .dk-card-hdr{ border-bottom:1px solid #E5E7EB; background:transparent; padding:14px 18px; } :root[data-theme="light"] .dk-card-title{ font-size:14px;font-weight:700;color:#111827; letter-spacing:-0.01em; } /* Section headers — frosted glass look */ :root[data-theme="light"] .dk-tree-card>.dk-card-hdr{ background:transparent; border-bottom:2px solid #1E3A5F; } :root[data-theme="light"] .dk-tree-card>.dk-card-hdr .dk-card-title{color:#111827;} :root[data-theme="light"] .dk-tree-card>.dk-card-hdr svg{color:#1E3A5F;} :root[data-theme="light"] .dk-goals-card>.dk-card-hdr{ background:transparent; border-bottom:2px solid #1E3A5F; } :root[data-theme="light"] .dk-goals-card>.dk-card-hdr .dk-card-title{color:#111827;} :root[data-theme="light"] .dk-goals-card>.dk-card-hdr svg{color:#1E3A5F;} :root[data-theme="light"] #dk-pipeline>.dk-card-hdr{ background:transparent; border-bottom:2px solid #2563EB; } :root[data-theme="light"] #dk-pipeline>.dk-card-hdr .dk-card-title{color:#111827;} :root[data-theme="light"] #dk-pipeline>.dk-card-hdr svg{color:#2563EB;} :root[data-theme="light"] #dk-activity>.dk-card-hdr{ background:transparent; border-bottom:2px solid #F59E0B; } :root[data-theme="light"] #dk-activity>.dk-card-hdr .dk-card-title{color:#111827;} :root[data-theme="light"] #dk-activity>.dk-card-hdr svg{color:#F59E0B;} :root[data-theme="light"] #dk-deals-card>.dk-card-hdr{ background:transparent; border-bottom:2px solid #10B981; } :root[data-theme="light"] #dk-deals-card>.dk-card-hdr .dk-card-title{color:#111827;} :root[data-theme="light"] #dk-deals-card>.dk-card-hdr svg{color:#10B981;} :root[data-theme="light"] .dk-card-metric{color:var(--text);font-weight:800;} /* ── Left accent stripes per card type (SaaS pattern) ── */ :root[data-theme="light"] .dk-tree-card{border-left:3px solid #1E3A5F;} :root[data-theme="light"] .dk-goals-card{border-left:3px solid #1E3A5F;} :root[data-theme="light"] #dk-pipeline{border-left:3px solid #2563EB;} :root[data-theme="light"] #dk-deals-card{border-left:3px solid #10B981;} :root[data-theme="light"] #dk-activity{border-left:3px solid #F59E0B;} :root[data-theme="light"] #dash-proj-analytics{border-left:3px solid #8B5CF6;} /* Account card text */ :root[data-theme="light"] .dk-acct-company{color:var(--muted);} :root[data-theme="light"] .dk-call-title{color:var(--text);} /* Daily Briefing Card */ :root[data-theme="light"] .dk-briefing-card{background:linear-gradient(135deg,#FFFFFF 0%,#F0F4FF 100%);border:1px solid rgba(37,99,235,.12);border-left:3px solid #2563EB;box-shadow:0 4px 20px rgba(37,99,235,.08),0 1px 4px rgba(0,0,0,.04);} :root[data-theme="light"] .dk-briefing-card::before{background:radial-gradient(circle,rgba(37,99,235,.04) 0%,transparent 70%);} :root[data-theme="light"] .dk-briefing-greeting{color:#111827;} :root[data-theme="light"] .dk-briefing-greeting span{color:#2563EB;} :root[data-theme="light"] .dk-bf-picker-modal{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);} :root[data-theme="light"] .dk-bf-picker-item:hover{background:rgba(37,99,235,.04);} :root[data-theme="light"] .dk-bf-line{color:#374151;} :root[data-theme="light"] .dk-bf-line:hover{background:rgba(37,99,235,.04);} :root[data-theme="light"] .dk-bf-line{color:#374151;} :root[data-theme="light"] .dk-bf-line:hover{background:rgba(37,99,235,.03);} /* ══════════════════════════════════════════════════════════════ OM XAOI (owner modal extra sections) — rgba(255,255,255) patterns ══════════════════════════════════════════════════════════════ */ :root[data-theme="light"] .om-xaoi-item{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .om-xaoi-hdr:hover{background:rgba(var(--accent-rgb),.04);} :root[data-theme="light"] .om-xaoi-name{color:var(--text);} :root[data-theme="light"] .om-xaoi-well{border-bottom:1px solid rgba(0,0,0,.04);} :root[data-theme="light"] .om-xaoi-well-name{color:var(--text);} /* ══════════════════════════════════════════════════════════════ MISSING --text-on-dark → --text OVERRIDES (main content) ══════════════════════════════════════════════════════════════ */ /* ── View header title (non-pv) ──────────────────────────── */ :root[data-theme="light"] .view-header .vh-title{color:var(--text);} /* ── Table header bar ────────────────────────────────────── */ :root[data-theme="light"] .tbl-title{color:var(--text);} :root[data-theme="light"] .td-sub{color:var(--muted);} :root[data-theme="light"] thead th{color:rgba(var(--accent-rgb),.6);} /* ── Notification queue text ─────────────────────────────── */ /* nq text overrides moved to main notification section above */ /* ── Owner Hover Preview ────────────────────────────────── */ :root[data-theme="light"] .owner-preview{ background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:14px; box-shadow:0 4px 8px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08),0 24px 56px rgba(0,0,0,.06); } :root[data-theme="light"] .owner-preview::before{background:#1E3A5F;height:3px;} :root[data-theme="light"] .op-name{color:#111827;} :root[data-theme="light"] .op-phone{color:#111827;} :root[data-theme="light"] .op-addr{color:#6B7280;} :root[data-theme="light"] .op-divider{background:#F0F0F0;} :root[data-theme="light"] .op-stat-lbl{color:#9CA3AF;} :root[data-theme="light"] .op-stat-val{color:#111827;} :root[data-theme="light"] .op-dates{color:#6B7280;} :root[data-theme="light"] .op-well{color:#6B7280;} /* ── Confirm dialog text ─────────────────────────────────── */ :root[data-theme="light"] .confirm-title{color:var(--text);background:rgba(var(--accent-rgb),.04);border-bottom:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .confirm-msg .f-label{color:var(--text);} :root[data-theme="light"] .confirm-msg .f-ctrl{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);color:var(--text);} :root[data-theme="light"] .confirm-msg select.f-ctrl option{background:#F1F3F5;color:var(--text);} :root[data-theme="light"] .confirm-btns{background:rgba(var(--accent-rgb),.03);border-top:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .confirm-btns .btn-ghost{background:rgba(0,0,0,.04);color:var(--text);border:1px solid rgba(0,0,0,.1);} :root[data-theme="light"] .confirm-btns .btn-ghost:hover{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.2);} /* ── Owner modal transfer section ────────────────────────── */ :root[data-theme="light"] .om-transfer-val{color:var(--text);} :root[data-theme="light"] .om-transfer-match-name{color:var(--text);} :root[data-theme="light"] .om-transfer-history-row{color:var(--text);} :root[data-theme="light"] .om-transfer-match-row{border-color:rgba(0,0,0,.06);} :root[data-theme="light"] .om-transfer-match-row:hover{background:rgba(96,165,250,.06);} :root[data-theme="light"] .om-transfer-heir-row{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .om-transfer-cancel-btn{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);} /* ── Owner modal misc ────────────────────────────────────── */ :root[data-theme="light"] .om-remove-opt{color:var(--text);} :root[data-theme="light"] .om-dnra-input{color:#1E3A5F;background:rgba(30,58,95,.06);border:1px solid rgba(30,58,95,.15);} :root[data-theme="light"] .om-dnra-input:focus{border-color:#1E3A5F;background:rgba(30,58,95,.04);box-shadow:0 0 0 3px rgba(30,58,95,.1);} :root[data-theme="light"] .om-status-wrap{background:#F1F3F5;border-color:rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .om-status-btn{color:#374151;} :root[data-theme="light"] .om-status-btn:hover{background:rgba(0,0,0,.03);} :root[data-theme="light"] .om-status-btn.om-status-active{color:#0A7A56;} :root[data-theme="light"] .om-status-btn.om-status-decd{color:#6B7280;} :root[data-theme="light"] .om-status-btn.om-status-sold{color:#92400E;} :root[data-theme="light"] .om-status-wrap.expanded .om-status-btn{border-right-color:rgba(0,0,0,.08);} :root[data-theme="light"] .om-status-slide-opt{color:#6B7280;} :root[data-theme="light"] .om-status-slide-opt:not(:last-child){border-right-color:rgba(0,0,0,.06);} :root[data-theme="light"] .om-status-slide-opt:hover{background:rgba(0,0,0,.04);color:#111827;} /* ── Project settings group header ───────────────────────── */ :root[data-theme="light"] .psp-group-hdr{color:var(--text);border-bottom:1px solid rgba(0,0,0,.08);} :root[data-theme="light"] .psp-title{color:var(--text);} :root[data-theme="light"] .psp-data-val{color:var(--text);} :root[data-theme="light"] .psp-edit-input{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);color:var(--text);box-shadow:none;} :root[data-theme="light"] .psp-list-item input{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);color:var(--text);box-shadow:none;} :root[data-theme="light"] .psp-scope-select{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);color:var(--text);box-shadow:none;} :root[data-theme="light"] .psp-scope-select option{background:#F1F3F5;color:var(--text);} :root[data-theme="light"] .psp-scope-label{color:var(--text);} /* ── Property section detail inputs ──────────────────────── */ :root[data-theme="light"] .psd-county-name{color:var(--text);} :root[data-theme="light"] .psd-county-input{color:var(--text);} :root[data-theme="light"] .psd-prop-legal-input{color:var(--text);} :root[data-theme="light"] .psd-prop-section-county option{background:#F1F3F5;color:var(--text);} :root[data-theme="light"] .psd-prop-acres-input{background:#F1F3F5;border:1px solid rgba(0,0,0,.1);color:var(--text);} :root[data-theme="light"] .psd-prop-well-input{color:var(--text);} :root[data-theme="light"] .psd-prop-well-county option, :root[data-theme="light"] .psd-prop-well-op option{background:#F1F3F5;color:var(--text);} :root[data-theme="light"] .psd-move-option{color:var(--text);} /* ── Auth overlay ───────────────────────────────────────── The auth screen is intentionally dark/editorial in BOTH themes to bridge the (dark-only) marketing site. See the "Auth screen — marketing site parity" block at the end of components.css. Do NOT add light-theme overrides for .auth-* here. */ /* ── Feedback widget ─────────────────────────────────────── */ :root[data-theme="light"] .fb-textarea{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);color:var(--text);} /* ── Portfolio analytics edit toggle ─────────────────────── */ :root[data-theme="light"] .pa-edit-toggle-inline{color:var(--text);border:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,.04);} :root[data-theme="light"] .pa-add-option{color:var(--text);} /* ══════════════════════════════════════════════════════════════ PREMIUM UI ENHANCEMENTS — Research-backed (Stripe/Linear/Vercel) ══════════════════════════════════════════════════════════════ */ /* ── Multi-Layer Soft Shadows ────────────────────────────── Stacked shadows mimic real light diffusion. Replaces flat single-layer shadows. */ :root[data-theme="light"] .dk-card, :root[data-theme="light"] .kpi, :root[data-theme="light"] .dka-ring-item, :root[data-theme="light"] .dka-donut-wrap, :root[data-theme="light"] .dka-fin-stat, :root[data-theme="light"] .dka-leg-card, :root[data-theme="light"] .dka-act-stat, :root[data-theme="light"] .om-popup, :root[data-theme="light"] .deal-card, :root[data-theme="light"] .confirm-modal, :root[data-theme="light"] .ir-bulk-section, :root[data-theme="light"] .prof-card, :root[data-theme="light"] .toast, :root[data-theme="light"] .eop-panel, :root[data-theme="light"] .om-brief-legal-card, :root[data-theme="light"] .pv-ctx-card, :root[data-theme="light"] .nq-page-stat { box-shadow: 0 0 0 1px rgba(0,0,0,.03), 0 1px 2px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.04), 0 12px 24px rgba(0,0,0,.03); } :root[data-theme="light"] .tbl-wrap, :root[data-theme="light"] .deal-panel, :root[data-theme="light"] .psp-panel, :root[data-theme="light"] .ir-review-panel, :root[data-theme="light"] .profile-dropdown { background:#FFFFFF; border:1px solid rgba(0,0,0,.08); border-radius:14px; box-shadow:0 4px 8px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08),0 24px 56px rgba(0,0,0,.06); } :root[data-theme="light"] .pd-info{border-bottom:1px solid #E5E7EB;} :root[data-theme="light"] .pd-name{color:#111827;} :root[data-theme="light"] .pd-role{color:var(--accent);} :root[data-theme="light"] .pd-val{color:#111827;} :root[data-theme="light"] .pd-label{color:var(--muted);} :root[data-theme="light"] .pd-actions{border-top:1px solid #E5E7EB;} :root[data-theme="light"] .pd-action-btn{ background:rgba(37,99,235,.06);color:#2563EB;border:1px solid rgba(37,99,235,.15); } :root[data-theme="light"] .pd-action-btn:hover{background:rgba(37,99,235,.12);} :root[data-theme="light"] .pd-signout{ background:rgba(239,68,68,.06);color:#DC2626;border-color:rgba(239,68,68,.15); } :root[data-theme="light"] .pd-signout:hover{background:rgba(239,68,68,.12);} /* ── Card Hover Lift ─────────────────────────────────────── Subtle upward translation + deeper shadow on hover. */ :root[data-theme="light"] .dk-card { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } :root[data-theme="light"] .dk-card:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(0,0,0,.03), 0 2px 4px rgba(0,0,0,.05), 0 8px 16px rgba(0,0,0,.06), 0 20px 40px rgba(0,0,0,.04); } :root[data-theme="light"] .dk-card.dk-call-card:hover { transform: translateY(-2px); } :root[data-theme="light"] .dka-ring-item, :root[data-theme="light"] .dka-fin-stat, :root[data-theme="light"] .dka-leg-card, :root[data-theme="light"] .deal-card, :root[data-theme="light"] .kpi.clickable, :root[data-theme="light"] .om-brief-legal-card, :root[data-theme="light"] .nq-page-stat { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } :root[data-theme="light"] .dka-ring-item:hover, :root[data-theme="light"] .dka-fin-stat:hover, :root[data-theme="light"] .dka-leg-card:hover, :root[data-theme="light"] .deal-card:hover, :root[data-theme="light"] .om-brief-legal-card:hover, :root[data-theme="light"] .nq-page-stat:hover { transform: translateY(-1px); box-shadow: 0 0 0 1px rgba(0,0,0,.03), 0 2px 4px rgba(0,0,0,.05), 0 6px 12px rgba(0,0,0,.05); } /* ── Card Backgrounds (ensure white, not transparent) ──── */ :root[data-theme="light"] .dk-card{background:#FFFFFF;} :root[data-theme="light"] #dash-proj-analytics.dk-card{background:#FFFFFF;border:1px solid rgba(0,0,0,.07);box-shadow:0 0 0 1px rgba(0,0,0,.03),0 2px 4px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.04);} /* Dashboard project tree — match PA page blue style */ :root[data-theme="light"] #dash-proj-list .dt-row{color:#111827;} :root[data-theme="light"] #dash-proj-list .dt-row:hover{background:#EEF2F7;} :root[data-theme="light"] #dash-proj-list .dt-row.active{background:#DBEAFE;} :root[data-theme="light"] #dash-proj-list .dt-label{color:#111827;} :root[data-theme="light"] #dash-proj-list .dt-count{background:#DBEAFE;color:#1D4ED8;} :root[data-theme="light"] #dash-proj-list .dt-chevron{color:#6B7280;} :root[data-theme="light"] #dash-proj-list .proj-header{border-radius:8px;} :root[data-theme="light"] #dash-proj-list .proj-header:hover{background:#EEF2F7;} :root[data-theme="light"] #dash-proj-list .proj-header.active-group{background:#DBEAFE;} :root[data-theme="light"] #dash-proj-list .proj-name{color:#111827;} :root[data-theme="light"] #dash-proj-list .proj-badge{background:#DBEAFE;color:#1D4ED8;} :root[data-theme="light"] #dash-proj-list .proj-chevron{color:#6B7280;} :root[data-theme="light"] #dash-proj-list .dt-client-label{color:#111827;font-weight:700;} :root[data-theme="light"] .dash-unified-card{background:#FFFFFF;border-color:rgba(0,0,0,.07);} :root[data-theme="light"] .dash-unified-body{background:#FFFFFF;} :root[data-theme="light"] .dash-unified-hdr{background:#F0F4F8;color:var(--text);} /* ── Refined Borders ────────────────────────────────────── Subtle gray borders instead of gold-tinted. */ :root[data-theme="light"] .dk-card, :root[data-theme="light"] .deal-card, :root[data-theme="light"] .om-brief-legal-card, :root[data-theme="light"] .dka-ring-item, :root[data-theme="light"] .dka-fin-stat, :root[data-theme="light"] .dka-donut-wrap, :root[data-theme="light"] .dka-leg-card, :root[data-theme="light"] .prof-card, :root[data-theme="light"] .pv-ctx-card, :root[data-theme="light"] .nq-page-stat, :root[data-theme="light"] .ir-bulk-section { border: 1px solid rgba(0,0,0,.07); } :root[data-theme="light"] .dk-card:hover, :root[data-theme="light"] .deal-card:hover, :root[data-theme="light"] .dka-ring-item:hover, :root[data-theme="light"] .dka-fin-stat:hover, :root[data-theme="light"] .dka-leg-card:hover { border-color: rgba(0,0,0,.12); } :root[data-theme="light"] .dk-card.dk-call-card { border: none; } /* ── Profile Page ──────────────────────────────────────── */ :root[data-theme="light"] .prof-banner{background:linear-gradient(135deg,#1E3A5F,#2A4E7A);border-bottom:none;box-shadow:0 4px 16px rgba(30,58,95,.15);} :root[data-theme="light"] .prof-banner-name{color:#FFFFFF;} :root[data-theme="light"] .prof-banner-role{color:#60A5FA;background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.2);} :root[data-theme="light"] .prof-banner-team{color:rgba(255,255,255,.6);} :root[data-theme="light"] .prof-tabs{gap:4px;} :root[data-theme="light"] .prof-tab-btn{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);color:#6B7280;box-shadow:0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .prof-tab-btn:hover{background:#F8FAFC;color:#374151;} :root[data-theme="light"] .prof-tab-btn.active{background:#DBEAFE;border-color:rgba(37,99,235,.2);color:#1D4ED8;box-shadow:0 1px 4px rgba(37,99,235,.1);} :root[data-theme="light"] .prof-sidenav{border-right-color:rgba(0,0,0,.06);} :root[data-theme="light"] .prof-sidenav-user{border-bottom-color:rgba(0,0,0,.06);} :root[data-theme="light"] .prof-sidenav-name{color:#111827;} :root[data-theme="light"] .prof-sidenav-item{color:#374151;} :root[data-theme="light"] .prof-sidenav-item:hover{background:rgba(0,0,0,.03);} :root[data-theme="light"] .prof-sidenav-item.active{background:rgba(37,99,235,.06);color:#1D4ED8;border-left-color:#2563EB;} :root[data-theme="light"] .prof-pane-title{color:#111827;} :root[data-theme="light"] .prof-pane-desc{color:#6B7280;} :root[data-theme="light"] .prof-form-row{border-bottom-color:rgba(0,0,0,.05);} :root[data-theme="light"] .prof-form-label{color:#111827;} :root[data-theme="light"] .prof-form-hint{color:#9CA3AF;} :root[data-theme="light"] .prof-form-val{color:#111827;} :root[data-theme="light"] .prof-form-input{background:#F9FAFB;border-color:rgba(0,0,0,.1);color:#111827;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .prof-form-input:focus{border-color:#2563EB;box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 0 0 3px rgba(37,99,235,.08);} :root[data-theme="light"] .prof-badge-new{background:rgba(16,163,74,.06);color:#0A7A56;border-color:rgba(16,163,74,.12);} :root[data-theme="light"] .prof-form-row-featured{background:rgba(37,99,235,.03);border-bottom-color:rgba(37,99,235,.08) !important;} :root[data-theme="light"] .prof-email-badge{background:rgba(16,163,74,.06);color:#0A7A56;border-color:rgba(16,163,74,.15);} :root[data-theme="light"] .prof-email-addr{color:#111827;} :root[data-theme="light"] .prof-email-detect-card{background:rgba(37,99,235,.03);border-color:rgba(37,99,235,.1);} /* Email PSA toast + summary */ :root[data-theme="light"] .email-psa-toast{background:#FFFFFF;border-color:rgba(0,0,0,.08);box-shadow:0 8px 32px rgba(0,0,0,.12);} :root[data-theme="light"] .email-psa-toast-title{color:#111827;} :root[data-theme="light"] .epsa-row{border-bottom-color:rgba(0,0,0,.04);} :root[data-theme="light"] .epsa-row-name{color:#111827;} :root[data-theme="light"] .epsa-owner-row:hover{background:rgba(37,99,235,.04);} :root[data-theme="light"] .epsa-owner-name{color:#111827;} :root[data-theme="light"] .prof-pane-subtitle{color:#111827;border-top-color:rgba(0,0,0,.06);} :root[data-theme="light"] .prof-connect-btn{border-color:rgba(0,0,0,.1);color:#374151;} :root[data-theme="light"] .prof-connect-btn:hover{background:rgba(37,99,235,.04);border-color:rgba(37,99,235,.2);color:#2563EB;} :root[data-theme="light"] .prof-connect-btn.connected{background:rgba(16,163,74,.04);border-color:rgba(16,163,74,.2);color:#0A7A56;} :root[data-theme="light"] .prof-card{background:#FFFFFF;border:none;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.04);} :root[data-theme="light"] .prof-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.07),0 0 0 1px rgba(0,0,0,.05);} :root[data-theme="light"] .prof-card .dk-card-hdr{display:none;} :root[data-theme="light"] .prof-card-hdr-navy{background:linear-gradient(135deg,#1E3A5F,#2A4E7A);border-radius:13px 13px 0 0;} :root[data-theme="light"] .prof-notif-row{border-bottom-color:rgba(0,0,0,.04);} :root[data-theme="light"] .prof-notif-title{color:#111827;} :root[data-theme="light"] .prof-notif-desc{color:#6B7280;} :root[data-theme="light"] .prof-subscription-badge{color:#2563EB;background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.15);} /* Billing */ :root[data-theme="light"] .prof-plan-name{color:#111827;} :root[data-theme="light"] .prof-plan-price{color:#0A7A56;} :root[data-theme="light"] .prof-plan-active{background:rgba(16,163,74,.06);color:#0A7A56;border-color:rgba(16,163,74,.15);} :root[data-theme="light"] .prof-usage-bar{background:#E5E7EB;} :root[data-theme="light"] .prof-usage-val{color:#111827;} :root[data-theme="light"] .prof-activity-item{border-bottom-color:rgba(0,0,0,.04);} :root[data-theme="light"] .prof-activity-icon{background:rgba(30,58,95,.06);color:#1E3A5F;} :root[data-theme="light"] .prof-activity-desc{color:#111827;} :root[data-theme="light"] .prof-activity-time{color:#9CA3AF;} :root[data-theme="light"] .team-chart-card{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.05);} :root[data-theme="light"] .team-chart-row{border-bottom-color:rgba(0,0,0,.04);} :root[data-theme="light"] .team-chart-day-row{border-bottom-color:rgba(0,0,0,.06);} :root[data-theme="light"] .team-chart-name{color:#111827;} :root[data-theme="light"] .team-chart-cell-val{color:#111827;} :root[data-theme="light"] .team-chart-week-total{color:#111827;} :root[data-theme="light"] .team-chart-today-val.active{color:#0A7A56;} /* Team member cards */ :root[data-theme="light"] .prof-team-group-label{color:#6B7280;border-bottom-color:rgba(0,0,0,.06);} :root[data-theme="light"] .prof-member-card{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.03);} :root[data-theme="light"] .prof-member-card:hover{border-color:rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.05);} :root[data-theme="light"] .prof-member-card.expanded{border-color:rgba(37,99,235,.2);} :root[data-theme="light"] .prof-member-header.expandable:hover{background:#F8FAFC;} :root[data-theme="light"] .prof-member-detail{border-top-color:rgba(0,0,0,.04);background:#F9FAFB;} :root[data-theme="light"] .prof-team-name{color:#111827;} :root[data-theme="light"] .prof-team-email{color:#6B7280;} :root[data-theme="light"] .prof-card-body .f-label{color:#6B7280;} :root[data-theme="light"] .prof-card-body .f-ctrl{background:#F9FAFB;border:1px solid rgba(0,0,0,.1);color:#111827;border-radius:8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .prof-card-body .f-ctrl:focus{border-color:#2563EB;box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 0 0 3px rgba(37,99,235,.08);} :root[data-theme="light"] .prof-ro-field{border-bottom-color:rgba(0,0,0,.04);} :root[data-theme="light"] .prof-ro-label{color:#6B7280;} :root[data-theme="light"] .prof-ro-val{color:#111827;} :root[data-theme="light"] .prof-theme-btn{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);color:#6B7280;box-shadow:0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .prof-theme-btn:hover{border-color:rgba(37,99,235,.2);color:#374151;} :root[data-theme="light"] .prof-theme-btn.active{background:#DBEAFE;border-color:rgba(37,99,235,.25);color:#1D4ED8;box-shadow:0 1px 4px rgba(37,99,235,.1);} :root[data-theme="light"] .prof-role-select{background:#F9FAFB;border:1px solid rgba(0,0,0,.1);color:#111827;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);} /* Modals and panels — clean border */ :root[data-theme="light"] .deal-panel, :root[data-theme="light"] .confirm-modal, :root[data-theme="light"] .psp-panel { border: 1px solid rgba(0,0,0,.08);border-radius:14px; } /* ── Project Settings Panel (PSP) ──────────────────────── */ :root[data-theme="light"] .psp-hdr{background:#FFFFFF;box-shadow:0 1px 0 rgba(0,0,0,.06);} :root[data-theme="light"] .psp-title{color:#111827;} :root[data-theme="light"] .psp-sub{color:#6B7280;} :root[data-theme="light"] .psp-close{background:#F1F3F5;border:1px solid rgba(0,0,0,.06);color:#6B7280;} :root[data-theme="light"] .psp-close:hover{background:#E8EDF2;color:#DC2626;} :root[data-theme="light"] .psp-tabs{background:#FAFBFC;border-bottom:1px solid rgba(0,0,0,.06);} :root[data-theme="light"] .psp-tab{color:#6B7280;font-weight:700;} :root[data-theme="light"] .psp-tab.active{color:#111827;border-bottom-color:#2563EB;} :root[data-theme="light"] .psp-tab:hover:not(.active){color:#374151;background:rgba(0,0,0,.02);} :root[data-theme="light"] .psp-body{background:#FFFFFF;} :root[data-theme="light"] .psp-sec-title{color:#2563EB;border-bottom-color:rgba(37,99,235,.15);} :root[data-theme="light"] .psp-label{color:#374151;} :root[data-theme="light"] .psp-unit{color:#6B7280;} :root[data-theme="light"] .psp-input{background:#F9FAFB;border:1px solid rgba(0,0,0,.1);color:#111827;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .psp-input:focus{border-color:#2563EB;box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 0 0 3px rgba(37,99,235,.08);} :root[data-theme="light"] .psp-edit-input{background:#F9FAFB;border:1px solid rgba(0,0,0,.1);color:#111827;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .psp-edit-input:focus{border-color:#2563EB;box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 0 0 3px rgba(37,99,235,.08);} :root[data-theme="light"] .psp-edit-lbl{color:#6B7280;} :root[data-theme="light"] .psp-data-lbl{color:#6B7280;} :root[data-theme="light"] .psp-data-val{color:#111827;} :root[data-theme="light"] .psp-data-row{border-bottom-color:rgba(0,0,0,.04);} :root[data-theme="light"] .psp-scope-select{background:#F9FAFB;border:1px solid rgba(0,0,0,.1);color:#111827;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .psp-scope-select:focus{border-color:#2563EB;} :root[data-theme="light"] .psp-scope-select option{background:#FFFFFF;color:#111827;} :root[data-theme="light"] .psp-scope-bar{background:#F8FAFC;border-color:rgba(37,99,235,.12);} :root[data-theme="light"] .psp-scope-label{color:#374151;} :root[data-theme="light"] .psp-scope-count{color:#6B7280;} :root[data-theme="light"] .psp-group-hdr{color:#111827;border-bottom-color:rgba(0,0,0,.06);} :root[data-theme="light"] .psp-group-hdr:not(:first-child){border-top-color:rgba(0,0,0,.06);} :root[data-theme="light"] .psp-tag{box-shadow:0 1px 3px rgba(0,0,0,.06);} :root[data-theme="light"] .psp-toggle-slider{background:#D1D5DB;} :root[data-theme="light"] .psp-toggle-slider::before{background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.1);} :root[data-theme="light"] .psp-toggle input:checked+.psp-toggle-slider{background:rgba(37,99,235,.5);} :root[data-theme="light"] .psp-save-btn{background:linear-gradient(135deg,#16A34A,#0F9D6C);box-shadow:0 2px 8px rgba(16,163,74,.2);} :root[data-theme="light"] .psp-delete-btn{background:rgba(220,38,38,.04);border-color:rgba(220,38,38,.15);} :root[data-theme="light"] .psp-groupby-toggle{border-color:rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.04);} :root[data-theme="light"] .psp-groupby-btn{color:#6B7280;border-color:rgba(0,0,0,.06) !important;} :root[data-theme="light"] .psp-groupby-btn:hover{background:#F1F5F9;color:#111827;} :root[data-theme="light"] .psp-groupby-btn.active{background:rgba(37,99,235,.06);color:#2563EB;border-color:rgba(37,99,235,.15) !important;} :root[data-theme="light"] .psp-groupby-hint{color:#9CA3AF;} :root[data-theme="light"] .psp-pricing-note{background:rgba(37,99,235,.04);border-color:rgba(37,99,235,.12);color:#2563EB;} :root[data-theme="light"] .psp-pricing-ok{background:rgba(16,163,74,.04);border-color:rgba(16,163,74,.12);color:#0A7A56;} :root[data-theme="light"] .psp-list-item input{background:#F9FAFB;border:1px solid rgba(0,0,0,.1);color:#111827;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);} :root[data-theme="light"] .psp-list-del{border-color:rgba(0,0,0,.08);color:#9CA3AF;} :root[data-theme="light"] .psp-list-del:hover{border-color:rgba(220,38,38,.3);color:#DC2626;background:rgba(220,38,38,.04);} :root[data-theme="light"] .psp-add-btn{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.2);color:#2563EB;box-shadow:0 1px 3px rgba(37,99,235,.08);} :root[data-theme="light"] .psp-add-btn:hover{background:rgba(37,99,235,.12);box-shadow:0 2px 6px rgba(37,99,235,.12);} :root[data-theme="light"] .psp-edit-btn{background:#F1F3F5;border-color:rgba(0,0,0,.06);color:#6B7280;} :root[data-theme="light"] .psp-edit-btn:hover{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.2);color:#2563EB;} :root[data-theme="light"] .psp-move-btn{background:rgba(37,99,235,.04);border-color:rgba(37,99,235,.15);color:#2563EB;} :root[data-theme="light"] .psp-progress-bar{background:#E5E7EB;} /* Toast notifications */ :root[data-theme="light"] .toast { background: #FFFFFF; border: 1px solid rgba(0,0,0,.1); color: var(--text); } :root[data-theme="light"] .toast.toast-ok{border-left:3px solid var(--color-green);} :root[data-theme="light"] .toast.toast-err{border-left:3px solid var(--color-red);} :root[data-theme="light"] .toast.toast-warn{border-left:3px solid var(--color-callback);} /* ── Focus Rings (Accessibility) ────────────────────────── Double-ring: white inner, accent outer. */ :root[data-theme="light"] button:focus-visible, :root[data-theme="light"] input:focus-visible, :root[data-theme="light"] select:focus-visible, :root[data-theme="light"] a:focus-visible { outline: none; box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px rgba(var(--accent-rgb),.5); } /* ── SVG Chart Fixes ────────────────────────────────────── Ensure ring backgrounds and text are visible on white. */ :root[data-theme="light"] .dka-donut-wrap svg circle[stroke*="ring-track"], :root[data-theme="light"] .dka-ring-item svg circle[stroke*="ring-track"] { stroke: rgba(0,0,0,.08) !important; } :root[data-theme="light"] .dka-donut-wrap svg text, :root[data-theme="light"] .dca-ring-item svg text { fill: #111827 !important; } :root[data-theme="light"] svg text[fill="var(--text)"] { fill: #1A1A1A; } :root[data-theme="light"] svg text[fill="var(--muted)"] { fill: #4B5563; } /* ── Portfolio Overview ───────────────────────────────────── */ :root[data-theme="light"] .dt-portfolio-btn, :root[data-theme="light"] .dt-row.dt-portfolio-row { color: var(--text); background: rgba(var(--accent-rgb),.06); border-radius: 6px; } :root[data-theme="light"] .dt-row.dt-portfolio-row:hover { background: rgba(var(--accent-rgb),.1); } /* ══════════════════════════════════════════════════════════════ TASK 1 — LIGHT THEME VISUAL AUDIT + UI POLISH ══════════════════════════════════════════════════════════════ */ /* KPI strip — light tinted cards */ :root[data-theme="light"] .dk-kpi-card{ background:#DBEAFE; border:none; color:var(--text); border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.05); transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1); cursor:default; } :root[data-theme="light"] .dk-kpi-card:hover{ transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.12); } :root[data-theme="light"] .dk-kpi-val{ color:var(--text); text-shadow:none; } :root[data-theme="light"] .dk-kpi-title{ color:var(--accent);font-size:12px;font-weight:700;font-family:inherit; } :root[data-theme="light"] .dk-kpi-lbl{ font-size:10px;text-transform:none;letter-spacing:.01em; color:var(--muted); } :root[data-theme="light"] .dk-kpi-sub{ color:var(--dim); } /* #2 Financial row labels — ensure var(--muted) not var(--dim) */ :root[data-theme="light"] .dka-fin-lbl{color:var(--muted);font-size:10px;text-transform:none;} :root[data-theme="light"] .dka-ring-lbl{color:var(--muted);font-size:10px;text-transform:none;} :root[data-theme="light"] .dka-leg-lbl{color:var(--muted);font-size:10px;text-transform:none;} :root[data-theme="light"] .dka-donut-lbl{color:var(--muted);font-size:10px;text-transform:none;} /* #3 Pipeline stage labels — use stage color for text (set inline by JS) */ /* Already set via inline style in render. No CSS needed. */ /* #4 Call Tracker — light theme override for donut/bar area */ :root[data-theme="light"] .dk-goals-card{background:#FFFFFF;border:1px solid rgba(0,0,0,.07);} :root[data-theme="light"] .dk-goal-ring-wrap svg circle[stroke="var(--glass)"]{stroke:rgba(0,0,0,.08);} :root[data-theme="light"] .dk-goal-num{color:var(--text);} :root[data-theme="light"] .dk-goal-lbl{color:var(--muted);} :root[data-theme="light"] .dk-ct-out-dot{outline-color:rgba(0,0,0,.06);} /* #5 Recent Activity accent line */ :root[data-theme="light"] #dk-activity>.dk-card-hdr{border-bottom-width:2px;} /* #6 Deals Pipeline summary text — more visible */ :root[data-theme="light"] .dk-pipe-label{color:var(--muted);font-size:12px;} :root[data-theme="light"] .dk-pipe-count{color:var(--text);font-size:12px;} /* #7 Owner hover preview — stronger border on light bg */ :root[data-theme="light"] .owner-preview{ border:1px solid rgba(0,0,0,.15); background:#FAFBFC; } /* #9 Project view Start Calling button — match orange theme */ :root[data-theme="light"] .pv-call-btn{ background:linear-gradient(135deg,#EA6A1A,#D45A0F); box-shadow:0 4px 14px rgba(212,90,15,.25); } :root[data-theme="light"] .pv-call-btn:hover{ filter:brightness(1.08); box-shadow:0 6px 20px rgba(212,90,15,.35); } :root[data-theme="light"] .pv-pause-btn{background:#F9FAFB;border:1px solid #E5E7EB;color:#6B7280;} :root[data-theme="light"] .pv-pause-btn:hover{background:#F3F4F6;border-color:#D1D5DB;color:#374151;} :root[data-theme="light"] .pv-pause-btn.pv-paused{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.3);color:#B45309;} :root[data-theme="light"] .pv-pause-btn.pv-paused:hover{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.45);} :root[data-theme="light"] .pv-paused-banner{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.2);color:#92400E;} :root[data-theme="light"] .dt-paused-tag{background:rgba(245,158,11,.1);color:#92400E;} /* #10 + Add Owner button — more contrast */ :root[data-theme="light"] .cb-tbl-add{ background:#2563EB;border:none;color:#FFFFFF;font-weight:700;border-radius:8px; box-shadow:0 1px 4px rgba(37,99,235,.25);transition:all .15s; } :root[data-theme="light"] .cb-tbl-add:hover{ background:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,.3);transform:translateY(-1px); } /* #11 Export CSV link — more contrast */ :root[data-theme="light"] .cb-export-btn{ color:var(--accent-deep);border-color:rgba(var(--accent-rgb),.35); background:rgba(var(--accent-rgb),.1);font-weight:700; } :root[data-theme="light"] .cb-export-btn:hover{ background:rgba(var(--accent-rgb),.18);border-color:rgba(var(--accent-rgb),.5); } /* #12 + #15 Owner modal call log / call history — light override */ :root[data-theme="light"] .om-call-card{ background:rgba(16,185,129,.05); border:2px solid rgba(16,185,129,.18); } :root[data-theme="light"] .om-call-card-hdr{ background:rgba(16,185,129,.03); border-bottom:1px solid rgba(16,185,129,.12); } /* #14 Answered/No Answer buttons */ /* #16 Legal card NRA values — ensure readable blue */ :root[data-theme="light"] .om-brief-legal-card .oc-well-nra, :root[data-theme="light"] .om-brief-legal-card .td-mono{color:var(--text);} :root[data-theme="light"] .oc-well-nra{color:var(--color-blue);} /* #17 View/Edit link — visible */ :root[data-theme="light"] .om-brief-legal-card .oc-view-edit{ color:var(--accent-deep);font-weight:600; } /* #18 Deal column headers — bigger, more visible */ :root[data-theme="light"] .deal-column-hdr{ background:rgba(var(--accent-rgb),.06); } :root[data-theme="light"] .deal-column-hdr span:first-child{ color:var(--text);font-size:12px;font-weight:700; } :root[data-theme="light"] .deal-column-count{ background:rgba(0,0,0,.08);color:var(--text); } /* #19 Deal card doc badges — more visible */ :root[data-theme="light"] .deal-card .deal-docs-count{ background:rgba(var(--accent-rgb),.1);color:var(--accent-deep); border:1px solid rgba(var(--accent-rgb),.2);font-weight:600; } /* #21 Deal column accent line at top */ :root[data-theme="light"] .deal-column{ border-top:3px solid var(--placeholder); } /* #23 Status badges — better readability on white */ :root[data-theme="light"] .cs-answered{ background:rgba(10,122,86,.1);color:#065F46;border:1px solid rgba(10,122,86,.25);font-weight:600; } :root[data-theme="light"] .cs-completed{ background:rgba(10,122,86,.12);color:#065F46;border:1px solid rgba(10,122,86,.28);font-weight:600; } :root[data-theme="light"] .cs-converted{ background:rgba(6,182,212,.1);color:#0E7490;border:1px solid rgba(6,182,212,.25);font-weight:600; } /* #24 + Add Owner in Contact Book header — visible */ :root[data-theme="light"] .cb-action-btn{ background:#FFFFFF;border:1px solid rgba(0,0,0,.12);color:var(--text);font-weight:600; } /* #35 Global: sentence-case labels (light mode only — keep dark mode uppercase) */ :root[data-theme="light"] .kpi-label{ font-size:10px;text-transform:none;letter-spacing:.01em;color:var(--muted); } :root[data-theme="light"] .kpi-expand-toggle{text-transform:none;} :root[data-theme="light"] .cb-stat-lbl{text-transform:none;font-size:9px;} :root[data-theme="light"] .nq-page-stat-lbl{text-transform:none;font-size:9px;} :root[data-theme="light"] .pv-metric-lbl{text-transform:none;font-size:9px;} :root[data-theme="light"] .pv-ctx-lbl{text-transform:none;} :root[data-theme="light"] .dk-goal-lbl{text-transform:none;font-size:10px;} :root[data-theme="light"] .dk-ct-act-lbl{text-transform:none;font-size:10px;} :root[data-theme="light"] .dk-ct-bar-lbl{text-transform:none;} :root[data-theme="light"] .op-stat-lbl{text-transform:none;} :root[data-theme="light"] .gcg-label{text-transform:none;} :root[data-theme="light"] thead th{text-transform:none;font-size:10px;letter-spacing:.02em;} /* #36 Remaining rgba(255,255,255) in main content — light overrides */ :root[data-theme="light"] .dka-action-section{ border-top:1px solid rgba(0,0,0,.06);background:rgba(var(--accent-rgb),.02); } :root[data-theme="light"] .dka-act-stat{ background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.06); } :root[data-theme="light"] .dka-act-val{color:var(--text);} :root[data-theme="light"] .dka-act-lbl{color:var(--muted);text-transform:none;} :root[data-theme="light"] .dka-act-alert{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.2);} :root[data-theme="light"] .dka-act-alert .dka-act-lbl{color:var(--color-red);} /* #37 Remaining var(--text-on-dark) — search box input on light */ /* (already overridden above — .search-box input color:var(--text)) */ /* #38 Progress ring grow animation (applies to both themes) */ @keyframes ringGrow{ from{stroke-dasharray:0 999;} } /* #39 Overdue rows — subtle red tint */ :root[data-theme="light"] tbody tr.row-overdue{ background:rgba(163,24,24,.04) !important; } :root[data-theme="light"] tbody tr.row-overdue:hover{ background:rgba(163,24,24,.08) !important; } /* #40 Goal reached state — subtle, no green bg */ :root[data-theme="light"] .dk-goal-reached{background:#FFFFFF;border-color:rgba(0,0,0,.07);} :root[data-theme="light"] .dk-goal-reached .dk-goal-num{color:#111827;} /* ── Sprint D: Light Theme Completion (34 missing overrides) ──────── */ /* Analytics section — all white text → dark text */ :root[data-theme="light"] .an-chart-panel-hdr{color:#111827;} :root[data-theme="light"] .an-kpi-lbl{color:#6B7280;} :root[data-theme="light"] .an-kpi-num{color:#111827;} :root[data-theme="light"] .an-legend-label{color:#374151;} :root[data-theme="light"] .an-legend-val{color:#111827;} :root[data-theme="light"] .an-perf-stat-lbl{color:#374151;} :root[data-theme="light"] .an-perf-stat-val{color:#111827;} :root[data-theme="light"] .an-ring-lbl{color:#374151;} :root[data-theme="light"] .an-status-lbl{color:#111827;} :root[data-theme="light"] .an-status-sub{color:#6B7280;} /* Project tree items */ :root[data-theme="light"] .dpi-num{color:#111827;} :root[data-theme="light"] .dpi-view-btn{color:#2563EB;background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.15);border-radius:6px;} :root[data-theme="light"] .dpi-view-btn:hover{background:rgba(37,99,235,.12);} :root[data-theme="light"] .dpi-bar-pct{color:#6B7280;} /* Analysis ring/stat labels */ :root[data-theme="light"] .pa-ring-lbl{color:#6B7280;} :root[data-theme="light"] .pa-stat-label{color:#6B7280;} /* Misc components with white text on dark */ :root[data-theme="light"] .clog-user{color:#111827;} :root[data-theme="light"] .dk-kpi-tooltip{background:#1E293B;border-color:rgba(255,255,255,.1);} :root[data-theme="light"] .dk-kpi-tooltip::before{border-bottom-color:#1E293B;} :root[data-theme="light"] .dk-kpi-tip-row{color:rgba(255,255,255,.8);} :root[data-theme="light"] .dk-kpi-tip-row b{color:#FFFFFF;} :root[data-theme="light"] .mh-name{color:#111827;} :root[data-theme="light"] .mh-sub{color:#6B7280;} :root[data-theme="light"] .modal-col-title{color:#6B7280;} :root[data-theme="light"] .nq-avatar{color:#FFFFFF;} /* keep white on colored bg */ :root[data-theme="light"] .om-answered-panel-back{color:#6B7280;} :root[data-theme="light"] .om-user-dot{color:#FFFFFF;} /* keep white on colored bg */ /* Buttons — keep white text on colored backgrounds */ :root[data-theme="light"] .dash-import-btn{color:#FFFFFF;} :root[data-theme="light"] .om-edit-contacts-btn{color:#FFFFFF;} /* View-specific background for light mode */ :root[data-theme="light"] #view-dashboard, :root[data-theme="light"] #view-all, :root[data-theme="light"] #view-notifications, :root[data-theme="light"] #view-project, :root[data-theme="light"] #view-deals{ background:#F0F4F8; background-image:none; } /* Dashboard header line widths — now using accent stripe colors */ :root[data-theme="light"] #dk-pipeline>.dk-card-hdr{border-bottom:2px solid #2563EB;} :root[data-theme="light"] .dk-goals-card>.dk-card-hdr{border-bottom:2px solid #1E3A5F;} :root[data-theme="light"] .dk-tree-card>.dk-card-hdr{border-bottom:2px solid #1E3A5F;} /* Ring track for SVG charts on light bg */ :root[data-theme="light"] svg circle[stroke="var(--ring-track)"]{stroke:#D1D5DB;} :root[data-theme="light"] svg circle[stroke="rgba(255,255,255,.12)"]{stroke:rgba(0,0,0,.08);} :root[data-theme="light"] svg circle[stroke="rgba(255,255,255,.3)"]{stroke:rgba(0,0,0,.1);}