/* Hitree CRM: deep-blue sales command center, with the original logo preserved. */
:root{
  color-scheme:dark;
  --hitree-green:#b4ef39;
  --hitree-action:#087fa8;
  --hitree-blue:#28d7ff;
  --hitree-bg:#061326;
  --hitree-panel:#0b1d38;
  --hitree-panel-2:#0e2545;
  --hitree-line:#174c78;
  --hitree-text:#e5f3ff;
  --hitree-muted:#8fb0ce;
  --hitree-orange:#ffb432;
}
body{background:radial-gradient(ellipse at 58% -20%,#123e72 0,transparent 48%),#061326;color:var(--hitree-text)}
body>div{background-image:linear-gradient(#37b8ff0a 1px,transparent 1px),linear-gradient(90deg,#37b8ff0a 1px,transparent 1px);background-size:30px 30px}
#mainPane{background:radial-gradient(ellipse at 50% 0,#10345c55,transparent 52%);scrollbar-color:#1c5f8e #08172d}
.sidebar{background:linear-gradient(180deg,#09182f,#071225);color:#a9c3da;border-right:1px solid #17618b;box-shadow:8px 0 28px #01081755}
.sidebar-brand{flex-direction:column;align-items:flex-start;color:#e6f5ff;border-color:#174366;gap:8px;background:linear-gradient(110deg,#0d2442,#09182d)}
.hitree-logo{display:block;position:relative;overflow:hidden;width:150px;aspect-ratio:2;background:#fff;border-radius:7px;flex-shrink:0;box-shadow:0 0 18px #19cfff22}
.hitree-logo img{position:absolute;width:184%;max-width:none;height:auto;left:-42%;top:-109%}
.hitree-login-logo{width:190px;margin:0 auto 18px}
.sidebar-nav{scrollbar-color:#1d5680 #08172d}
.nav-group{color:#51c9f1;letter-spacing:1.5px}
.sidebar-nav a{color:#a8c1d9;border-radius:8px;transition:all .16s}
.sidebar-nav a:hover{color:#effaff;background:#0c3151;border-color:#165d83}
.sidebar-nav a.active{color:#edfbff;background:linear-gradient(100deg,#087da94a,#173b64);border-color:#25c9f3;font-weight:700;box-shadow:inset 3px 0 #36e0ff,0 0 18px #12bcff18}
.sidebar-footer{border-color:#174366;color:#7295b2}.sidebar-footer #sidebarUser{color:#d7eaff}.sidebar-footer a{color:#55c9ec}
.card,.card-accent,.stat-card{background:linear-gradient(145deg,#0d2340f5,#091a32f5)!important;color:var(--hitree-text);border:1px solid #174b73;box-shadow:0 8px 26px #020a1750,inset 0 1px #ffffff08}
.card-accent{border-top:2px solid var(--hitree-green)!important}
.stat-card::before{background:linear-gradient(90deg,var(--hitree-blue),var(--hitree-green));opacity:.92}
.stat-card .stat-label{color:#99b8d2}.stat-card .stat-value{color:#e9f7ff}
.stat-card:hover,.prospect-row:hover{border-color:#35c9f1;box-shadow:0 0 24px #09b8ef20,0 8px 24px #020a1750}
.btn-pri,#lgBtn,.btn:not(.btn-b):not(.btn-out){background:linear-gradient(110deg,#0879a2,#09618a)!important;color:#f3fbff!important;border:1px solid #2bc7f2!important;box-shadow:0 0 17px #14bdec24}
.btn:not(.btn-b):not(.btn-out):hover{filter:brightness(1.18);box-shadow:0 0 22px #14bdec50}
.btn-b,.btn-out,.inbox-filter-btn{background:#0e2744!important;color:#c6e0f4!important;border:1px solid #24577d!important;box-shadow:none}
.btn-b:hover,.btn-out:hover,.inbox-filter-btn:hover{background:#143657!important;border-color:#32c8f2!important;color:#fff!important}
input,select,textarea{background:#081a31!important;color:#e5f3ff!important;border:1px solid #245375!important}
input::placeholder,textarea::placeholder{color:#7899b7}
input:focus,select:focus,textarea:focus{border-color:var(--hitree-blue)!important;box-shadow:0 0 0 3px #28d7ff22!important}
option{background:#0b1d38;color:#e5f3ff}
table{color:#deefff}th{background:#102946;color:#a9cae4;border-color:#1d5075}td{border-color:#193a5a}tr:hover td{background:#143454}
.page-hd h2,.sec-hd,.wb-sec-hd .t,.drawer-header-top h3{color:#e7f5ff}
.page-hd .page-sub,.sec-sub,.c6,.stat-card .stat-label{color:#8eacc7}
.tab-bar{border-color:#1b4567}.tab-bar button{color:#8eacc7}.tab-bar button.active{color:#47d8fa;border-bottom-color:#b4ef39}
.drawer{background:#091a31;color:#d9edff;border-left:1px solid #24739d}.drawer-header{background:#0b1d38;border-color:#205174}.drawer-tabs{background:#0e2541;border-color:#1c496c}.drawer-tabs button{color:#a4c1da}.drawer-body{color:#d9edff}
.drawer-quick-links{border-color:#1d4564}.drawer-quick-links .section-label{color:#8eacc7}
.mask{background:#020914bb}
.prospect-row{background:#0b1e38;border-color:#1a4a70;color:#d9edff}
.prospect-row:hover{background:#102845}
.sep{background:#285172}
.page-hd{border-bottom:1px solid #174469;padding-bottom:12px}
.empty-state{color:#88a9c5}
.badge{background:#123756!important;color:#b9e9fa!important;border:1px solid #28769c}
.toast{border:1px solid #30c9f1}
/* Neutralize common inline light surfaces used by legacy pages. */
#mainPane [style*="background:#fff"],#mainPane [style*="background: #fff"],#mainPane [style*="background:#ffffff"],#mainPane [style*="background: #ffffff"]{background-color:#0c203b!important;color:#deefff!important;border-color:#1d5277!important}
#mainPane [style*="color:#0f172a"],#mainPane [style*="color: #0f172a"],#mainPane [style*="color:#1e293b"],#mainPane [style*="color: #1e293b"]{color:#dceeff!important}
#mainPane [style*="background:#f8fafc"],#mainPane [style*="background: #f8fafc"],#mainPane [style*="background:#f7f9fc"],#mainPane [style*="background: #f7f9fc"]{background-color:#102744!important;color:#dceeff!important;border-color:#1c4e72!important}
::selection{background:#148ab4;color:#fff}
@media(max-width:900px){.sidebar{width:174px}#mainPane{padding:18px!important}}
@media(max-width:640px){.sidebar{width:62px}.sidebar-brand{padding:12px 7px;align-items:center}.sidebar-brand>span:last-child,.sidebar-nav .nav-group,.sidebar-nav a:not(.active){font-size:0}.hitree-logo{width:46px}.sidebar-nav{padding:8px 5px}.sidebar-nav a{justify-content:center;padding:9px 4px}.sidebar-nav a .nv-ico{font-size:17px;width:auto}.sidebar-footer{padding:8px 4px;font-size:0}.sidebar-footer .hitree-logo{width:40px}}

/* Hitree yellow-to-blue visual system: warm yellow highlights over the existing deep-blue workspace. */
:root{
  --hitree-green:#ffd329;
  --hitree-action:#1677c8;
  --hitree-blue:#38c5ff;
  --hitree-gradient:linear-gradient(105deg,#ffad00 0%,#ffdf00 34%,#39c5f4 68%,#1676dc 100%);
  --hitree-gradient-soft:linear-gradient(105deg,#ffbd0020 0%,#ffe30017 34%,#39c5f414 68%,#1676dc20 100%);
}
body{background:radial-gradient(ellipse at 10% -18%,#a968001c 0,transparent 38%),radial-gradient(ellipse at 78% -20%,#147bd633 0,transparent 52%),#061326}
body>div{background-image:linear-gradient(#37b8ff0a 1px,transparent 1px),linear-gradient(90deg,#37b8ff0a 1px,transparent 1px),linear-gradient(120deg,#ffca0010,transparent 32%,transparent 68%,#187bff10);background-size:30px 30px,30px 30px,100% 100%}
.brand-dot{background:var(--hitree-gradient)}
.sidebar-brand{border-image:linear-gradient(90deg,#ffc400,#21bfff) 1}
.nav-group{color:#ffd54b}
.sidebar-nav a.active{background:linear-gradient(105deg,#a66a0029 0%,#12456a 58%,#123b68 100%);border-color:#42c8f2;box-shadow:inset 3px 0 #ffd329,0 0 18px #12bcff18}
.card-accent{border-top:2px solid #ffd329!important}
.stat-card::before{background:var(--hitree-gradient)!important}
.stat-card:hover,.prospect-row:hover{border-color:#ffd329;box-shadow:0 0 22px #168de326,0 8px 24px #020a1750}
.btn-pri,#lgBtn,.btn:not(.btn-b):not(.btn-out){background:var(--hitree-gradient)!important;color:#07182c!important;border:1px solid #f8d834!important;box-shadow:0 3px 16px #138fe33a}
.btn:not(.btn-b):not(.btn-out):hover{filter:brightness(1.08);box-shadow:0 0 24px #28bff655}
.btn-b,.btn-out,.inbox-filter-btn{border-color:#2875a5!important}
input:focus,select:focus,textarea:focus{border-color:#ffd329!important;box-shadow:0 0 0 3px #ffd32926!important}
th{background:linear-gradient(100deg,#122b47,#12385a 62%,#13325a);color:#ffdf58;border-color:#24628a}
.tab-bar button.active,.drawer-tabs button.active{color:#ffdb3b;border-bottom-color:#39c5f4}
.drawer-header,.drawer-tabs{border-color:#28729a}
.page-hd{border-image:linear-gradient(90deg,#ffbf00,#ffdf00 36%,#38c5ff 72%,#1b72dc) 1}
.page-hd h2,.sec-hd,.wb-sec-hd .t{color:#f3f8ff}
.page-hd .page-sub,.sec-sub,.c6{color:#a4c3df}
.toast{border-color:#32c5f4;box-shadow:0 8px 28px #020817aa}
.ai-panorama .panorama-hero,.ai-panorama .panorama-panel,.ai-panorama .panel-wide{border-color:#286b91}
.ai-panorama .panorama-hero{border-top:3px solid transparent;border-image:var(--hitree-gradient) 1}
.ai-panorama .panorama-kicker,.ai-panorama .panorama-footer span:first-child{color:#ffd83b}
.ai-panorama .panorama-pulse,.ai-panorama .panorama-lines circle{background:#ffd329;fill:#ffd329;box-shadow:0 0 12px #ffd329}
.email-review .er-hero{border-top:3px solid transparent;background:linear-gradient(145deg,#0d2a4d,#081b35) padding-box,var(--hitree-gradient) border-box}
.email-review .er-eyebrow,.email-review .er-rule b{color:#ffdc36}
.email-review .er-stat:not(.is-approved){border-top:2px solid transparent;background:linear-gradient(145deg,#0d2340,#091a32) padding-box,var(--hitree-gradient) border-box}
::selection{background:#1886ca;color:#fff}

/* AI panoramic map, inspired by the supplied blue architecture diagrams. */
.ai-panorama{max-width:1580px;margin:0 auto;padding:4px 0 22px;color:#e7f5ff}
.panorama-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;margin-bottom:12px;border:1px solid #2079a1;border-radius:14px;background:linear-gradient(110deg,#092448f2,#0b1c36f2 55%,#10264a);box-shadow:0 0 34px #0588c522,inset 0 1px #ffffff12;position:relative;overflow:hidden}
.panorama-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 20%,#28d7ff0b 20.1% 20.3%,transparent 20.4% 79%,#28d7ff0b 79.1% 79.3%,transparent 79.4%),linear-gradient(0deg,transparent 0 70%,#28d7ff09 70.2% 70.5%,transparent 70.7%)}
.panorama-kicker{color:#40d6f7;font-size:10px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:8px}
.panorama-pulse{width:7px;height:7px;border-radius:50%;background:#b4ef39;box-shadow:0 0 12px #b4ef39;animation:panoramaPulse 2s infinite}
@keyframes panoramaPulse{50%{opacity:.45;box-shadow:0 0 3px #b4ef39}}
.panorama-hero h1{font-size:clamp(24px,3vw,38px);letter-spacing:.04em;margin-top:9px;color:#f3f9ff;text-shadow:0 0 22px #31bff355}
.panorama-hero p{margin-top:5px;color:#aac6df;font-size:13px}
.panorama-hero-tag{position:relative;z-index:1;border-left:1px solid #2b7094;padding:9px 0 9px 18px;display:flex;flex-direction:column;gap:5px;text-align:right;color:#cdeaff;font-size:12px}
.panorama-hero-tag b{font-size:9px;letter-spacing:1.4px;color:#8cb0cc}
.panorama-ribbon{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:12px;padding:11px 14px;border:1px solid #174b70;border-radius:9px;background:#081a31dd;color:#c2e7fa;font-weight:650;font-size:12px}
.panorama-ribbon i{font-style:normal;color:#b4ef39;font-size:18px;text-shadow:0 0 12px #b4ef3966}
.panorama-grid{display:grid;grid-template-columns:minmax(210px,.93fr) minmax(360px,1.5fr) minmax(240px,1fr);gap:12px}
.panorama-panel,.panel-wide{border:1px solid #1a5279;border-radius:12px;background:linear-gradient(145deg,#0c203bf2,#09192ff5);box-shadow:0 8px 26px #020a1744,inset 0 1px #ffffff08}
.panorama-panel{padding:16px}
.panorama-panel-title{display:flex;gap:11px;align-items:center;margin-bottom:15px}
.panorama-index{width:31px;height:31px;display:grid;place-items:center;border:1px solid #28c6ef;border-radius:9px;background:#0b3656;color:#5cdefa;font-size:11px;font-weight:800;box-shadow:0 0 15px #10b8e522}
.panorama-panel-title b{display:block;font-size:14px;color:#e9f7ff}.panorama-panel-title small{display:block;color:#85a9c6;font-size:10px;margin-top:3px}
.panorama-node{width:100%;display:flex;align-items:center;gap:10px;text-align:left;margin:9px 0;padding:11px 9px;border:1px solid #20547a;border-radius:9px;background:#0b2542;color:#e2f3ff;cursor:pointer;transition:.15s}
.panorama-node:hover{transform:translateY(-1px);border-color:#32d5fa;box-shadow:0 0 18px #11bde526}
.panorama-node-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#12395b;color:#b4ef39;font-size:18px;flex-shrink:0}
.panorama-node span:nth-child(2){min-width:0;flex:1}.panorama-node b,.panorama-node small{display:block}.panorama-node b{font-size:11px}.panorama-node small{font-size:9px;color:#8dacC5;margin-top:4px}.panorama-node em{font-style:normal;color:#4fd9f7;font-size:9px;white-space:nowrap}
.panorama-note{margin-top:14px;padding:10px;border-left:2px solid #ffb432;background:#ffb4320b;color:#a9bfd3;font-size:10px;line-height:1.7}
.panorama-engine{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#123b6455,transparent 58%),linear-gradient(145deg,#0c203bf5,#09182ff5)}
.panorama-engine-map{height:300px;position:relative;max-width:600px;margin:0 auto}
.panorama-orbit{position:absolute;left:50%;top:50%;border:1px solid #2ad0f52e;border-radius:50%;transform:translate(-50%,-50%)}.orbit-a{width:245px;height:245px}.orbit-b{width:174px;height:174px;border-style:dashed;border-color:#b4ef3935}
.panorama-engine-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border:1px solid #30d7f6;border-radius:50%;background:radial-gradient(circle,#124e78,#0b2544 72%);box-shadow:0 0 0 8px #23bee410,0 0 32px #17c8ee55;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2}
.panorama-engine-core span{font-size:24px;line-height:1;color:#b4ef39;font-weight:900;text-shadow:0 0 16px #b4ef39}.panorama-engine-core b{font-size:9px;letter-spacing:1px;margin-top:7px}.panorama-engine-core small{font-size:8px;color:#97b8d2;margin-top:2px}
.panorama-module{position:absolute;z-index:3;width:144px;padding:9px 8px;border:1px solid #24709a;border-radius:9px;background:#0b2544ed;box-shadow:0 5px 18px #01091580;text-align:center}
.panorama-module b,.panorama-module small{display:block}.panorama-module b{font-size:11px;color:#e6f8ff}.panorama-module small{font-size:9px;color:#87abc7;margin-top:3px}
.module-top{top:0;left:50%;transform:translateX(-50%)}.module-left{left:0;top:50%;transform:translateY(-50%)}.module-right{right:0;top:50%;transform:translateY(-50%)}.module-bottom{bottom:0;left:50%;transform:translateX(-50%)}
.panorama-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.panorama-lines path{fill:none;stroke:#36c8f38a;stroke-width:1.4;stroke-dasharray:5 6}.panorama-lines circle{fill:#b4ef39;filter:drop-shadow(0 0 4px #b4ef39)}
.panorama-rule{display:flex;gap:9px;padding:11px 0;border-top:1px solid #173e5d}.panorama-rule>span{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#203d25;color:#b4ef39;font-size:11px;font-weight:800}.panorama-rule p{margin:0}.panorama-rule b,.panorama-rule small{display:block}.panorama-rule b{font-size:11px;color:#dff4ff}.panorama-rule small{font-size:9px;color:#8eabc4;line-height:1.6;margin-top:4px}
.panel-wide{padding:16px;margin-top:12px}
.panorama-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px}.panorama-section-heading h2,.panorama-legend h2{font-size:15px;color:#e7f6ff;margin-top:3px}.panorama-section-heading>span{font-size:10px;color:#87a9c4}
.panorama-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.panorama-stages button{position:relative;min-height:96px;text-align:left;padding:12px 10px;border:1px solid #1b5279;border-radius:9px;background:linear-gradient(150deg,#102c4d,#0a1d35);color:#e4f5ff;cursor:pointer;transition:.15s}
.panorama-stages button:hover{border-color:#38d4f4;transform:translateY(-2px);box-shadow:0 0 17px #16bdea22}
.panorama-stages button>span{display:block;font-size:9px;color:#b4ef39;letter-spacing:1px}.panorama-stages button>b{display:block;font-size:12px;margin:7px 0 3px}.panorama-stages button>small{display:block;font-size:9px;color:#8ba9c4}.panorama-stages button>i{position:absolute;right:7px;top:8px;color:#35ccee;font-style:normal}
.panorama-bottom{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(220px,1fr);gap:12px;margin-top:12px}
.panorama-usecases,.panorama-legend{padding:16px}.panorama-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.panorama-use-grid button{padding:12px;text-align:left;border:1px solid #205274;border-radius:9px;background:#0b2340;color:#e4f5ff;cursor:pointer;transition:.15s}.panorama-use-grid button:hover{border-color:#b4ef39;box-shadow:0 0 16px #b4ef3915}
.panorama-use-grid b,.panorama-use-grid small,.panorama-use-grid span{display:block}.panorama-use-grid b{font-size:11px}.panorama-use-grid small{min-height:38px;margin-top:7px;color:#8aa9c4;font-size:9px;line-height:1.6}.panorama-use-grid span{margin-top:9px;color:#44d4f4;font-size:9px}
.panorama-legend h2{margin:4px 0 11px}.panorama-legend-row{display:grid;grid-template-columns:10px 54px 1fr;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #173e5d}.panorama-legend-row b{font-size:10px}.panorama-legend-row small{font-size:9px;color:#8ba9c4}.legend-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.dot-blue{color:#329cff;background:#329cff}.dot-cyan{color:#35d4f3;background:#35d4f3}.dot-lime{color:#b4ef39;background:#b4ef39}.dot-orange{color:#ffb432;background:#ffb432}
.panorama-footer{display:flex;justify-content:space-between;gap:10px;margin:13px 3px 0;color:#7395b1;font-size:9px}.panorama-footer span:first-child{color:#b4ef39}
@media(max-width:1150px){.panorama-grid{grid-template-columns:1fr 1fr}.panorama-engine{grid-column:1/-1;grid-row:1}.panorama-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.panorama-hero{align-items:flex-start;padding:18px;flex-direction:column}.panorama-hero-tag{display:none}.panorama-grid,.panorama-bottom{grid-template-columns:1fr}.panorama-engine{grid-column:auto}.panorama-ribbon{gap:8px;font-size:10px}.panorama-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.panorama-use-grid{grid-template-columns:1fr}.panorama-use-grid small{min-height:0}.panorama-footer{flex-direction:column}.panorama-engine-map{height:300px}.panorama-module{width:126px}.panorama-hero h1{font-size:25px}}

/* Updated at user request: calm navy UI with warm yellow-only gradient accents. */
:root{--hitree-green:#ffd329;--hitree-action:#c58a00;--hitree-blue:#d5b24a;--hitree-bg:#061326;--hitree-panel:#0c203b;--hitree-panel-2:#102541;--hitree-line:#2a3e56;--hitree-text:#e5edf5;--hitree-muted:#a2afbf;--hitree-orange:#ffb432;--hitree-gradient:linear-gradient(110deg,#ffad00 0%,#ffd400 100%);--hitree-gradient-soft:linear-gradient(110deg,#ffad001a 0%,#ffd40014 100%)}
body{background:#07162b!important;color:var(--hitree-text)!important}
body>div{background-image:none!important;background-color:transparent!important}
#mainPane{background:none!important;scrollbar-color:#58697c #0a1a30!important}
.sidebar{background:#0a1b33!important;border-right:1px solid #2a3b52!important;box-shadow:none!important}
.sidebar-brand{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;padding:16px 14px 15px!important;gap:0!important;background:#0a1b33!important;border-bottom:1px solid #2a3b52!important;border-image:none!important}
.hitree-wordmark{display:block;width:184px;height:auto;max-width:100%}
.hitree-logo{width:220px!important;aspect-ratio:4.52!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.hitree-logo img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;left:auto!important;top:auto!important;object-fit:contain!important}
.hitree-login-logo{width:230px!important;margin:0 auto 18px!important}
.nav-group{color:#c8a844!important}
.sidebar-nav a{color:#bec8d5!important}
.sidebar-nav a:hover{color:#fff!important;background:#122640!important;border-color:#31445b!important}
.sidebar-nav a.active{color:#fff!important;background:#142943!important;border-color:#34485e!important;box-shadow:inset 3px 0 #f1c43e!important}
.sidebar-footer{border-color:#2a3b52!important;color:#98a7b8!important}
.card,.card-accent,.stat-card{background:#0d213a!important;color:var(--hitree-text)!important;border:1px solid #2a3e56!important;box-shadow:none!important}
.card-accent{border-top:2px solid #e6bb36!important}
.stat-card::before{background:linear-gradient(90deg,#ffad00 0%,#ffd400 100%)!important}
.stat-card .stat-label,.page-hd .page-sub,.sec-sub,.c6{color:#a7b4c3!important}
.stat-card:hover,.prospect-row:hover{border-color:#8e7540!important;box-shadow:none!important}
.btn-pri,#lgBtn,.btn:not(.btn-b):not(.btn-out){background:linear-gradient(110deg,#ffad00 0%,#ffd400 100%)!important;color:#17243a!important;border:1px solid #e5b526!important;box-shadow:none!important}
.btn:not(.btn-b):not(.btn-out):hover{filter:brightness(1.04)!important;box-shadow:none!important}
.btn-b,.btn-out,.inbox-filter-btn{background:#132943!important;color:#d4dce5!important;border:1px solid #52647a!important;box-shadow:none!important}
.btn-b:hover,.btn-out:hover,.inbox-filter-btn:hover{background:#1a304b!important;border-color:#79889a!important;color:#fff!important}
input,select,textarea{background:#091b31!important;color:#e5edf5!important;border:1px solid #40536a!important}
input::placeholder,textarea::placeholder{color:#9aa8b8!important}
input:focus,select:focus,textarea:focus{border-color:#d5b24a!important;box-shadow:0 0 0 2px #d5b24a24!important}
option{background:#0c203b!important;color:#e5edf5!important}
table{color:#dbe3ec!important}th{background:#152a43!important;color:#e6c85f!important;border-color:#34485e!important}td{border-color:#263b52!important}tr:hover td{background:#132945!important}
.page-hd{border-image:linear-gradient(90deg,#ffad00 0%,#ffd400 100%) 1!important;border-bottom:1px solid #394a60!important}
.page-hd h2,.sec-hd,.wb-sec-hd .t,.drawer-header-top h3{color:#edf1f6!important}
.tab-bar button.active,.drawer-tabs button.active{color:#f0c83e!important;border-bottom-color:#f0c83e!important}
.tab-bar,.drawer-header,.drawer-tabs{border-color:#34485e!important}
.tab-bar button,.drawer-tabs button{color:#aeb9c7!important}
.drawer{background:#0b1e35!important;color:#dce4ed!important;border-left:1px solid #34485e!important}
.drawer-header,.drawer-tabs{background:#10243d!important}
.drawer-body{color:#dce4ed!important}
.prospect-row{background:#0e223b!important;border-color:#2a4058!important;color:#dce4ed!important}
.prospect-row:hover{background:#152b45!important}
.badge{background:#273047!important;color:#e1cc78!important;border-color:#62582f!important}
.toast{border:1px solid #746334!important;box-shadow:0 8px 20px #02081766!important}
::selection{background:#9d7416!important;color:#fff!important}
.ai-panorama .panorama-hero,.ai-panorama .panorama-panel,.ai-panorama .panel-wide{border-color:#36495f!important;box-shadow:none!important}
.ai-panorama .panorama-hero{border-top:3px solid transparent!important;border-image:var(--hitree-gradient) 1!important;background:#10243d!important}
.panorama-hero:after{display:none!important}
.panorama-kicker,.ai-panorama .panorama-kicker,.ai-panorama .panorama-footer span:first-child{color:#e6c45e!important}
.panorama-hero h1{text-shadow:none!important}
.panorama-hero-tag{border-left-color:#42546a!important}
.panorama-ribbon,.panorama-panel,.panel-wide,.panorama-stages button{background:#0e223b!important;border-color:#35495f!important;box-shadow:none!important}
.panorama-ribbon i,.ai-panorama .panorama-pulse,.ai-panorama .panorama-lines circle{color:#e6c45e!important;background:#e6c45e!important;fill:#e6c45e!important;box-shadow:none!important;text-shadow:none!important}
.email-review .er-hero,.email-review .er-panel,.email-review .er-stat,.email-review .er-mail{background:#0e223b!important;border-color:#35495f!important;box-shadow:none!important}
.email-review .er-hero,.email-review .er-stat:not(.is-approved){border-top:2px solid #e4bd42!important}
.email-review .er-eyebrow,.email-review .er-rule b{color:#e6c45e!important}
.email-review .er-stat.is-approved{background:#153c31!important;border-color:#36745b!important}
.toast,.mask{backdrop-filter:none!important}

/* CRM dashboard: distinct, restrained accents instead of a single yellow stripe. */
.stat-card::before{background:linear-gradient(90deg,var(--stat-color,#d3ac53),color-mix(in srgb,var(--stat-color,#d3ac53) 45%,#6cc6cf))!important;opacity:1!important}
.stat-card .stat-value{color:#f2f8ff!important}
.ai-panorama button[data-panorama-nav]{cursor:pointer;font:inherit;color:#e7f4ff}
.ai-panorama button[data-panorama-nav]:hover{border-color:#60c7dd!important;background-color:#163654!important}
.ai-panorama button[data-panorama-nav]:focus-visible{outline:2px solid #67d4ef;outline-offset:2px}
.panorama-ribbon button{border:1px solid transparent;border-radius:6px;background:transparent;padding:5px 7px;font-size:12px;font-weight:650}
.panorama-rule{width:100%;text-align:left;background:transparent;border-left:0;border-right:0;border-bottom:0}
.panorama-legend-row{width:100%;text-align:left;background:transparent;border-left:0;border-right:0;border-bottom:0}
.drawer-case-matches .drawer-case-match strong{color:#f2f8ff}
.drawer-case-matches .drawer-case-match .badge{background:#19395d!important;color:#dfecf7!important;border:1px solid #497095!important}
.ea-card .fs11,.ea-card label{color:#b9d3eb!important}

/* Legacy panels still render pale inline backgrounds. Keep them readable in dark mode. */
#mainPane :is([style*="background:#fff"],[style*="background:white"],[style*="background:#f8fafc"],[style*="background:#fafbfc"]),
.drawer :is([style*="background:#fff"],[style*="background:white"],[style*="background:#f8fafc"],[style*="background:#fafbfc"]){background:#102943!important;color:#e5f2ff!important;border-color:#345573!important}
#mainPane :is([style*="background:#fff"],[style*="background:white"],[style*="background:#f8fafc"],[style*="background:#fafbfc"]) :is(p,span,strong,small,em,code,pre),
.drawer :is([style*="background:#fff"],[style*="background:white"],[style*="background:#f8fafc"],[style*="background:#fafbfc"]) :is(p,span,strong,small,em,code,pre){color:#dcecff!important}
#mainPane :is([style*="background:#fff"],[style*="background:white"],[style*="background:#f8fafc"],[style*="background:#fafbfc"]) a,
.drawer :is([style*="background:#fff"],[style*="background:white"],[style*="background:#f8fafc"],[style*="background:#fafbfc"]) a{color:#72d4ec!important}
.crm-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:5px 12px;margin-top:10px;padding-top:9px;border-top:1px solid #2c4e6e;color:#b9d6ec;font-size:11px;overflow-wrap:anywhere}
.crm-contact-grid b{color:#76cef5;font-weight:650}
.crm-contact-grid a{color:#54caff;text-decoration:underline}
.crm-contact-grid .crm-unverified{color:#f7c767}