:root{box-sizing:border-box;--bg:#080A0D;--pn:#101318;--bd:#222832;--tx:#F4F5F7;--t2:#8E96A3;--ac:#3FC8F0;--ok:#5FAE86;--wn:#D3A24C;--er:#C96A6A;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--tx);font:14px/1.45 "Inter","Segoe UI",system-ui,sans-serif;overflow-x:hidden}
#app{display:flex;min-height:100vh}
aside{width:210px;flex:none;border-right:1px solid var(--bd);padding:18px 12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}
.logo{font-size:22px;font-weight:700;letter-spacing:.18em}.logo small{display:block;font-size:9px;letter-spacing:.04em;font-weight:400;color:var(--t2);margin-top:2px}
.nv{padding:8px 10px;border-radius:6px;color:var(--t2);cursor:pointer;font-size:12.5px;letter-spacing:.06em;background:none;border:0;text-align:left;font-family:inherit}
.nv:hover{color:var(--tx)}.nv.on{background:rgba(var(--gl),.12);color:var(--ac)}
.usr{margin-top:auto;border-top:1px solid var(--bd);padding-top:12px;font-size:12px}.usr span{color:var(--t2)}
main{flex:1;min-width:0}
#top{position:sticky;top:0;z-index:5;background:rgba(8,10,13,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--bd);padding:12px 24px;display:flex;gap:10px;align-items:center}
#top input{flex:1;background:var(--pn);border:1px solid var(--bd);border-radius:8px;padding:10px 14px;color:var(--tx);font:inherit}
#top input:focus,input:focus,select:focus,textarea:focus{outline:1px solid var(--ac)}
#menu{display:none}
#ans{margin:12px 24px 0;display:none;background:var(--pn);border:1px solid var(--ac);border-radius:8px;padding:14px 16px}
#view{padding:20px 24px 60px}
h1{font-size:20px;margin:0 0 4px;font-weight:600}h2{font-size:11px;letter-spacing:.12em;color:var(--t2);margin:0 0 12px;font-weight:600;text-transform:uppercase}
.sub{color:var(--t2);font-size:12px;margin-bottom:18px}
.grid{display:grid;gap:16px}.g2{grid-template-columns:2fr 1fr}
.pn{background:var(--pn);border:1px solid var(--bd);border-radius:10px;padding:16px;min-width:0}
.row{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--bd)}.row:first-of-type{border-top:0}
.row>.g{flex:1;min-width:0}.t2{color:var(--t2);font-size:12px}
.btn{background:transparent;border:1px solid var(--ac);color:var(--ac);border-radius:6px;padding:6px 12px;font:600 11px inherit;font-family:inherit;letter-spacing:.06em;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--ac);color:var(--on)}.btn.g2b{border-color:var(--bd);color:var(--t2)}.btn.dn{border-color:var(--er);color:var(--er)}.btn.dn:hover{background:var(--er);color:#fff}
.tag{display:inline-block;border:1px solid var(--bd);border-radius:20px;padding:1px 9px;font-size:11px;color:var(--t2)}
.tag.ok{color:var(--ok);border-color:#2c4a3b}.tag.wn{color:var(--wn);border-color:#54421f}.tag.er{color:var(--er);border-color:#58302f}.tag.ac{color:var(--ac);border-color:rgba(var(--gl),.35)}
.pipe{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.st{border:1px solid var(--bd);border-radius:8px;padding:12px;cursor:pointer;background:var(--pn)}.st:hover{border-color:var(--ac)}.st b{font-size:24px;display:block;font-weight:500}.st span{font-size:10px;letter-spacing:.1em;color:var(--t2)}
table{width:100%;border-collapse:collapse}th{font-size:10.5px;letter-spacing:.1em;color:var(--t2);text-align:left;font-weight:600;padding:8px;border-bottom:1px solid var(--bd)}td{padding:10px 8px;border-bottom:1px solid var(--bd);font-size:13px}tr.k{cursor:pointer}tr.k:hover td{background:rgba(var(--gl),.06)}
.sc{overflow-x:auto}
input,select,textarea{background:var(--bg);border:1px solid var(--bd);border-radius:6px;padding:8px 10px;color:var(--tx);font:inherit;max-width:100%}
.bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--bd);margin:14px 0}.tb{padding:8px 14px;color:var(--t2);cursor:pointer;font-size:12px;letter-spacing:.06em;white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;font-family:inherit}.tb.on{color:var(--ac);border-color:var(--ac)}
.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.kv div span{display:block;font-size:10.5px;color:var(--t2);letter-spacing:.08em;text-transform:uppercase}
.dev{display:flex;flex-direction:column;gap:6px}.ds{padding:8px 12px;border:1px solid var(--bd);border-radius:6px;color:var(--t2);font-size:12.5px}.ds.dn2{color:var(--ok)}.ds.cur{border-color:var(--ac);color:var(--tx);background:rgba(var(--gl),.14)}
.ph{aspect-ratio:3/4;border-radius:6px;border:1px solid var(--bd);background:linear-gradient(160deg,#1a2330,#0d1117)}
.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block;margin-right:6px}
#toast{position:fixed;right:20px;bottom:20px;background:rgba(var(--gl),.14);border:1px solid var(--ac);padding:12px 16px;border-radius:8px;display:none;z-index:20;max-width:340px}
.bk{border:1px solid var(--bd);border-radius:8px;padding:12px;display:flex;gap:14px;cursor:pointer;margin-bottom:8px}.bk:hover{border-color:var(--ac)}.bk .d{font-size:12px;color:var(--ac);min-width:52px}
@media(max-width:860px){aside{position:fixed;left:-230px;z-index:30;background:var(--bg);transition:left .2s}aside.open{left:0}#menu{display:block}.g2{grid-template-columns:1fr}.pipe{grid-template-columns:repeat(3,1fr)}#view,#top{padding-left:14px;padding-right:14px}#ans{margin-left:14px;margin-right:14px}.row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.hero{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:var(--pn);border:1px solid var(--bd);border-radius:16px;padding:20px}
.av{width:72px;height:72px;border-radius:50%;background:var(--bg);border:1px solid var(--bd);display:grid;place-items:center;font-size:24px;font-weight:600;color:var(--ac)}
.stats{display:flex;gap:24px;margin-left:auto;flex-wrap:wrap}.stats b{display:block;font-size:16px;font-weight:600}.stats span{font-size:10px;color:var(--t2);letter-spacing:.08em;text-transform:uppercase}
.pn2{background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:16px;min-width:0}
.tabs{display:flex;gap:6px;overflow-x:auto;margin:16px 0;padding-bottom:4px;border:0}.tb{padding:7px 14px;color:var(--t2);cursor:pointer;font-size:12px;white-space:nowrap;background:var(--pn);border:1px solid var(--bd);border-radius:20px;font-family:inherit}.tb.on{color:var(--on);background:var(--ac);border-color:var(--ac)}
img.ph{object-fit:cover;width:100%;display:block}
:root[data-theme=light]{color-scheme:light;--bg:#F4F6F9;--pn:#FFFFFF;--bd:#DCE1E8;--tx:#141A22;--t2:#5A6574;--ac:#0A7EA4;--ok:#2E7D57;--wn:#9A6A12;--er:#B23B3B}
[data-theme=light] .nv.on,[data-theme=light] .ds.cur{background:#E2F1F7}[data-theme=light] #top{background:rgba(244,246,249,.92)}[data-theme=light] tr.k:hover td{background:#EEF1F5}[data-theme=light] #toast{background:#fff}
[data-theme=light] .ph{background:linear-gradient(160deg,#E3E8EE,#F4F6F9)}[data-theme=light] .btn:hover,[data-theme=light] .tb.on{color:#fff}
[data-theme=light] .tag.ok{border-color:#A7D2BC}[data-theme=light] .tag.wn{border-color:#E0C58C}[data-theme=light] .tag.er{border-color:#E3B1B1}[data-theme=light] .tag.ac{border-color:#9FD0E2}
.dpg{display:grid;grid-template-columns:repeat(7,32px);gap:3px}.dpd{height:32px;border:1px solid var(--bd);border-radius:6px;background:var(--bg);color:var(--tx);cursor:pointer;font-size:12px;font-family:inherit}.dpd.on{background:var(--ac);color:var(--on);border-color:var(--ac)}.dpd.td{border-color:var(--ac)}[data-theme=light] .dpd.on{color:#fff}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.ccard{position:relative;overflow:hidden;border:1px solid var(--bd);border-radius:14px;padding:18px;background:linear-gradient(180deg,rgba(var(--gl),.07),transparent 45%),var(--pn);transition:box-shadow .2s,border-color .2s}
.ccard::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--ac),transparent)}
.ccard:hover{border-color:var(--ac);box-shadow:0 0 22px rgba(var(--gl),.12)}
.chead{display:flex;gap:12px;align-items:center}.hex{width:44px;height:48px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--ac);color:var(--on);display:grid;place-items:center;font-weight:700;font-size:14px}
.pulse{width:8px;height:8px;border-radius:50%;margin-left:auto;background:var(--ok);box-shadow:0 0 8px var(--ok)}.pulse.wn{background:var(--wn);box-shadow:0 0 8px var(--wn)}
.cstat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;padding:12px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}.cstat b{display:block;font-size:15px;font-weight:600}.cstat span{font-size:9px;letter-spacing:.12em;color:var(--t2)}
[data-theme=light] .ccard{background:linear-gradient(180deg,rgba(10,126,164,.06),transparent 45%),var(--pn)}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(var(--gl),.08),transparent 60%),var(--pn);border-radius:18px}
.hero::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--ac),transparent)}
.av{width:76px;height:84px;border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--ac);color:var(--on);border:0}
.stats span,.kv span{font-family:ui-monospace,Menlo,monospace;letter-spacing:.1em}
.pn2{background:linear-gradient(180deg,rgba(var(--gl),.05),transparent 50%),var(--bg)}.pn2:hover{border-color:rgba(var(--gl),.35)}.tb.on{box-shadow:0 0 14px rgba(var(--gl),.25)}
[data-theme=light] .av{color:#fff}
body.sbmin aside{display:none}#sbf{position:fixed;left:10px;bottom:10px;z-index:40;display:none}body.sbmin #sbf{display:block}

:root{--gl:76,212,255;--on:#04161c;--fill:rgba(255,255,255,.05)}
:root[data-theme=midnight]{--bg:#07090c;--pn:#0d1117;--bd:rgba(255,255,255,.07);--tx:#F2F4F7;--t2:#8A93A1;--ac:#4CD4FF;--gl:76,212,255;--on:#04161c;--fill:rgba(255,255,255,.05)}
:root[data-theme=graphite]{--bg:#0a0a0b;--pn:#131315;--bd:rgba(255,255,255,.08);--tx:#F4F4F5;--t2:#8B8B93;--ac:#E9E9EC;--gl:233,233,236;--on:#0a0a0b;--fill:rgba(255,255,255,.05)}
:root[data-theme=aurora]{--bg:#09070f;--pn:#110e1b;--bd:rgba(255,255,255,.07);--tx:#F4F1FA;--t2:#9189A6;--ac:#A78BFA;--gl:167,139,250;--on:#0d0820;--fill:rgba(255,255,255,.05)}
:root[data-theme=blush]{--bg:#0c0709;--pn:#160d12;--bd:rgba(255,255,255,.07);--tx:#FAF1F5;--t2:#A38995;--ac:#F472B6;--gl:244,114,182;--on:#22040f;--fill:rgba(255,255,255,.05)}
/* Noir (22 Oct 2026, the Director's request): deep black, electric blue, red and white — blue leads, red is the second
   accent (gradients, highlights) and the alert colour */
:root[data-theme=noir]{--bg:#020203;--pn:#0a0b0f;--bd:rgba(255,255,255,.09);--tx:#FFFFFF;--t2:#9CA3B4;--ac:#2F7BFF;--gl:47,123,255;--on:#FFFFFF;--fill:rgba(255,255,255,.05);--er:#FF3B4E;--wn:#E8A33D;--ok:#3FBF86;--ac2:#E5243B}
/* a plain black background — no glows behind the page (22 Oct 2026) */
[data-theme=noir] body::before{background:none}[data-theme=noir] .stat3::after{display:none}[data-theme=noir] #app{background:none}[data-theme=noir] body{background:#020203}
[data-theme=noir] .tag.er{border-color:rgba(255,59,78,.55)}[data-theme=noir] .btn.dn{border-color:#FF3B4E;color:#FF3B4E}
:root[data-theme=earth]{color-scheme:light;--bg:#F3EEE7;--pn:#FBF8F3;--bd:#E2D9CC;--tx:#2B241D;--t2:#75695C;--ac:#9C6B4E;--gl:156,107,78;--on:#fff;--fill:rgba(60,40,20,.05);--ok:#4F7A4A;--wn:#94681A;--er:#A94438}
/* Earth (20 Oct 2026): a light, warm neutral theme — the same fixes Daylight needs on a light background */
[data-theme=earth] .nv.on,[data-theme=earth] .ds.cur{background:#EFE3D8}[data-theme=earth] #top{background:rgba(243,238,231,.92)}[data-theme=earth] tr.k:hover td{background:#F0E9E0}[data-theme=earth] #toast{background:#FBF8F3}
[data-theme=earth] .ph{background:linear-gradient(160deg,#E6DDD1,#F3EEE7)}[data-theme=earth] .btn:hover,[data-theme=earth] .dpd.on,[data-theme=earth] .av{color:#fff}[data-theme=earth] .tb.on{color:var(--ac)}
[data-theme=earth] .tag.ok{border-color:#B9CDB2}[data-theme=earth] .tag.wn{border-color:#E0C996}[data-theme=earth] .tag.er{border-color:#E2B5AE}[data-theme=earth] .tag.ac{border-color:#D9BFAE}
[data-theme=earth] .ccard{background:linear-gradient(180deg,rgba(156,107,78,.07),transparent 45%),var(--pn)}
[data-theme=earth] .fq,[data-theme=earth] .fq-entry{--s1:#9C6B4E;--s2:#5E7D5A;--gr:#E4DCD0;--b0:#CBBFAE;--axc:#75695C;--pos:#4F7A4A;--neg:#A94438}
[data-theme=earth] .pk5-i,[data-theme=light] .pk5-i{background-color:var(--fill);background-image:none}[data-theme=earth] .pk5-p,[data-theme=light] .pk5-p{background-color:var(--fill)}
:root[data-theme=light]{--gl:10,126,164;--on:#fff;--fill:rgba(0,0,0,.045);--bd:#E1E5EB;--pn:#fff;--bg:#F5F7FA}
/* ===== v2 skin ===== */
#app{background:radial-gradient(900px 420px at 78% -8%,rgba(var(--gl),.09),transparent 65%)}
aside{width:72px;padding:0;border:0;position:sticky;top:0;height:100vh;display:block;flex:none;overflow:visible}
aside .navin{position:absolute;top:0;bottom:0;left:0;width:72px;overflow:hidden;background:var(--bg);border-right:1px solid var(--bd);padding:18px 10px;display:flex;flex-direction:column;gap:4px;transition:width .22s ease;z-index:30}
aside:hover .navin{width:240px;box-shadow:20px 0 60px rgba(0,0,0,.3)}
.logo{cursor:pointer;font-size:15px;letter-spacing:.32em;padding:4px 12px 16px;white-space:nowrap}.logo small{display:inline;font-size:9px;letter-spacing:.1em;margin-left:6px;color:var(--ac)}
.nv{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:14px;white-space:nowrap;font-size:13px;letter-spacing:0;position:relative}
.nv .ic{width:20px;text-align:center;font-size:16px;flex:none}.nv .lb{opacity:0;transition:opacity .15s;display:inline-block}aside:hover .nv .lb{opacity:1}
.nv.on{background:rgba(var(--gl),.13);color:var(--ac)}.nv:hover{background:var(--fill);color:var(--tx)}
.nb{position:absolute;left:26px;top:6px;min-width:15px;height:15px;border-radius:8px;background:var(--ac);color:var(--on);font-size:9px;font-style:normal;display:grid;place-items:center;padding:0 4px}
.usr{margin-top:auto;border:0;padding:8px 4px 0}.usr .who,.usr .sws,.usr select,.usr .mini{opacity:0;transition:opacity .15s}aside:hover .usr .who,aside:hover .usr .sws,aside:hover .usr select,aside:hover .usr .mini{opacity:1}
.usr .who{display:flex;flex-direction:column;margin-bottom:10px;white-space:nowrap}.usr .who span{font-size:11px;color:var(--t2)}
.sws{display:flex;gap:8px;margin-bottom:10px}.sw{width:18px;height:18px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;outline:1px solid var(--bd);flex:none}.sw.on{border-color:var(--tx)}
.usr select{width:100%;margin-bottom:8px}.mini{width:100%}
#top{background:transparent;border:0;backdrop-filter:none;padding:20px 40px 6px;justify-content:center}
#top input{max-width:620px;border-radius:999px;padding:13px 22px;background:var(--pn);border:1px solid var(--bd)}
#view{padding:10px 40px 90px;max-width:1380px;margin:0 auto;width:100%}
h1{font-size:30px;font-weight:600;letter-spacing:-.025em;margin:6px 0 4px}
h2{font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--t2);margin:0 0 14px}
.sub{font-size:12px;color:var(--t2);opacity:.8;margin-bottom:22px}.sub.mono,.mono{font-family:inherit;letter-spacing:0}
p.t2{display:none}
.pn,.pn2,.ccard,.st,.bk{border:1px solid var(--bd);border-radius:20px}
.pn{padding:22px;background:linear-gradient(180deg,rgba(var(--gl),.035),transparent 55%),var(--pn)}
.pn2{background:var(--fill);padding:18px}.pn2:hover{border-color:var(--bd)}
.st{background:var(--pn)}.st:hover{border-color:rgba(var(--gl),.5)}.st b{font-size:30px;font-weight:500}.st span{letter-spacing:.04em;font-size:10px}
.row{border:0;border-bottom:1px solid var(--bd);padding:13px 0}.row:last-child{border-bottom:0}
.btn{border-radius:999px;font-size:12px;font-weight:500;letter-spacing:0;padding:8px 16px;border:1px solid rgba(var(--gl),.5);color:var(--ac)}
.btn:hover{background:var(--ac);color:var(--on)}.btn.g2b{border-color:var(--bd);color:var(--t2)}.btn.g2b:hover{background:var(--fill);color:var(--tx)}.btn.dn{border-color:rgba(201,106,106,.5)}
.tag{border:0;background:var(--fill);padding:3px 11px;font-size:11px}.tag.ok{background:rgba(95,174,134,.16)}.tag.wn{background:rgba(211,162,76,.16)}.tag.er{background:rgba(201,106,106,.16)}.tag.ac{background:rgba(var(--gl),.14)}
input,select,textarea{border-radius:12px;background:var(--fill);border:1px solid var(--bd)}
input:focus,select:focus,textarea:focus{outline:1px solid rgba(var(--gl),.6)}
table th{text-transform:none;letter-spacing:0;font-size:11px;font-weight:500;border-bottom:1px solid var(--bd)}td{border-bottom:1px solid var(--bd)}tr.k:hover td{background:var(--fill)}
.kv div span,.stats span,.cstat span{font-family:inherit;letter-spacing:.02em;text-transform:none;font-size:11px}
.hero{border-radius:26px}.tabs{gap:4px;margin:18px 0}
.tb{font-size:12.5px;border-radius:999px;background:transparent;border-color:transparent;color:var(--t2)}.tb:hover{background:var(--fill)}.tb.on{background:rgba(var(--gl),.14);color:var(--ac);border-color:transparent;box-shadow:none}
.dpd,.ph{border-radius:10px}.pipe{gap:12px}#toast{border-radius:14px;background:var(--pn)}
[data-theme=light] .btn:hover,[data-theme=light] .tb.on{color:#fff}[data-theme=light] .tb.on{color:var(--ac)}
@media(max-width:860px){aside{position:fixed;left:-260px;width:250px;z-index:50;transition:left .2s}aside.open{left:0}aside .navin{width:250px}aside .nv .lb,aside .usr .who,aside .usr .sws,aside .usr select,aside .usr .mini{opacity:1}#view,#top{padding-left:16px;padding-right:16px}}

.ov{position:fixed;inset:0;z-index:100;background:var(--bg);overflow:auto}
#lc{position:absolute;inset:0;width:100%;height:100%}
.lglow{position:absolute;inset:0;background:radial-gradient(640px 380px at 50% 46%,rgba(var(--gl),.16),transparent 70%);pointer-events:none}
.lc{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}
.lring{position:relative;width:150px;height:150px;margin-bottom:26px}
.lring i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(var(--gl),.55);border-top-color:transparent;animation:spin 6s linear infinite}
.lring i:nth-child(2){inset:14px;animation-duration:9s;animation-direction:reverse;border-color:rgba(var(--gl),.35);border-right-color:transparent}
.lring i:nth-child(3){inset:30px;animation-duration:4s;border-color:rgba(var(--gl),.75);border-bottom-color:transparent}
.lring::after{content:"";position:absolute;inset:60px;border-radius:50%;background:var(--ac);box-shadow:0 0 30px rgba(var(--gl),.8);animation:pulse 2.4s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(.7);opacity:.6}}
.lw{font-size:64px;font-weight:300;letter-spacing:.45em;margin:0 0 0 .45em;animation:lw 2.2s ease both}
@keyframes lw{from{letter-spacing:1em;opacity:0}to{letter-spacing:.45em;opacity:1}}
.llab{font-size:11px;letter-spacing:.4em;color:var(--t2);margin-bottom:10px}
.lsub{color:var(--t2);font-size:12px;letter-spacing:.16em;margin:6px 0 34px}
.lbar{width:260px;height:2px;background:var(--fill);border-radius:2px;overflow:hidden}.lbar b{display:block;height:100%;width:0;background:var(--ac);box-shadow:0 0 12px var(--ac)}
.lst{margin:14px 0 30px;font-size:11px;letter-spacing:.2em;color:var(--t2);min-height:18px}.lst.ok{color:var(--ac)}
.lbtn{padding:14px 46px;border-radius:999px;border:1px solid rgba(var(--gl),.6);background:transparent;color:var(--ac);font-size:13px;letter-spacing:.24em;cursor:pointer;opacity:.35;transition:.3s;font-family:inherit}
.lbtn:not(:disabled){opacity:1;box-shadow:0 0 30px rgba(var(--gl),.25);animation:glow 2.4s ease-in-out infinite}.lbtn:not(:disabled):hover{background:var(--ac);color:var(--on)}
@keyframes glow{50%{box-shadow:0 0 50px rgba(var(--gl),.5)}}
.lfoot{position:absolute;bottom:18px;font-size:10px;letter-spacing:.24em;color:var(--t2)}
.ch{max-width:1000px;margin:0 auto;padding:44px 28px 60px;position:relative}
.chl{font-size:11px;letter-spacing:.4em;color:var(--t2);margin:26px 0 8px}.ch h1{font-size:40px;margin:0 0 6px}.chs{color:var(--t2);font-size:13px}
.chg2{font-size:11px;letter-spacing:.14em;color:var(--t2);margin:32px 0 12px;text-transform:uppercase}
.chg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.chc{display:block;width:100%;cursor:pointer;text-align:left;font-family:inherit;color:var(--tx);animation:up .5s ease both;transition:transform .2s}.chc:hover{transform:translateY(-3px)}
.chc b{display:block;font-size:15px;font-weight:500;margin-top:12px}.chc i{display:block;font-style:normal;font-size:12px;color:var(--ac);margin-top:2px}.chc span{display:block;font-size:12px;color:var(--t2);margin-top:8px}
@keyframes up{from{opacity:0;transform:translateY(14px)}}
.cht{display:flex;align-items:center;gap:14px;margin-top:38px;color:var(--t2);font-size:11px;letter-spacing:.14em}
#top{justify-content:space-between}#top input{flex:1;max-width:620px;margin:0 auto}
#pc{position:relative;flex:none;margin-left:auto}
.pm-b{display:flex;align-items:center;gap:10px;background:var(--pn);border:1px solid var(--bd);border-radius:999px;padding:5px 14px 5px 5px;color:var(--tx);cursor:pointer;font-family:inherit}
.pm-a{width:30px;height:30px;border-radius:50%;background:rgba(var(--gl),.16);color:var(--ac);display:grid;place-items:center;font-size:11px;font-weight:600;flex:none}
.pm-t{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.pm-t b{font-size:12px;font-weight:500}.pm-t i,.pm-i i{font-style:normal;font-size:10.5px;color:var(--t2)}
.pm{display:none;position:absolute;right:0;top:calc(100% + 8px);width:300px;background:var(--pn);border:1px solid var(--bd);border-radius:18px;padding:10px;z-index:60;box-shadow:0 20px 60px rgba(0,0,0,.4)}.pm.open{display:block}
.pm-h{font-size:10px;letter-spacing:.14em;color:var(--t2);padding:10px 10px 4px;text-transform:uppercase}
.pm-i{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border-radius:12px;background:none;border:0;color:var(--tx);text-align:left;cursor:pointer;font-family:inherit}.pm-i:hover,.pm-i.on{background:rgba(var(--gl),.12)}.pm-i b{display:block;font-size:12.5px;font-weight:500}
.pm .sws{padding:6px 10px 8px;margin:0}
#top.slim #q,#top.slim .askb{display:none}
@media(prefers-reduced-motion:reduce){.lring i,.lring::after,.lbtn,.lw,.chc{animation:none!important}}
@media(max-width:700px){.pm-t{display:none}.lw{font-size:44px}}
.btn[disabled]{opacity:.35;cursor:not-allowed}.btn[disabled]:hover{background:transparent;color:var(--ac)}
.askw{position:relative;flex:1;max-width:640px;margin:0 auto}.askw #q{width:100%;max-width:none;margin:0;padding-right:92px}.askb{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:6px 16px}
#top.slim .askw{display:none}
aside{transition:width .22s ease}aside:hover .navin{width:72px;box-shadow:none}aside:hover .nv .lb,aside:hover .usr .mini,aside:hover .usr .who{opacity:0}
aside.exp,aside.exp .navin,aside.exp:hover .navin{width:232px}aside.exp .nv .lb,aside.exp:hover .nv .lb,aside.exp .usr .mini,aside.exp .usr .who{opacity:1}
aside.exp .nb{position:static;margin-left:auto}.navtg{margin-bottom:6px;color:var(--t2)}
@media(max-width:860px){aside{width:250px!important}aside .navin{width:250px!important}aside .nv .lb,aside .usr .mini{opacity:1!important}}
.pad{display:block;background:#fff;border:1px dashed #9aa4b2;border-radius:10px;width:100%;max-width:420px;touch-action:none;cursor:crosshair;margin-bottom:6px}
aside.exp,aside.exp .navin,aside.exp:hover .navin{width:72px}
.nv .lb{opacity:0;transition:opacity .08s}
aside:hover .navin{width:240px;box-shadow:20px 0 60px rgba(0,0,0,.3);transition:width .2s ease}
aside:hover .nv .lb,aside:hover .usr .mini,aside:hover .usr .who{opacity:1;transition:opacity .15s .14s}
.nv{overflow:hidden}.nv .lb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* hover menu pushes the page aside */
aside{width:72px;transition:width .22s ease}
aside:hover{width:240px}
aside .navin,aside:hover .navin,aside.exp .navin{width:100%;box-shadow:none}
@media(max-width:860px){aside,aside:hover{width:250px!important}}
.av.img{background-size:cover;background-position:center;color:transparent}.sk-row{align-items:center}
.bad{outline:2px solid var(--er)!important;border-color:var(--er)!important}
.wab{background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.35);border-radius:14px 14px 14px 4px;padding:10px 12px;margin:8px 0;max-width:360px}
/* slide transitions */
.slide{animation:slIn .6s cubic-bezier(.2,.8,.2,1) both}
.slide.out{animation:slOut .28s ease-in both}
@keyframes slIn{from{opacity:0;transform:translateY(26px) scale(.98);filter:blur(10px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}}
@keyframes slOut{to{opacity:0;transform:translateY(-18px) scale(1.03);filter:blur(12px)}}
.beam{position:fixed;top:0;bottom:0;width:180px;left:-200px;z-index:130;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(var(--gl),.4),rgba(255,255,255,.18),rgba(var(--gl),.4),transparent);filter:blur(3px)}
.beam.go{animation:beam .75s cubic-bezier(.6,0,.2,1)}
@keyframes beam{from{left:-200px}to{left:105%}}
.scan{position:fixed;inset:0;z-index:129;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(var(--gl),.07) 0 1px,transparent 1px 4px);opacity:0}
.scan.go{animation:scanfx .75s}
@keyframes scanfx{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
#land.warp .lc{animation:warp .5s ease-in both}
@keyframes warp{to{opacity:0;transform:scale(1.35);filter:blur(14px)}}
.typec{padding:26px;min-height:190px}.typec .big{font-size:34px;color:var(--ac);margin-bottom:10px}.typec b{font-size:20px}
.chc:hover{box-shadow:0 0 34px rgba(var(--gl),.18)}
@media(prefers-reduced-motion:reduce){.slide,.slide.out,.beam.go,.scan.go,#land.warp .lc{animation:none!important}}
/* iris-aperture transition */
.beam,.scan{display:none!important}
.slide{animation:irisIn .75s cubic-bezier(.2,.8,.2,1) both}
.slide.out{animation:irisOut .38s cubic-bezier(.6,0,.8,.4) both}
@keyframes irisIn{from{clip-path:circle(0% at 50% 42%);opacity:.3;transform:scale(1.08) rotate(-1.2deg)}to{clip-path:circle(150% at 50% 42%);opacity:1;transform:none}}
@keyframes irisOut{to{clip-path:circle(0% at 50% 42%);opacity:.3;transform:scale(.94) rotate(1.2deg)}}
.irisring{position:fixed;left:50%;top:42%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:2px solid var(--ac);box-shadow:0 0 50px rgba(var(--gl),.9),inset 0 0 30px rgba(var(--gl),.6);opacity:0;pointer-events:none;z-index:130}
.irisring.go{animation:ringfx .85s cubic-bezier(.2,.7,.2,1)}
@keyframes ringfx{0%{opacity:0;transform:scale(.4)}12%{opacity:1}100%{opacity:0;transform:scale(80)}}
#land.warp{animation:landClose .5s cubic-bezier(.6,0,.8,.4) both}
@keyframes landClose{from{clip-path:circle(150% at 50% 42%)}to{clip-path:circle(0% at 50% 42%)}}
#land.warp .lc{animation:none}
@media(prefers-reduced-motion:reduce){.slide,.slide.out,.irisring.go,#land.warp{animation:none!important}}
/* pixel dissolve transition */
.slide,.slide.out{animation:none!important}
#land.warp,#land.warp .lc{animation:none!important}
/* modern chooser layout */
.cw{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:96px 24px 90px}
.cwr{position:absolute;left:50%;top:46%;width:820px;height:820px;transform:translate(-50%,-50%);border:1px solid rgba(var(--gl),.1);border-radius:50%;pointer-events:none}.cwr.r2{width:1200px;height:1200px;border-color:rgba(var(--gl),.06)}
.cwt{position:absolute;top:22px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;z-index:3}
.cwm{letter-spacing:.55em;margin-right:-.55em;font-weight:300;font-size:15px;color:var(--t2)}.cwt .tag{opacity:.7}
.cwl{font-size:11px;letter-spacing:.42em;color:var(--t2);margin-bottom:12px;position:relative;z-index:2}
.cwh{font-size:44px;font-weight:300;letter-spacing:.22em;margin:0 0 12px 0;text-transform:uppercase;position:relative;z-index:2}
.cws{color:var(--t2);font-size:13px;letter-spacing:.12em;margin-bottom:40px;position:relative;z-index:2}
.cwg{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:1120px;position:relative;z-index:2}
.cwc{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:linear-gradient(180deg,rgba(var(--gl),.07),transparent 65%),var(--pn);border:1px solid var(--bd);border-radius:22px;color:var(--tx);font-family:inherit;cursor:pointer;text-align:center;transition:border-color .2s,box-shadow .2s,transform .2s}
.cwc:hover{border-color:rgba(var(--gl),.6);box-shadow:0 0 36px rgba(var(--gl),.16);transform:translateY(-4px)}
.cwc.tc{width:290px;padding:38px 24px 28px}.cwc.pc2{width:200px;padding:26px 16px 22px}.cwc.sm{width:176px;padding:20px 12px 16px}
.cwo{width:78px;height:78px;border-radius:50%;border:1px solid rgba(var(--gl),.5);display:grid;place-items:center;font-size:28px;color:var(--ac);box-shadow:0 0 24px rgba(var(--gl),.2),inset 0 0 18px rgba(var(--gl),.12);margin-bottom:12px}
.cwi{position:absolute;top:14px;left:18px;font-size:10px;letter-spacing:.2em;color:var(--t2)}
.cwc b{font-size:16px;font-weight:500;letter-spacing:.06em}.cwc i{font-style:normal;font-size:11px;color:var(--ac);letter-spacing:.08em}.cwc .d{font-size:12px;color:var(--t2);line-height:1.5}.cwc em{font-style:normal;font-size:11px;letter-spacing:.2em;color:var(--ac);margin-top:12px}
.cwa{width:60px;height:60px;border-radius:50%;background:rgba(var(--gl),.14);border:1px solid rgba(var(--gl),.4);color:var(--ac);display:grid;place-items:center;font-weight:600;font-size:15px;background-size:cover;background-position:center;margin-bottom:6px}
.cwa.hx{border-radius:0;border:0;background:var(--ac);color:var(--on);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:56px;height:62px}
.cwq{margin-bottom:24px;width:340px;max-width:100%;border-radius:999px;padding:12px 22px;background:var(--pn);border:1px solid var(--bd);text-align:center;position:relative;z-index:2;letter-spacing:.06em}
.cwf{position:absolute;bottom:20px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;letter-spacing:.26em;color:var(--t2);z-index:2}.cwf .sws{margin:0}
@media(max-width:700px){.cwh{font-size:26px;letter-spacing:.14em}.cwc.tc{width:100%}.cwr{display:none}}
.cwh{margin-bottom:44px!important}

/* ================= IRIS V3 — sleek / futuristic skin ================= */
:root{--r:22px;--ac2:color-mix(in srgb,var(--ac) 48%,#8b5cf6);--glass:color-mix(in srgb,var(--pn) 58%,transparent);--line:color-mix(in srgb,var(--tx) 9%,transparent);--soft:color-mix(in srgb,var(--tx) 5%,transparent)}
body{letter-spacing:-.006em}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 560px at 88% -8%,rgba(var(--gl),.17),transparent 62%),radial-gradient(760px 520px at -6% 108%,color-mix(in srgb,var(--ac2) 20%,transparent),transparent 62%)}
::selection{background:rgba(var(--gl),.35)}
/* floating dock */
#app{display:block}
aside,body.sbmin aside{display:block!important;width:0!important;padding:0!important;border:0!important;position:fixed!important;left:0!important;top:0!important;height:100vh!important;z-index:30;pointer-events:none;background:none!important}
aside .navin,aside:hover .navin{pointer-events:auto;position:fixed;left:14px;top:50%;bottom:auto;transform:translateY(-50%);width:60px;overflow:visible;background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);border:1px solid var(--line);border-radius:28px;padding:10px 8px;gap:3px;align-items:center;box-shadow:0 24px 70px rgba(0,0,0,.38);transition:none}
.logo3{width:42px;height:42px;display:grid;place-items:center;cursor:pointer;margin-bottom:6px;border-radius:14px}
.logo3 svg{width:26px;height:26px;fill:none;stroke:var(--ac);stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(var(--gl),.7))}
.nv{position:relative;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;padding:0;color:var(--t2);transition:background .18s,color .18s,transform .18s}
.nv:hover{color:var(--tx);background:var(--soft);transform:scale(1.06)}
.nv.on{background:linear-gradient(135deg,rgba(var(--gl),.32),rgba(var(--gl),.08));color:var(--ac);box-shadow:inset 0 0 0 1px rgba(var(--gl),.4),0 0 22px rgba(var(--gl),.2)}
.nv svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nv .lb,aside:hover .nv .lb{position:absolute;left:54px;top:50%;transform:translateY(-50%) translateX(-4px);background:var(--pn);color:var(--tx);border:1px solid var(--line);border-radius:12px;padding:6px 12px;font-size:12px;letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:opacity .15s,transform .15s}
.nv:hover .lb{opacity:1!important;transform:translateY(-50%)}
.nb{left:auto;right:1px;top:1px;min-width:16px;height:16px;border:2px solid var(--bg);box-sizing:content-box}
main{margin-left:92px}
#top{top:12px;margin:12px 20px 0 8px;padding:8px 10px 8px 12px;background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:24px}
#sbf{display:none!important}
.cmdk{width:100%;display:flex;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:10px 14px;color:var(--t2);font:inherit;font-size:13.5px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.cmdk:hover{border-color:rgba(var(--gl),.5);background:rgba(var(--gl),.06)}
.cmdk svg,.pal-h svg,.srch3 svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;flex:none}
.cmdk span{flex:1}kbd{font:600 10.5px inherit;font-family:inherit;color:var(--t2);border:1px solid var(--line);border-radius:7px;padding:2px 7px;background:var(--soft)}
#top.slim .cmdk{display:none}
#view{padding:18px 24px 120px 8px}
/* type */
h1{font-size:36px;font-weight:700;letter-spacing:-.035em;line-height:1.08;margin:0 0 6px}
h2{font-size:15px;letter-spacing:-.01em;text-transform:none;color:var(--tx);font-weight:650;margin:0 0 12px}
.sub{font-size:13px}
/* surfaces */
.pn,.pn2,.hero,.ccard,.st,.bk,#ans{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--r)}
.pn{padding:20px}.pn2{border-radius:18px}
.row{border-top:1px solid var(--line)}
.row:hover{background:var(--soft)}
.tag{border:0;background:var(--soft);padding:3px 10px;font-weight:550;letter-spacing:0}
.tag.ok{background:rgba(95,174,134,.16);color:#6fd0a0}.tag.wn{background:rgba(211,162,76,.16);color:#e6b862}.tag.er{background:rgba(201,106,106,.18);color:#ff8f8f}.tag.ac{background:rgba(var(--gl),.16);color:var(--ac)}
/* buttons */
.btn{border:0;border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:650;letter-spacing:0;background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on);box-shadow:0 6px 18px rgba(var(--gl),.22);transition:transform .15s,box-shadow .15s,filter .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(var(--gl),.34);background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on);filter:brightness(1.08)}
.btn.g2b{background:var(--soft);color:var(--tx);box-shadow:inset 0 0 0 1px var(--line)}
.btn.g2b:hover{background:rgba(var(--gl),.12);color:var(--tx);box-shadow:inset 0 0 0 1px rgba(var(--gl),.4)}
.btn.dn{background:rgba(201,106,106,.14);color:#ff9a9a;box-shadow:inset 0 0 0 1px rgba(201,106,106,.35)}
.btn.dn:hover{background:rgba(201,106,106,.28);color:#fff}
input,select,textarea{border-radius:14px!important;background:var(--soft)!important;border:1px solid var(--line)!important;padding:10px 14px}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:rgba(var(--gl),.6)!important;box-shadow:0 0 0 3px rgba(var(--gl),.15)}
input[type=checkbox],input[type=radio]{padding:0;border-radius:4px!important}
/* hints collapse to an info dot */
.hint3 .hintt{display:none}.hint3.open .hintt{display:inline}
.hintb{width:17px;height:17px;border-radius:50%;border:1px solid var(--line);background:var(--soft);color:var(--t2);font:italic 700 10.5px Georgia,serif;cursor:pointer;padding:0;margin-right:6px;vertical-align:middle}
.hintb:hover{color:var(--ac);border-color:var(--ac)}
/* pipeline */
.pipe{gap:10px}.st{padding:14px;text-align:left}.st b{font-size:30px;font-weight:700;background:linear-gradient(135deg,var(--tx),var(--ac));-webkit-background-clip:text;background-clip:text;color:transparent}
.st span{font-size:10.5px;letter-spacing:.06em}
.st:hover{border-color:rgba(var(--gl),.5);box-shadow:0 0 28px rgba(var(--gl),.14)}
/* ---------- Command centre ---------- */
.hero3{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:6px 0 20px}
.hero3 .kick{font-size:12px;color:var(--t2);display:flex;align-items:center;gap:8px;margin-bottom:8px}
.hero3 .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}
.hero3 h1 span{background:linear-gradient(120deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.chips3{display:flex;gap:8px;flex-wrap:wrap}
.chip3{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:8px 14px 8px 11px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);color:var(--tx);font:600 12.5px inherit;font-family:inherit;cursor:pointer;transition:all .15s}
.chip3 svg{width:16px;height:16px;fill:none;stroke:var(--ac);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chip3:hover{box-shadow:inset 0 0 0 1px rgba(var(--gl),.55),0 0 22px rgba(var(--gl),.16);transform:translateY(-1px)}
.stats3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:22px}
.stat3{text-align:left;border:0;cursor:pointer;color:var(--tx);font-family:inherit;padding:16px 18px;border-radius:20px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);transition:all .18s;position:relative;overflow:hidden}
.stat3::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(var(--gl),.28),transparent 70%)}
.stat3:hover{box-shadow:inset 0 0 0 1px rgba(var(--gl),.5),0 14px 36px rgba(0,0,0,.25);transform:translateY(-2px)}
.stat3 b{display:block;font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1}
.stat3 i{display:block;font-style:normal;font-size:12px;color:var(--t2);margin-top:8px}
.sec3{display:flex;justify-content:space-between;align-items:center;margin:4px 0 12px}.sec3 h2{margin:0;font-size:17px}
.rail3{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 16px;margin:0 -2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin}
.card3{flex:0 0 280px;scroll-snap-align:start;border-radius:22px;padding:18px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:8px;cursor:pointer;position:relative;overflow:hidden;transition:all .18s}
.card3::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--line)}
.card3.hi::before{background:linear-gradient(180deg,#ff8f8f,transparent)}.card3.md::before{background:linear-gradient(180deg,#e6b862,transparent)}
.card3:hover{box-shadow:inset 0 0 0 1px rgba(var(--gl),.5),0 16px 40px rgba(0,0,0,.28);transform:translateY(-3px)}
.card3 .c3t{display:flex;gap:6px;flex-wrap:wrap}.card3 b{font-size:15.5px;line-height:1.25;letter-spacing:-.015em}
.card3 .t2{flex:1}.card3 .c3a{display:flex;justify-content:flex-end;margin-top:4px}
.clear3{padding:34px;text-align:center;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);font-size:15px}
.acc3{border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:12px;overflow:hidden}
.acc3 summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;align-items:center;gap:10px;font-weight:650;font-size:15px}
.acc3 summary::-webkit-details-marker{display:none}
.acc3 summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--t2);border-bottom:2px solid var(--t2);transform:rotate(45deg);transition:transform .2s}
.acc3[open] summary::after{transform:rotate(-135deg)}
.acc3 summary i{font-style:normal;font-size:11.5px;color:var(--t2);background:var(--soft);border-radius:99px;padding:2px 9px;font-weight:600}
.acc3b{padding:0 14px 16px}.acc3b>.pn,.acc3b>div>.pn{background:none;border:0;padding:6px;box-shadow:none}
.acc3b .pn{background:none!important;box-shadow:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.pipe3{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
@media(max-width:700px){.pipe3{grid-template-columns:repeat(3,1fr)}}
/* ---------- Talent grid ---------- */
.tb3{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.srch3{position:relative;flex:1;min-width:220px;max-width:460px}.srch3 svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--t2)}
.srch3 input{width:100%;padding-left:40px;border-radius:999px!important}
.flt3{position:relative}.flt3 summary{list-style:none;cursor:pointer;padding:9px 16px;border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;font-weight:600}
.flt3 summary::-webkit-details-marker{display:none}
.flt3[open] summary{box-shadow:inset 0 0 0 1px rgba(var(--gl),.5)}
.fl3{position:absolute;z-index:6;top:44px;left:0;min-width:240px;display:grid;gap:8px;padding:14px;border-radius:20px;background:var(--pn);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.tg3{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.tc3{position:relative;border-radius:24px;overflow:hidden;cursor:pointer;aspect-ratio:3/4;background:var(--pn);box-shadow:inset 0 0 0 1px var(--line);transition:transform .22s,box-shadow .22s}
.tc3:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 22px 50px rgba(0,0,0,.4),0 0 0 1px rgba(var(--gl),.5)}
.tc3 .tp3{position:absolute;inset:0;background-size:cover;background-position:center;display:grid;place-items:center}
.tc3 .ti3{font-size:44px;font-weight:700;letter-spacing:-.04em;color:rgba(255,255,255,.28)}
.tc3::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82));pointer-events:none}
.tc3 .tm3{position:absolute;left:14px;right:14px;bottom:13px;z-index:2;color:#fff;display:flex;flex-direction:column;gap:2px}
.tc3 .tm3 b{font-size:15.5px;letter-spacing:-.015em}.tc3 .tm3 span{font-size:11.5px;color:rgba(255,255,255,.72)}
.tc3 .sd3{position:absolute;right:12px;top:12px;z-index:2;font-size:10.5px;font-weight:650;padding:3px 9px;border-radius:99px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:flex;gap:6px;align-items:center}
.tc3 .sd3 i{width:6px;height:6px;border-radius:50%;background:var(--ok)}.tc3 .sd3.pd i{background:var(--wn)}
/* ---------- Palette ---------- */
#pal{display:none;z-index:150;background:rgba(4,6,10,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:flex-start;justify-content:center;padding-top:12vh}
.pal{width:min(620px,92vw);border-radius:26px;background:var(--pn);border:1px solid var(--line);box-shadow:0 40px 120px rgba(0,0,0,.55),0 0 0 1px rgba(var(--gl),.12);overflow:hidden}
.pal-h{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--t2)}
.pal-h input{flex:1;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:17px;color:var(--tx)}
#pal-l{max-height:min(420px,52vh);overflow:auto;padding:8px}
.pal-g{font-size:11px;color:var(--t2);padding:10px 12px 4px}
.pal-i{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;color:var(--tx);font:inherit;padding:10px 12px;border-radius:14px;cursor:pointer;text-align:left}
.pal-i svg{width:18px;height:18px;fill:none;stroke:var(--ac);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pal-i span{flex:1}.pal-i i{font-style:normal;font-size:11.5px;color:var(--t2)}
.pal-i.on,.pal-i:hover{background:rgba(var(--gl),.13)}
/* ---------- Quick create ---------- */
/* profile chip */
.pm-b{border-radius:999px!important;background:var(--soft)!important;border:1px solid var(--line)!important}
.pm{border-radius:22px!important;background:var(--pn)!important;border:1px solid var(--line)!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important}
/* chooser + landing polish */
.cwc{border-radius:28px!important;background:var(--glass)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
/* mobile */
@media(max-width:860px){
 aside .navin,aside:hover .navin{left:50%;top:auto;bottom:10px;transform:translateX(-50%);flex-direction:row;width:auto;max-width:calc(100vw - 20px);overflow-x:auto;overflow-y:hidden;border-radius:26px;padding:8px 10px}
 .logo3{display:none}.nv .lb{display:none!important}
 main{margin-left:0}#top{margin:10px 12px 0}#view{padding:14px 14px 130px}
 #menu{display:none!important}
 h1{font-size:28px}.card3{flex-basis:84%}.tg3{grid-template-columns:repeat(2,1fr);gap:12px}
}
@media(max-height:820px){aside .navin{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 24px)}.nv .lb{display:none}}
.navin>*{flex:none}.nv{flex:none}
.pn .pn,.pn .pn2{background:var(--soft);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.card3 .t2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:860px){aside .navin,aside:hover .navin{flex-direction:row;height:62px;gap:4px;padding:8px 10px;scrollbar-width:none}.navin::-webkit-scrollbar{display:none}.nv{width:44px;height:44px}}
@media(max-width:860px){aside .navin,aside:hover .navin{left:10px;right:10px;transform:none;max-width:none;width:auto;justify-content:flex-start}}
@media(max-width:860px){aside .navin,aside:hover .navin{width:calc(100vw - 20px)}}
@media(max-width:860px){aside .navin,aside:hover .navin,aside.open .navin,aside.exp .navin{width:calc(100vw - 20px)!important;box-shadow:0 24px 70px rgba(0,0,0,.38)}}
.cwc .d{display:none}.cwc.tc{padding:48px 24px 36px}.cwc.tc b{font-size:19px}
body.solo aside{display:none!important}body.solo main{margin-left:0}body.solo #top{margin-left:20px}body.solo #view{padding-left:24px}

/* ===== V3.1 refinement — slimmer, classier ===== */
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;font-size:13.5px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
button,input,select,textarea{font-family:inherit}
b,strong,th{font-weight:500}
h1{font-size:30px;font-weight:300;letter-spacing:-.035em}
h2{font-size:14px;font-weight:500;letter-spacing:-.005em}
.sec3 h2{font-size:16px;font-weight:400}
.hero3 h1{font-size:36px;font-weight:300;letter-spacing:-.04em}.hero3 h1 span{font-weight:400}
.hero3 .kick{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase}
.sub,.t2{font-weight:400}
/* lighter buttons: tinted outline, fills on hover */
.btn{font-size:12px;font-weight:500;letter-spacing:.01em;padding:7px 15px;background:rgba(var(--gl),.09);color:var(--ac);box-shadow:inset 0 0 0 1px rgba(var(--gl),.34)}
.btn:hover{background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on);box-shadow:0 8px 22px rgba(var(--gl),.28)}
.btn.g2b{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1px var(--line)}
.btn.g2b:hover{background:var(--soft);color:var(--tx);box-shadow:inset 0 0 0 1px rgba(var(--gl),.4)}
.btn.dn{background:transparent;color:#ff9a9a;box-shadow:inset 0 0 0 1px rgba(201,106,106,.4)}
.card3 .btn{font-weight:500}
.card3 .btn{background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on);box-shadow:none}
.chip3{font-size:12px;font-weight:500;padding:7px 13px 7px 10px}
.tag{font-size:10.5px;font-weight:500;letter-spacing:.01em;padding:2px 9px}
/* numerals + titles */
.stat3 b{font-size:32px;font-weight:300;letter-spacing:-.04em}.stat3 i{font-size:11.5px;letter-spacing:.02em}
.st b{font-weight:300;font-size:28px}.st span{font-size:10px;letter-spacing:.08em;font-weight:500}
.card3 b{font-size:14.5px;font-weight:500;letter-spacing:-.01em}
.tc3 .tm3 b{font-size:14.5px;font-weight:500}.tc3 .ti3{font-weight:300;font-size:42px}
.tc3 .tm3 span,.tc3 .sd3{font-weight:400}
.acc3 summary{font-size:14px;font-weight:500}
.cmdk{font-size:13px}.cmdk span{font-weight:400}
.pal-h input{font-size:16px;font-weight:300}.pal-i{font-size:13.5px}
input,select,textarea{font-size:13px;font-weight:400}
.pm-b b{font-weight:500}
.tabs button,.tabs .btn{font-weight:500}
.cwh{font-weight:200!important}.cwc b{font-weight:400}
/* dock: slim icons — the page name appears on hover */
.logo3 .logot{display:none}
.nv .lb{font-weight:400}
.backb{margin:0 0 14px}

.av:not(.img),.hex,.cwa.hx{background:linear-gradient(135deg,rgba(var(--gl),.3),rgba(var(--gl),.08))!important;color:var(--ac)!important;font-weight:400}
.av.img{box-shadow:0 0 0 1px rgba(var(--gl),.4)}

.nv .lb{display:none!important}
#navtip{position:fixed;z-index:60;transform:translateY(-50%) translateX(-4px);background:var(--pn);color:var(--tx);border:1px solid var(--line);border-radius:12px;padding:6px 13px;font-size:12px;font-weight:400;white-space:nowrap;box-shadow:0 12px 34px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .14s,transform .14s}
#navtip.on{opacity:1;transform:translateY(-50%)}
@media(max-width:860px){#navtip{display:none}}
@media(max-height:760px) and (min-width:861px){aside .navin{padding:8px 7px;gap:1px}.nv{width:40px;height:38px}.logo3{height:36px;margin-bottom:2px}}
.nv .nb{position:absolute;left:auto;right:1px;top:1px;margin:0;justify-self:end;align-self:start;transform:none}

/* ================= IRIS V4 ================= */
/* navigation: labelled sidebar, secondary pages under More */
#nav.v4,#nav.v4:hover{display:block!important;position:fixed!important;left:0!important;top:0!important;width:236px!important;height:100vh!important;padding:0!important;border:0!important;border-right:1px solid var(--line)!important;background:color-mix(in srgb,var(--bg) 82%,var(--pn))!important;z-index:30;pointer-events:auto}
#nav.v4 .nav4{display:flex;flex-direction:column;gap:2px;height:100%;padding:18px 12px 14px;overflow-y:auto;scrollbar-width:none}
#nav.v4 .nav4::-webkit-scrollbar{display:none}
.brand4{display:flex;align-items:center;gap:11px;padding:4px 10px 20px;cursor:pointer}
.brand4 svg{width:28px;height:28px;fill:none;stroke:var(--ac);stroke-width:1.4}
.brand4 b{display:block;font-weight:300;letter-spacing:.32em;font-size:15px}.brand4 i{display:block;font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--t2);margin-top:1px}
.ng4{display:flex;flex-direction:column;gap:2px}
.nv4{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:0;border-radius:11px;background:none;color:var(--t2);font:400 13.5px Inter,system-ui,sans-serif;text-align:left;cursor:pointer;transition:background .15s,color .15s}
.nv4 svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nv4:hover{background:var(--fill);color:var(--tx)}
.nv4.on{background:rgba(var(--gl),.12);color:var(--tx)}.nv4.on svg{stroke:var(--ac)}
.nv4.on::before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--ac)}
.nb4{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:600;min-width:19px;height:19px;padding:0 6px;border-radius:99px;background:var(--ac);color:var(--on);display:grid;place-items:center}
.more4{margin-top:10px}.more4 svg:last-child{margin-left:auto;width:15px;height:15px;transition:transform .2s}.more4.open svg:last-child{transform:rotate(180deg)}
.sub4{display:none;padding-left:8px}.sub4.open{display:flex}.sub4 .nv4{font-size:13px;padding:8px 12px}
.nf4{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.bar4,.sheet4{display:none}
#nav.v4~#navtip,#sbf{display:none!important}
body:not(.solo) main{margin-left:236px}
@media(max-width:860px){
 #nav.v4,#nav.v4:hover{width:0!important;height:0!important;border:0!important;background:none!important}
 #nav.v4 .nav4{display:none}
 body:not(.solo) main{margin-left:0}
 .bar4{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;gap:2px;padding:6px;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.4)}
 .bar4 .nv4{flex:1;flex-direction:column;gap:3px;padding:7px 2px;font-size:10.5px;text-align:center;justify-content:center;min-width:0}
 .bar4 .nv4 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .bar4 .nv4.on::before{display:none}
 .bar4 .nb4{position:absolute;top:2px;right:calc(50% - 22px);min-width:16px;height:16px;font-size:9.5px;padding:0 4px}
 .sheet4{display:block;position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.45)}
 .sheet4in{position:absolute;left:10px;right:10px;bottom:calc(84px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;border-radius:22px;background:var(--pn);border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.5)}
}
/* command centre sections */
.acc3.noh .acc3b>.pn>h2:first-child{display:none}
.acc3b>.pn{margin-bottom:0!important}
.acc3 summary{user-select:none}
.acc3b .row{padding:12px 6px;border-radius:12px;transition:background .15s}.acc3b .row[onclick]:hover{background:var(--fill)}
.all4{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:10px 6px 2px;width:100%;border:0;border-top:1px solid var(--line);background:none;color:var(--ac);font:500 13px Inter,system-ui,sans-serif;cursor:pointer;text-align:left}
.all4 span{font-size:11px;color:var(--t2);background:var(--soft);border-radius:99px;padding:1px 8px}
.all4:hover{color:var(--tx)}
/* talent profile: editorial header */
.backb{margin-bottom:14px}
.pf4{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:40px;align-items:stretch;margin:4px 0 18px}
.pf4-img{position:relative;aspect-ratio:3/4;border-radius:22px;background-size:cover;background-position:center 20%;overflow:hidden;cursor:pointer;box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 0 0 1px var(--line)}
.pf4-img.none{display:grid;place-items:center}.pf4-img.none span{font-size:54px;font-weight:200;letter-spacing:.1em;color:rgba(255,255,255,.85)}
.pf4-img em{position:absolute;left:12px;bottom:12px;font-style:normal;font-size:11.5px;padding:6px 12px;border-radius:99px;background:rgba(0,0,0,.55);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(4px);transition:.18s}
.pf4-img:hover em{opacity:1;transform:none}
.pf4-main{display:flex;flex-direction:column;min-width:0;padding:6px 0}
.pf4-kick{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--t2)}
.pf4-name{font-size:clamp(40px,5.4vw,76px);line-height:.98;font-weight:200;letter-spacing:-.025em;margin:14px 0 18px}
.pf4-name span{font-weight:500}
.pf4-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pf4-rt{color:var(--wn);font-size:12.5px}.pf4-rt i{font-style:normal;color:var(--t2)}
.pf4-bk{font-size:12.5px;color:var(--t2);margin-left:4px}
.pf4-comp{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));margin-top:auto;padding-top:28px;border-bottom:1px solid var(--line)}
.pf4-comp>div{padding:14px 0 16px;border-top:1px solid var(--line)}
.pf4-comp b{display:block;font-size:22px;font-weight:300;letter-spacing:-.01em}.pf4-comp b small{font-size:11px;color:var(--t2);margin-left:2px;font-weight:400}
.pf4-comp span{display:block;margin-top:2px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--t2)}
.pf4-ed{position:absolute;right:0;top:0;border:0;background:none;color:var(--ac);font:500 12px Inter,system-ui,sans-serif;cursor:pointer;padding:4px 0}
.pf4-track{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:20px}
.pf4-track div{min-width:0}.pf4-track i{display:block;height:3px;border-radius:3px;background:var(--soft)}
.pf4-track .dn i{background:color-mix(in srgb,var(--ac) 55%,transparent)}.pf4-track .cur i{background:var(--ac);box-shadow:0 0 12px rgba(var(--gl),.5)}
.pf4-track span{display:block;margin-top:7px;font-size:10.5px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf4-track .cur span{color:var(--tx)}
.pf4-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 0 8px;margin-bottom:6px;scrollbar-width:none}.pf4-strip::-webkit-scrollbar{display:none}
.pf4-strip button{flex:none;width:96px;aspect-ratio:3/4;border:0;border-radius:12px;background-size:cover;background-position:center;cursor:zoom-in;box-shadow:inset 0 0 0 1px var(--line);transition:transform .18s}
.pf4-strip button:hover{transform:translateY(-3px)}
.pf4-strip .pf4-n{background:var(--soft);color:var(--t2);font:400 15px Inter,system-ui,sans-serif;cursor:pointer}
.tabs4{gap:22px!important;margin:18px 0 18px!important;padding:0!important;border-bottom:1px solid var(--line)!important;overflow-x:auto;scrollbar-width:none}
.tabs4::-webkit-scrollbar{display:none}
.tabs4 .tb{padding:12px 0!important;border-radius:0!important;background:none!important;border:0!important;border-bottom:2px solid transparent!important;color:var(--t2)!important;font-size:13.5px!important;box-shadow:none!important}
.tabs4 .tb:hover{color:var(--tx)!important}
.tabs4 .tb.on{color:var(--tx)!important;border-bottom-color:var(--ac)!important}
.tabs4 .tm4{display:flex;gap:6px;align-items:center}.tabs4 .tm4 span{display:grid;place-items:center;width:18px;height:18px;border-radius:99px;background:var(--soft);font-size:12px}
.pf4-foot{margin-top:22px}
@media(max-width:860px){.pf4{grid-template-columns:1fr;gap:18px}.pf4-img{max-width:none;aspect-ratio:4/5}.pf4-name{margin:10px 0 14px}.pf4-track span{font-size:9.5px}}
.pf4-comp{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}.pf4-comp>div.w{grid-column:span 2}
.pf4-comp>div.w b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}
.tabs4 .tb{letter-spacing:0!important}
/* meeting scheduler */
.mt4 h1{font-size:30px;font-weight:300;letter-spacing:-.01em}
.kind4{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 18px;max-width:720px}
.kind4 button{text-align:left;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:var(--glass);color:var(--tx);cursor:pointer;font-family:inherit;transition:.15s}
.kind4 button b{display:block;font-weight:500;font-size:15px}.kind4 button span{display:block;margin-top:3px;font-size:12px;color:var(--t2)}
.kind4 button:hover{border-color:color-mix(in srgb,var(--ac) 40%,transparent)}
.kind4 button.on{border-color:var(--ac);background:rgba(var(--gl),.08);box-shadow:0 0 0 3px rgba(var(--gl),.08)}
.mt4-g{display:grid;grid-template-columns:minmax(300px,1fr) minmax(420px,1.35fr);gap:16px;align-items:start}
.mt4-c{background:var(--glass);border:1px solid var(--line);border-radius:22px;padding:20px;min-width:0}
.mt4-l{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--t2);margin-bottom:16px}
.mt4-l b{display:grid;place-items:center;width:22px;height:22px;border-radius:99px;background:rgba(var(--gl),.14);color:var(--ac);font-size:11px;letter-spacing:0}
.mt4-f{display:grid;gap:10px}.mt4-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mt4 input:not([type=checkbox]),.mt4 select,.mt4 textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--soft);color:var(--tx);font:inherit}
.mt4 .mt4-act select{width:auto;padding:8px 12px}
.seg4{display:flex;gap:4px;padding:4px;border-radius:13px;background:var(--soft);border:1px solid var(--line)}
.seg4 button{flex:1;padding:9px 10px;border:0;border-radius:9px;background:none;color:var(--t2);font:500 13px Inter,system-ui,sans-serif;cursor:pointer}
.seg4 button.on{background:var(--pn);color:var(--tx);box-shadow:0 1px 6px rgba(0,0,0,.25)}
.dp4{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dp4-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dp4-h b{font-weight:500}
.dp4-h button{width:32px;height:32px;border-radius:99px;border:1px solid var(--line);background:none;color:var(--tx);font-size:18px;cursor:pointer}
.dp4-g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.dp4-g i{font-style:normal;font-size:10.5px;color:var(--t2);padding:4px 0}
.dp4-g button{position:relative;aspect-ratio:1;border:0;border-radius:10px;background:none;color:var(--tx);font:400 13px Inter,system-ui,sans-serif;cursor:pointer}
.dp4-g button:hover:not(:disabled){background:var(--fill)}
.dp4-g button:disabled{color:color-mix(in srgb,var(--t2) 45%,transparent);cursor:default}
.dp4-g button.td{box-shadow:inset 0 0 0 1px var(--line)}
.dp4-g button.on{background:var(--ac);color:var(--on);font-weight:600}
.dp4-g u{position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:9px;background:var(--wn)}
.dp4-s{border-left:1px solid var(--line);padding-left:20px;min-width:0}
.dp4-e{height:100%;display:grid;place-items:center;text-align:center;color:var(--t2);font-size:13px;min-height:200px}
.dp4-d{font-weight:500;margin:6px 0 12px}
.dp4-t{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:260px;overflow-y:auto;padding-right:4px}
.dp4-t button{padding:8px 0;border-radius:10px;border:1px solid var(--line);background:none;color:var(--tx);font:400 12.5px Inter,system-ui,sans-serif;cursor:pointer}
.dp4-t button:hover{border-color:var(--ac)}.dp4-t button.on{background:var(--ac);border-color:var(--ac);color:var(--on);font-weight:600}
.dp4-t button.bz{border-style:dashed;color:var(--wn)}
.dp4-o{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--t2)}.dp4-o select{width:auto!important;padding:6px 10px!important}
.dp4-b{margin-top:8px;font-size:12px;color:var(--wn)}
.mt4-act{display:grid;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.mt4-act .btn:not(.g2b){padding:11px 22px;font-size:13px}
@media(max-width:1100px){.mt4-g{grid-template-columns:1fr}}
@media(max-width:560px){.dp4{grid-template-columns:1fr}.dp4-s{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:14px}.kind4{grid-template-columns:1fr}.mt4-2{grid-template-columns:1fr}}
@media(max-width:860px){.pf4-img{aspect-ratio:auto;height:52vh}}
.mt4-act .btn:not(.g2b){background:var(--ac);color:var(--on);border-color:var(--ac)}.mt4-act .btn:not(.g2b):hover{filter:brightness(1.08)}
body.solo #nav.v4,body.solo #nav.v4:hover{display:none!important}
/* sidebar: icon rail that opens on hover */
@media(min-width:861px){
 #nav.v4,#nav.v4:hover{width:76px!important;transition:width .22s ease,box-shadow .22s;overflow:hidden}
 #nav.v4:hover,#nav.v4:focus-within{width:236px!important;box-shadow:24px 0 70px rgba(0,0,0,.45)}
 #nav.v4 .nav4{width:236px}
 body:not(.solo) main{margin-left:76px}
 #nav.v4 .nv4 span,#nav.v4 .brand4 div,#nav.v4 .more4 svg:last-child{opacity:0;transition:opacity .15s}
 #nav.v4:hover .nv4 span,#nav.v4:hover .brand4 div,#nav.v4:hover .more4 svg:last-child,#nav.v4:focus-within .nv4 span,#nav.v4:focus-within .brand4 div{opacity:1}
 #nav.v4 .nv4{padding:10px 15px;white-space:nowrap}
 #nav.v4 .brand4{padding:4px 12px 20px}
 #nav.v4 .sub4{padding-left:0}
 #nav.v4 .nb4{position:absolute;left:30px;top:4px;margin:0;min-width:17px;height:17px;font-size:9.5px;padding:0 4px}
 #nav.v4:hover .nb4{position:static;margin-left:auto}
 #nav.v4 .nav4{width:236px}
}
@media(min-width:861px){#nav.v4 .nv4{width:52px;transition:width .22s ease,background .15s,color .15s}#nav.v4:hover .nv4,#nav.v4:focus-within .nv4{width:100%}}
/* content calendar: drop target while dragging a post */
.dz4{outline:2px dashed var(--ac);outline-offset:-2px;background:rgba(var(--gl),.08)}
/* feed planner */
.lg4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:980px}
.lt4{--lc:transparent;min-width:0;border-radius:16px;padding:6px;box-shadow:inset 0 0 0 2px var(--lc);transition:box-shadow .15s}
.lt4.sel{box-shadow:inset 0 0 0 2px var(--ac)}
.lt4m{position:relative;border-radius:12px;overflow:hidden;display:grid;place-items:center;cursor:zoom-in;box-shadow:inset 0 0 0 1px var(--line)}
.lt4m img,.lt4m video{width:100%;height:100%;object-fit:cover;display:block}
.lt4n{position:absolute;left:8px;top:8px;border:0;border-radius:99px;padding:3px 9px;background:rgba(0,0,0,.6);color:#fff;font:600 11px Inter,system-ui,sans-serif;cursor:text;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lt4c{position:absolute;right:8px;top:8px;border-radius:99px;padding:3px 9px;background:rgba(0,0,0,.6);color:#fff;font-size:11px}
.lt4k{position:absolute;right:8px;bottom:8px;width:24px;height:24px;border-radius:99px;border:2px solid #fff;background:rgba(0,0,0,.4);color:#fff;display:grid;place-items:center;font-size:13px}
.lt4.sel .lt4k{background:var(--ac);border-color:var(--ac);color:var(--on)}
.lt4p{position:absolute;left:8px;bottom:8px;font-size:10.5px;color:#fff;background:rgba(0,0,0,.55);border-radius:99px;padding:2px 8px}
.lt4d{position:absolute;right:8px;bottom:8px}
.lt4t{display:block;width:100%;text-align:left;border:0;background:none;color:var(--tx);font:500 12.5px Inter,system-ui,sans-serif;margin:8px 0 6px;padding:0;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lt4a{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.lt4a .btn{padding:4px 8px;font-size:10.5px}
.lt4s{display:flex;gap:3px}.lt4s button{width:14px;height:14px;border-radius:99px;border:0;cursor:pointer;padding:0;opacity:.75}
.lt4s button.on{opacity:1;box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--tx)}
.lt4s button.nc{background:transparent;box-shadow:inset 0 0 0 1.5px var(--t2)}.lt4s button.nc.on{box-shadow:inset 0 0 0 1.5px var(--t2),0 0 0 2px var(--bg),0 0 0 3px var(--tx)}
@media(max-width:700px){.lg4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
/* ===== V4.1 talent profile: editorial ===== */
:root{--serif:"Instrument Serif","Times New Roman",serif}
.ed5{position:relative;min-height:min(78vh,760px);border-radius:26px;overflow:hidden;background-size:cover;background-position:center 22%;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 34px 26px;color:#fff;margin:4px 0 0;box-shadow:inset 0 0 0 1px var(--line)}
.ed5.nop{background:radial-gradient(120% 90% at 70% 10%,color-mix(in srgb,var(--ac) 22%,#14181f),#07090c 70%)}
.ed5-sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 46%,rgba(0,0,0,.72) 100%);pointer-events:none}
.ed5>*:not(.ed5-sh){position:relative}
.ed5-top{position:absolute!important;left:34px;right:34px;top:26px;display:flex;justify-content:space-between;gap:20px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;line-height:1.9}
.ed5-top span{letter-spacing:.14em;opacity:.78}.ed5-top .r{text-align:right}.ed5-top .tag{letter-spacing:0;text-transform:none;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ed5-mono{position:absolute!important;right:6%;top:50%;transform:translateY(-58%);font-family:var(--serif);font-style:italic;font-size:clamp(140px,22vw,320px);line-height:1;color:rgba(255,255,255,.07);pointer-events:none}
.ed5-name{font-family:var(--serif);font-weight:400;font-size:clamp(56px,9.4vw,150px);line-height:.86;letter-spacing:-.01em;margin:0 0 22px;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.ed5-name em{font-style:italic}.ed5-name span{text-transform:uppercase;letter-spacing:-.005em}
.ed5-stats{display:flex;flex-wrap:wrap;gap:12px 38px;align-items:flex-end}
.ed5-stats b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.6vw,52px);line-height:1}
.ed5-stats .w b{font-size:clamp(22px,2.2vw,30px)}
.ed5-stats span{display:block;margin-top:6px;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.ed5-act{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:11.5px;opacity:.9}
.ed5-act span{letter-spacing:.06em;opacity:.8;margin-right:auto}
.ed5-act button{border:0;background:none;color:#fff;font:500 11px Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.4)}
.ed5-act button:hover{border-color:#fff}
.ed5-track{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:14px 0 0;border-top:1px solid var(--line)}
.ed5-track div{padding:10px 8px 0 0;border-top:2px solid transparent;margin-top:-1px;color:var(--t2);min-width:0}
.ed5-track b{font-family:var(--serif);font-weight:400;font-size:20px;margin-right:6px}
.ed5-track span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.ed5-track .dn{color:color-mix(in srgb,var(--tx) 70%,transparent)}.ed5-track .cur{color:var(--tx);border-top-color:var(--ac)}
.tabs4 .tb i{font-style:normal;font-family:var(--serif);font-size:14px;margin-right:6px;opacity:.55}.tabs4 .tb.on i{opacity:1;color:var(--ac)}
.ed5-sec{margin:6px 0 34px}
.ed5-h{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:10px}
.ed5-h h2{font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:-.005em;text-transform:none;color:var(--tx);margin:0}
.ed5-h h2 em{font-style:italic}
.ed5-h button{margin-left:auto;border:0;background:none;color:var(--t2);font:500 11px Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.ed5-h button:hover{color:var(--tx)}
.ed5-work{display:grid;grid-template-columns:1fr 240px;gap:22px;align-items:start}
.ed5-g{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:clamp(380px,46vw,620px)}
.ed5-g button{border:0;border-radius:4px;background-size:cover;background-position:center 25%;cursor:zoom-in;transition:filter .2s}
.ed5-g button:hover{filter:brightness(1.08)}
.ed5-g .g0{grid-row:1/3}.ed5-g button:only-child{grid-column:1/3}
.ed5-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ed5-list button{display:flex;align-items:baseline;gap:12px;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--tx);font:400 13px Inter,system-ui,sans-serif;text-align:left;cursor:pointer;text-transform:uppercase;letter-spacing:.08em}
.ed5-list b{font-family:var(--serif);font-weight:400;font-size:18px;color:var(--t2)}.ed5-list i{margin-left:auto;font-style:normal;color:var(--t2);font-size:11px}
.ed5-list button:hover b{color:var(--ac)}
.ed5-pol{display:flex;gap:14px;align-items:flex-end}
.ed5-pol figure{margin:0;flex:1;min-width:0}.ed5-pol figure.big{flex:1.7}
.ed5-pol figcaption{font-family:var(--serif);font-size:16px;color:var(--t2);margin-bottom:6px}
.ed5-pol button{display:block;width:100%;aspect-ratio:3/4;border:0;border-radius:4px;background-size:cover;background-position:center;cursor:zoom-in}
@media(max-width:860px){.ed5{min-height:70vh;padding:22px 20px 20px;border-radius:20px}.ed5-top{left:20px;right:20px;top:20px}.ed5-stats{gap:10px 22px}.ed5-track{grid-template-columns:repeat(3,1fr)}.ed5-work{grid-template-columns:1fr}.ed5-g{height:120vw}.ed5-pol{overflow-x:auto}.ed5-pol figure{flex:0 0 38%}.ed5-pol figure.big{flex:0 0 52%}}
.tabs4+.pn:has(> .ed5-sec){background:none;border:0;box-shadow:none;padding:4px 0 0;-webkit-backdrop-filter:none;backdrop-filter:none}
@media(max-width:860px){
 .ed5-track{display:flex;overflow-x:auto;scrollbar-width:none;gap:18px}.ed5-track::-webkit-scrollbar{display:none}.ed5-track div{flex:none}
 .acc3b .row{flex-wrap:wrap;row-gap:8px}.acc3b .row>.g{flex:1 1 60%}
}
.ed5-g button{position:relative}.ed5-g button i{position:absolute;left:12px;top:10px;font-style:normal;font-family:var(--serif);font-size:18px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.ed5-g.few{grid-template-rows:1fr;height:clamp(320px,38vw,520px)}.ed5-g.few .g0{grid-row:auto}
.ed5-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:14px}
.ed5-more figure{margin:0}.ed5-more figcaption{font-family:var(--serif);font-size:16px;color:var(--t2);margin-bottom:6px}
.ed5-more button{display:block;width:100%;aspect-ratio:3/4;border:0;border-radius:4px;background-size:cover;background-position:center 25%;cursor:zoom-in}
/* Settings sections */
.set4{margin-top:12px}.set4 .acc3b{padding:0 20px 18px}
.set4 .acc3b>.bar:first-child{margin-top:0}

/* ---------- saved as you type (js/live.js) ---------- */
.lv4g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px}
.lv4f{display:flex;flex-direction:column;gap:4px;font-size:11px;letter-spacing:.04em;color:var(--t2)}
.lv4f input,.lv4f select,.lv4f textarea{width:100%;font-size:14px;letter-spacing:0}

/* ---------- reminders (js/remind.js) ---------- */
.rem4{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.rem4-c{width:440px;max-width:100%;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.rem4-c h2{margin:0}

/* ---------- contract fill-in blanks (js/contracts.js) ---------- */
#view input.cf4{display:inline-block;background:#EEF4FA!important;color:#14181F!important;border:1px solid #9aa4b2!important;border-bottom:2px solid #14181F!important;border-radius:6px!important;padding:6px 10px!important;margin:3px 0;font:inherit;font-weight:500;box-shadow:none!important;min-height:0}
#view input.cf4::placeholder{color:#7A8494;font-weight:400}
#view input.cf4:focus{outline:2px solid #3FC8F0;outline-offset:1px;background:#fff!important}

/* ---------- image viewer (lbDraw in js/app.js): clear of the iPhone status bar / notch and home bar ---------- */
.lb4{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(70px + env(safe-area-inset-top,0px)) 16px calc(80px + env(safe-area-inset-bottom,0px))}
.lb4i{max-width:100%;max-height:100%;border-radius:14px;object-fit:contain}
.lb4e{width:min(60vh,86vw);aspect-ratio:3/4}
.lb4x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));z-index:2;padding:12px 18px;font-size:13px}
.lb4b{position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;gap:18px}
.lb4b .btn{padding:12px 20px}

/* ---------- phones: 16px text in form fields, so iOS doesn't zoom in when you tap one ---------- */
@media (max-width:860px),(pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}
}

/* ---------- curated polaroid selection: the selected images, shown where they are approved ---------- */
.pc4{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:10px}
.pc4 img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;cursor:zoom-in;background:var(--pn);border:1px solid var(--line)}
.pc4t{position:relative;border-radius:10px}
.pc4t.ov4{outline:2px dashed var(--ac);outline-offset:2px}
.pc4n{position:absolute;left:5px;top:5px;z-index:2;font-size:11px;background:rgba(0,0,0,.6);color:#fff;border-radius:99px;padding:1px 7px}
.pc4e{width:100%;aspect-ratio:3/4;border-radius:10px;background:var(--pn)}
.pc4c{display:flex;gap:4px;justify-content:center;margin-top:5px}
.pc4c .btn{padding:4px 9px;line-height:1;font-size:12px;min-width:0}

/* ---------- last measured (js/measure.js) ---------- */
.ms4{font-size:11px;letter-spacing:.04em;opacity:.85}
.ms4.wn{color:var(--wn);opacity:1}

/* ---------- requested changes (js/approvals.js) ---------- */
.rq4{margin-top:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--er);background:rgba(201,106,106,.08)}
.rq4 b{display:block;color:var(--er);font-weight:500;margin-bottom:4px}
.rq4p{border-color:var(--er)!important;margin-bottom:16px}
.rq4n{margin-top:6px;padding:8px 12px;border-left:3px solid var(--er);background:rgba(201,106,106,.07);border-radius:6px;white-space:pre-wrap}
textarea.bad{border-color:var(--er)!important;box-shadow:0 0 0 2px rgba(201,106,106,.25)}

/* ---------- "New version of IRIS available" (js/pwa.js) ---------- */
.upd4{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 24px);background:var(--tx);color:var(--bg);padding:10px 10px 10px 18px;border-radius:18px;box-shadow:0 10px 36px rgba(0,0,0,.35);font-size:13px;animation:upd4in .3s ease}
.upd4t{display:flex;flex-direction:column;gap:2px;min-width:0}
.upd4t b{font-weight:600}
.upd4n{font-size:12px;opacity:.75;white-space:normal}
.upd4 .btn{padding:8px 16px;white-space:nowrap}
.upd4x{background:none;border:0;color:inherit;opacity:.6;font-size:15px;padding:6px 8px;cursor:pointer}
@keyframes upd4in{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:860px){.upd4{bottom:calc(92px + env(safe-area-inset-bottom,0px))}}
.upd4 .btn{background:var(--ac)!important;color:#04161c!important;border-color:var(--ac)!important}

/* ---------- new face already met (js/signing.js) ---------- */
.nf4met{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;font-size:13px;line-height:1.5;cursor:pointer;color:var(--t2)}
.nf4met b{color:var(--tx);font-weight:500}
.nf4met input{margin-top:3px;flex:none}
.nf4hide{display:none}
.nf4m{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px 10px;margin-bottom:12px}

/* ---------- finance: invoice editor and the invoice document (js/finance.js) ---------- */
.ni4g{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.ni4l{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.4fr) 76px 130px 110px 36px;gap:8px;align-items:end;padding:10px 0;border-bottom:1px solid var(--bd)}
.ni4l select:disabled{opacity:.7}
.tot4{margin:14px 0 0 auto;width:min(100%,320px)}
.tot4>div{display:flex;justify-content:space-between;padding:3px 0}
.tot4 .due{border-top:1px solid var(--bd);margin-top:6px;padding-top:8px;font-size:16px}.tot4 .due b{color:var(--ac)}
@media(max-width:760px){.ni4l{grid-template-columns:1fr 1fr}.ni4l .d{grid-column:1/-1}.ni4l>button{justify-self:end}}
.invdoc{background:#fff;color:#141A22;max-width:760px;border-radius:12px;padding:40px 44px;font:13px/1.55 "Inter","Segoe UI",system-ui,sans-serif;letter-spacing:0;box-shadow:0 12px 40px rgba(0,0,0,.28)}
.invdoc .ih{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:20px;border-bottom:2px solid #3FC8F0}
.invdoc .brand{font-weight:600;letter-spacing:.32em;font-size:15px;margin-bottom:8px}
.invdoc .from{font-size:11px;color:#5A6574}
.invdoc .ir{text-align:right}
.invdoc .ttl{font-size:24px;font-weight:300;letter-spacing:.32em;margin-bottom:10px}
.invdoc .ikv{display:grid;grid-template-columns:auto auto;gap:2px 14px;justify-content:end;font-size:12px}.invdoc .ikv span{color:#5A6574}.invdoc .ikv b{font-weight:600;text-align:right}
.invdoc .ib{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:22px}
.invdoc .lbl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#5A6574;font-weight:600;margin-bottom:4px}
.invdoc table{width:100%;border-collapse:collapse;margin-top:26px;color:#141A22}
.invdoc th{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#5A6574;text-align:left;border-bottom:1px solid #DCE1E8;padding:8px 6px 8px 0;font-weight:600;background:none}
.invdoc td{padding:11px 6px 11px 0;border-bottom:1px solid #EEF1F4;vertical-align:top;color:#141A22;background:none}
.invdoc .num{text-align:right;white-space:nowrap;padding-right:0;padding-left:10px}
.invdoc .tot{margin:16px 0 0 auto;width:min(100%,290px)}
.invdoc .tot>div{display:flex;justify-content:space-between;padding:4px 0}
.invdoc .tot .due{border-top:2px solid #141A22;margin-top:6px;padding-top:10px;font-size:16px;font-weight:600}.invdoc .tot .due b{color:#0A7EA4}
.invdoc .pay{margin-top:26px;font-size:12px}
.invdoc .nt{margin-top:18px;font-size:12px;color:#3A4350}
.invdoc .terms{margin-top:26px;padding-top:14px;border-top:1px solid #DCE1E8;font-size:10.5px;color:#3A4350;white-space:pre-wrap}
.invdoc .ft{margin-top:30px;font-size:9px;color:#8E96A3;letter-spacing:.2em;text-align:center}
@media(max-width:600px){.invdoc{padding:24px 18px}.invdoc .ir{text-align:left}.invdoc .ikv{justify-content:start}.invdoc .q{display:none}}
#printbox{display:none}
@media print{body.printinv>*:not(#printbox){display:none!important}body.printinv #printbox{display:block}body.printinv{background:#fff}
  #printbox .invdoc{box-shadow:none;max-width:none;border-radius:0;padding:0}#printbox .invdoc .q{display:table-cell}@page{margin:16mm}}

/* ---------- finance, simplified layout (js/finance.js) ---------- */
.fz-m{color:var(--t2);font-size:12.5px;line-height:1.5}
.fz-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.fz-head h1{margin:0 0 4px}
.fz-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:18px 0 14px}
.fz-card{display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--pn);border:1px solid var(--bd);border-radius:16px;padding:14px 16px;cursor:pointer;color:var(--tx);font-family:inherit;transition:border-color .15s}
.fz-card span{font-size:12px;color:var(--t2)}.fz-card b{font-size:26px;font-weight:400;line-height:1.2}.fz-card em{font-style:normal;font-size:12px;color:var(--t2)}
.fz-card:hover{border-color:rgba(var(--gl),.45)}.fz-card.on{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac) inset}
.fz-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.fz-q{width:240px;max-width:100%}
.fz-list{display:grid;gap:8px}
.fz-grp{margin-bottom:12px}
.fz-gh{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-bottom:1px solid var(--bd);padding:10px 2px;margin-bottom:8px;color:inherit;font:inherit;cursor:pointer;text-align:left}
.fz-gh b{font-size:14px;letter-spacing:.02em}.fz-gh em{margin-left:auto;font-style:normal;color:var(--t2);font-size:13px}
.fz-gh .fz-ch{width:14px;color:var(--t2)}.fz-gh:hover b{color:var(--ac)}
.fz-pick{display:grid;gap:6px;margin-top:8px;max-width:520px}.fz-pick:empty{display:none}
.fz-pick button{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--pn);border:1px solid var(--bd);border-radius:12px;padding:10px 14px;color:inherit;font:inherit;text-align:left;cursor:pointer}
.fz-pick button:hover,.fz-pick button:focus-visible{border-color:var(--ac)}.fz-pick button span{color:var(--t2);font-size:12px}
.fz-row{display:flex;align-items:center;gap:12px;background:var(--pn);border:1px solid var(--bd);border-radius:14px;padding:12px 14px;cursor:pointer;transition:border-color .15s}
.fz-row:hover{border-color:rgba(var(--gl),.45)}
.fz-row .g{flex:1;min-width:0}.fz-row .g b{font-weight:500}.fz-row .g .fz-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fz-row .am{text-align:right;white-space:nowrap}.fz-row .am .tag{margin-top:4px}
.fz-row .act{min-width:0}
.fz-dot{width:9px;height:9px;border-radius:50%;flex:none}
.fz-empty{padding:28px;text-align:center;color:var(--t2);border:1px dashed var(--bd);border-radius:14px}
.fz-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:22px}
.fz-links button{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:1px solid var(--bd);border-radius:14px;padding:14px 16px;color:var(--tx);font-family:inherit;cursor:pointer}
.fz-links button b{font-weight:500}.fz-links button span{flex:1;color:var(--t2);font-size:12px}
.fz-links button:hover{border-color:rgba(var(--gl),.45)}
.fz-sec{background:var(--pn);border:1px solid var(--bd);border-radius:18px;padding:18px 18px 16px;margin-top:14px}
.fz-sec h2{margin:0 0 12px;font-size:15px;font-weight:500;display:flex;align-items:center}
.fz-sec h2 .n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(var(--gl),.14);color:var(--ac);font-size:12px;margin-right:10px;flex:none}
.fz-more summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.fz-more summary::-webkit-details-marker{display:none}
.fz-more summary h2{margin:0}
.fz-more summary::after{content:'▾';color:var(--t2);margin-left:auto}.fz-more[open] summary::after{content:'▴'}
.fz-seg{display:inline-flex;border:1px solid var(--bd);border-radius:999px;padding:3px;margin-top:12px}
.fz-seg button{background:none;border:0;color:var(--t2);padding:6px 14px;border-radius:999px;font:inherit;font-size:12.5px;cursor:pointer}
.fz-seg button.on{background:var(--ac);color:var(--on)}
.fz-bill{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border:1px solid var(--bd);border-radius:12px;background:var(--fill)}
.fz-bill .g{flex:1;min-width:0;display:flex;flex-direction:column}.fz-bill .g b{font-weight:500}
.fz-chk{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:13px}
.fz-line{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto minmax(110px,150px) 34px;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid var(--bd)}
.fz-line:not(.fee){grid-template-columns:minmax(0,3.2fr) auto minmax(110px,150px) 34px}
.fz-line .fz-qty{width:84px}
.fz-x{background:none;border:1px solid var(--bd);color:var(--t2);border-radius:8px;width:32px;height:32px;cursor:pointer;margin-bottom:2px}
.fz-x:hover{color:var(--er);border-color:var(--er)}
.fz-xs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.fz-xs button{background:var(--fill);border:1px dashed var(--bd);border-radius:999px;color:var(--tx);padding:6px 12px;font:inherit;font-size:12.5px;cursor:pointer}
.fz-sw{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--bd)}
.fz-sw:first-of-type{border-top:0}
.fz-sw label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;flex:1}
.fz-sw label span{display:flex;flex-direction:column}.fz-sw label b{font-weight:500}.fz-sw label em{font-style:normal;font-size:12px;color:var(--t2)}
.fz-sw input[type=checkbox]{margin-top:3px}
.fz-rate{display:inline-flex;align-items:center;gap:6px;color:var(--t2)}.fz-rate input{width:76px}
.fz-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:14px}
.fz-sumc{background:var(--pn);border:1px solid var(--bd);border-radius:18px;padding:16px 18px}
.fz-sumc .big{display:block;font-size:30px;font-weight:400;color:var(--ac);margin:2px 0 6px}
.fz-sumc>div,.fz-split>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:13px}
.fz-sumc>div b,.fz-split>div b{font-weight:500;white-space:nowrap}.fz-split>div span{min-width:0}
.fz-sumc .hl,.fz-split .hl{border-top:1px solid var(--bd);margin-top:6px;padding-top:8px;color:var(--ac)}
.fz-split .sub{border-top:1px solid var(--bd);margin-top:4px;padding-top:6px}
.fz-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.fz-opt{display:flex;flex-direction:column;gap:3px;text-align:left;background:transparent;border:1px solid var(--bd);border-radius:14px;padding:12px 14px;color:var(--tx);font-family:inherit;cursor:pointer}
.fz-opt b{font-weight:500}.fz-opt span{font-size:12px;color:var(--t2)}
.fz-opt.on{border-color:var(--ac);background:rgba(var(--gl),.08)}
.fz-type{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--bd)}
.fz-type input:not([type]),.fz-type input[id=xt-n]{flex:1;min-width:150px}
.fz-ihead{margin-top:14px}.fz-ihead h1{margin:2px 0 0}
.fz-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.fz-msg{margin-top:12px}.fz-msg summary{cursor:pointer;font-size:13px}.fz-msg textarea{width:100%;margin-top:8px}
.fz-iv{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start;margin-top:16px}
.fz-iv .fz-side{position:sticky;top:90px}
.fz-split{background:var(--pn);border:1px solid var(--bd);border-radius:18px;padding:16px 18px}
.fz-t{width:100%;border-collapse:collapse;margin-bottom:6px}
.fz-t th{font-size:12px;color:var(--t2);font-weight:500;text-align:left;padding:6px 8px}
.fz-t td{padding:10px 8px;border-top:1px solid var(--bd);vertical-align:middle}
.fz-t td b{display:block;font-weight:500}.fz-t td em{font-style:normal;font-size:12px;color:var(--t2)}
.fz-ex{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--fill);font-size:13px;color:var(--t2)}
.fz-ex b{color:var(--tx)}
@media(max-width:900px){.fz-iv{grid-template-columns:1fr}.fz-iv .fz-side{position:static;order:-1}}
@media(max-width:700px){
  .fz-line,.fz-line:not(.fee){grid-template-columns:1fr 1fr}.fz-line .fz-desc{grid-column:1/-1}.fz-line .fz-x{justify-self:end}
  .fz-row{flex-wrap:wrap}.fz-row .act{flex-basis:100%}.fz-row .act .btn{width:100%}.fz-row .act:empty{display:none}
  .fz-q{width:100%}.fz-tools>.bar{width:100%}.fz-tools>.bar:last-child{display:grid;grid-template-columns:1fr auto}
  .fz-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fz-card{padding:10px 12px;border-radius:12px}.fz-card b{font-size:20px}.fz-card em{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fz-card span{font-size:11px}
}

/* ---------- statement of account (js/finance.js stmtDoc) ---------- */
.stdoc{max-width:980px}
.stdoc .wm1{font:400 44px/1 "Didot","Bodoni 72","Playfair Display","Times New Roman",serif;letter-spacing:.06em;color:#141A22}
.stdoc .wm2{font:400 11px/1 "Inter","Segoe UI",system-ui,sans-serif;letter-spacing:.5em;color:#3A4350;margin:8px 0 0 .3em}
.stdoc .ttl{font-size:18px}
.stbox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 6px}
.stbox>div{border:1px solid #DCE1E8;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.stbox span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#5A6574;font-weight:600}
.stbox b{font-size:20px;font-weight:500;color:#141A22}.stbox em{font-style:normal;font-size:11px;color:#8E96A3}
.stbox .hl{border-color:#3FC8F0;background:#F2FBFE}.stbox .hl b{color:#0A7EA4}
.stdoc .stt{font-size:12px}
.stdoc .stt td,.stdoc .stt th{padding:7px 6px}
.stdoc .stt tr.sh td{background:#F3F5F8;font-weight:600;font-size:12.5px;padding:8px 6px;border-bottom:0}
.stdoc .stt tr.sh td span{font-weight:400;color:#8E96A3;font-size:11px;margin-left:8px}
.stdoc .stt tr.sub td{font-weight:600;border-bottom:0;padding-bottom:12px}
.stdoc .stt tr.gt td{font-weight:600;border-bottom:0;padding:5px 6px}
.stdoc .stt tr.gt:first-of-type td,.stdoc .stt tr.gt td{border-top:0}
.stdoc .stt tr.gt.big td{border-top:2px solid #141A22;font-size:14px;padding-top:10px}.stdoc .stt tr.gt.big td.num{color:#0A7EA4}
.stdoc .ft{letter-spacing:.06em}
@media(max-width:700px){.stbox{grid-template-columns:1fr}.stdoc .wm1{font-size:32px}.stdoc .stt{font-size:11px}.stdoc .stt td,.stdoc .stt th{padding:6px 3px}}

/* ---------- statement of account, modern (js/finance.js stmtDoc) ---------- */
.stv2{background:#fff;color:#141A22;max-width:980px;border-radius:14px;overflow:hidden;font:13px/1.5 "Inter","Segoe UI",system-ui,sans-serif;box-shadow:0 14px 44px rgba(0,0,0,.3)}
.stv2 .sh2{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;background:#0B0E12;color:#F4F5F7;padding:30px 36px 26px;border-bottom:2px solid #3FC8F0}
.stv2 .ag{font-weight:300;font-size:15px;letter-spacing:.42em}
.stv2 .kd{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8E96A3;margin-top:8px}
.stv2 .to{text-align:right;display:flex;flex-direction:column;gap:4px}.stv2 .to b{font-weight:300;font-size:24px;letter-spacing:.01em}.stv2 .to span{font-size:12px;color:#8E96A3}
.stv2 .sum2{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #E7EAEF}
.stv2 .sum2>div{padding:22px 36px;display:flex;flex-direction:column;gap:4px;border-left:1px solid #E7EAEF}.stv2 .sum2>div:first-child{border-left:0}
.stv2 .sum2 span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#6B7584}
.stv2 .sum2 b{font-weight:300;font-size:26px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.stv2 .sum2 em{font-style:normal;font-size:11.5px;color:#9AA3AF}
.stv2 .sum2 .ac b{color:#0A7EA4;font-weight:400}
.stv2 .body2{padding:10px 36px 26px}
.stv2 section{padding:18px 0 6px;border-bottom:1px solid #EEF1F4}
.stv2 section header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
.stv2 section header b{font-weight:500;font-size:13px;letter-spacing:.02em}.stv2 section header span{font-size:11.5px;color:#9AA3AF;margin-left:10px}
.stv2 section header em{font-style:normal;font-weight:500;font-variant-numeric:tabular-nums}
.stv2 section.bf{padding-bottom:12px}.stv2 section.bf header{margin:0}
.stv2 .sr{display:grid;grid-template-columns:96px 70px minmax(0,1fr) repeat(var(--nc,3),104px);gap:8px;padding:8px 0;border-top:1px solid #F3F5F8;font-size:12.5px;align-items:baseline}
.stv2 .sr.hd{border-top:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9AA3AF;padding:4px 0}
.stv2 .sr .d,.stv2 .sr .i{color:#6B7584;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stv2 .sr .t{min-width:0}
.stv2 .sr .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:#3A4350}.stv2 .sr .n.b{color:#141A22;font-weight:500}
.stv2 .fin2{margin:18px 0 0 auto;width:min(100%,340px)}
.stv2 .fin2>div{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.stv2 .fin2 span{color:#6B7584}.stv2 .fin2 b{font-weight:500;font-variant-numeric:tabular-nums}
.stv2 .fin2 .g{border-top:1px solid #141A22;margin-top:6px;padding-top:12px}.stv2 .fin2 .g span{color:#141A22;font-weight:500}.stv2 .fin2 .g b{font-size:18px;color:#0A7EA4;font-weight:400}
.stv2 .nt2{margin:22px 0 0;font-size:11.5px;color:#9AA3AF}
.stv2 .ft2{padding:14px 36px;background:#F7F8FA;font-size:10.5px;color:#8E96A3;letter-spacing:.02em}
#printbox .stv2{box-shadow:none;border-radius:0;max-width:none}
@media(max-width:700px){.stv2 .sh2,.stv2 .body2,.stv2 .ft2{padding-left:18px;padding-right:18px}.stv2 .to{text-align:left}.stv2 .sum2{grid-template-columns:1fr}.stv2 .sum2>div{border-left:0;border-top:1px solid #E7EAEF;padding:14px 18px}
  .stv2 .sr{grid-template-columns:88px minmax(0,1fr) 92px;gap:10px}.stv2 .sr .d{font-size:11.5px}.stv2 .sr .i,.stv2 .sr .q{display:none}}
.stv2 .sr .t.w{grid-column:3/-2}
@media(max-width:700px){.stv2 .sr .t.w{grid-column:auto}}

/* ---------- accounts receivable and client statements (js/finance.js) ---------- */
.fz-ar{padding:6px 18px 10px}
.fz-ar .arr{display:grid;grid-template-columns:minmax(150px,1.6fr) repeat(6,minmax(84px,1fr)) 110px;gap:8px;align-items:center;padding:12px 0;border-top:1px solid var(--bd);cursor:pointer;font-size:13px}
.fz-ar .arr:hover{background:var(--fill)}
.fz-ar .arr.hd{border-top:0;cursor:default;font-size:11px;color:var(--t2);padding:8px 0}.fz-ar .arr.hd:hover,.fz-ar .arr.tt:hover{background:none}
.fz-ar .arr.tt{cursor:default;border-top:1px solid var(--tx)}
.fz-ar .arr .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.fz-ar .arr .n i{color:var(--t2);font-style:normal}
.fz-ar .arr>span:first-child{display:flex;flex-direction:column}.fz-ar .arr em{font-style:normal;font-size:11.5px;color:var(--t2)}
@media(max-width:900px){.fz-ar{overflow-x:auto}.fz-ar .arr{min-width:860px}}
.stv2 .age2{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 8px}
.stv2 .age2>div{background:#F7F8FA;border-radius:8px;padding:9px 12px;display:flex;flex-direction:column;gap:2px}
.stv2 .age2 span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6B7584}.stv2 .age2 b{font-weight:500;font-variant-numeric:tabular-nums}
.stv2 .age2 .od{background:#FDF2F2}.stv2 .age2 .od b{color:#B23B3B}
.stv2 .pay2{margin-top:20px;padding:14px 16px;border:1px solid #E7EAEF;border-radius:10px;font-size:12px;color:#3A4350;display:grid;gap:4px}.stv2 .pay2 b{font-weight:500;color:#141A22}
@media(max-width:700px){.stv2 .age2{grid-template-columns:1fr 1fr}}

/* ---------- Finance intelligence (js/fiq.js) ---------- */
.fq{--s1:#3987e5;--s2:#d95926;--gr:rgba(255,255,255,.07);--b0:rgba(255,255,255,.2);--axc:#8E96A3;--pos:#5FAE86;--neg:#E07A6A}
[data-theme=light] .fq,[data-theme=light] .fq-entry{--s1:#2a78d6;--s2:#eb6834;--gr:#e1e0d9;--b0:#c3c2b7;--axc:#5A6574;--pos:#2E7D57;--neg:#B23B3B}
.fq-tabs{margin:14px 0 4px;flex-wrap:wrap}
.fq-entry{display:flex;align-items:center;gap:14px;width:100%;margin:0 0 14px;padding:14px 18px;border-radius:16px;border:1px solid var(--bd);background:linear-gradient(120deg,rgba(var(--gl),.10),transparent 60%),var(--pn);color:inherit;font:inherit;text-align:left;cursor:pointer}
.fq-entry:hover{border-color:var(--ac)}.fq-entry .ic{font-size:22px}.fq-entry b{display:block}.fq-entry em{font-style:normal;color:var(--t2);font-size:13px}.fq-entry>span:nth-child(2){flex:1}
.fq-hero{display:grid;grid-template-columns:220px 1fr;gap:16px;margin-top:12px}
.fq-score{background:var(--pn);border:1px solid var(--bd);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.fq-score span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--t2)}.fq-score b{font-size:52px;font-weight:200;line-height:1}.fq-score small{font-size:16px;color:var(--t2);margin-left:4px}.fq-score .tag{align-self:flex-start}
.fq-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.fq-part{background:var(--pn);border:1px solid var(--bd);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.fq-part>div{display:flex;justify-content:space-between;align-items:baseline}.fq-part>div span{font-variant-numeric:tabular-nums;color:var(--t2)}
.fq-part i{display:block;height:6px;border-radius:3px;background:var(--gr);overflow:hidden}.fq-part u{display:block;height:100%;border-radius:3px;text-decoration:none}
.fq-part u.ok{background:#0ca30c}.fq-part u.wn{background:#fab219}.fq-part u.er{background:#d03b3b}.fq-part em{font-style:normal;font-size:12px;color:var(--t2);line-height:1.45}.fq-part.na{opacity:.6}
.fq-ins{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--bd)}.fq-ins:first-of-type{border-top:0}.fq-ins .ic{font-size:16px;line-height:1.4}.fq-ins>div{flex:1}
.fq-ins .sr{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--t2);white-space:nowrap}
.fq-svg{width:100%;height:auto;display:block;overflow:visible}
.fq-svg .g{stroke:var(--gr);stroke-width:1}.fq-svg .g.b0{stroke:var(--b0)}.fq-svg .ax{fill:var(--axc);font-size:11px;font-variant-numeric:tabular-nums}
.fq-svg .s1{fill:var(--s1)}.fq-svg .s2{fill:var(--s2)}.fq-svg .hit{fill:transparent}.fq-svg .hv:hover .hit{fill:rgba(127,127,127,.08)}
.fq-svg .ln{fill:none;stroke:var(--s1);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.fq-svg .band{fill:var(--s1);opacity:.14}
.fq-svg .dot{fill:var(--s1);stroke:var(--pn);stroke-width:2}.fq-svg .dot.low{fill:#d03b3b}.fq-svg .fl{stroke:#d03b3b;stroke-width:1.5;stroke-dasharray:5 4}
.fq-leg{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px;font-size:12px;color:var(--t2)}.fq-leg span{display:flex;align-items:center;gap:6px}
.fq-leg i{width:12px;height:12px;border-radius:3px;display:inline-block}.fq-leg i.s1{background:var(--s1)}.fq-leg i.s2{background:var(--s2)}.fq-leg i.bd{background:var(--s1);opacity:.3}.fq-leg i.fl{height:0;border-top:2px dashed #d03b3b;border-radius:0}
.fq-hb{display:grid;gap:8px}.fq-hb .r{display:grid;grid-template-columns:minmax(120px,220px) 1fr 110px;gap:10px;align-items:center;font-size:13px}
.fq-hb .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fq-hb .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--t2)}
.fq-hb .b{position:relative;height:14px;background:var(--gr);border-radius:4px}.fq-hb .b i{position:absolute;left:0;top:0;bottom:0;background:var(--s1);border-radius:4px}
.fq-hb .b em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--tx);opacity:.7}
.fq-tbl{display:grid;font-size:13px}.fq-tbl>div{display:grid;grid-template-columns:110px 1fr auto;gap:12px;padding:8px 0;border-top:1px solid var(--bd);align-items:baseline}
.fq-tbl>div:has(> span:nth-child(4)){grid-template-columns:110px 1fr 1fr 120px}.fq-tbl.c6>div{grid-template-columns:minmax(140px,2fr) 1fr .8fr .8fr 1.2fr .8fr}
.fq-tbl .th{border-top:0;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--t2)}.fq-tbl .n{text-align:right;font-variant-numeric:tabular-nums}
.fq-tbl .dim{opacity:.5}.fq .neg{color:var(--neg)}.fq .pos{color:var(--pos)}.fq-tbl small{font-size:11px}
.fq-tx{display:grid;gap:6px;margin-top:10px}.fq-tx .r{display:grid;grid-template-columns:100px 1fr 210px 120px;gap:12px;align-items:center;background:var(--pn);border:1px solid var(--bd);border-radius:12px;padding:10px 14px;font-size:13px}
.fq-tx .d{color:var(--t2)}.fq-tx .t{min-width:0}.fq-tx .t b{font-weight:500;overflow-wrap:anywhere}.fq-tx .a{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.fq-tx select{width:100%}
.fq-tx .tag,.fq-tx .btn.sm{margin-top:6px;margin-right:6px}.btn.sm{padding:5px 10px;font-size:10.5px}
.fq-drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px;border:1.5px dashed var(--bd);border-radius:16px;cursor:pointer;text-align:center}.fq-drop:hover,.fq-drop.ov{border-color:var(--ac);background:rgba(var(--gl),.05)}.fq-drop span{color:var(--t2);font-size:13px}
.fq-ai p{line-height:1.6}.fq-ai h3{margin:18px 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}.fq-ai li{margin:4px 0;line-height:1.55}
.fq-tip{position:fixed;z-index:9999;max-width:320px;padding:8px 10px;border-radius:10px;background:#0b0e12;color:#f4f5f7;font-size:12px;line-height:1.45;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.35);display:none}
@media(max-width:760px){.fq-hero{grid-template-columns:1fr}.fq-tx .r{grid-template-columns:1fr auto}.fq-tx .d{grid-column:1/-1}.fq-tx select{grid-column:1/-1}
  .fq-hb .r{grid-template-columns:110px 1fr 84px}.fq-tbl.c6>div{grid-template-columns:1.6fr 1fr .8fr;}.fq-tbl.c6>div>span:nth-child(4),.fq-tbl.c6>div>span:nth-child(5){display:none}}
/* Newsletters (js/newsletters.js) */
.nl-ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:18px;margin-top:14px;align-items:start}
.nl-pv{position:sticky;top:12px}
.nl-pv iframe{width:100%;height:calc(100vh - 140px);min-height:520px;border:1px solid var(--bd);border-radius:16px;background:#080A0D}
.nl-grid{display:grid;gap:8px}.nl-grid label,.nl-set label{display:grid;gap:4px;font-size:12px;color:var(--t2)}
.nl-grid input,.nl-grid select,.nl-blk textarea{width:100%;box-sizing:border-box}
.nl-blk{background:var(--pn);border:1px solid var(--bd);border-radius:14px;padding:10px 12px 12px;margin-top:10px}
.nl-bh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.nl-bt{display:flex;gap:4px}.nl-bt .btn{padding:4px 9px;min-width:0}
.nl-thumb{display:block;max-width:100%;max-height:160px;border-radius:10px;margin:0 0 8px}
.nl-up{justify-self:start;cursor:pointer}
.nl-add{margin-top:10px;flex-wrap:wrap;gap:6px}
.nl-sched{display:inline-flex;gap:6px;align-items:center}
.nl-stats{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:12.5px;color:var(--t2)}.nl-stats b{color:var(--tx);font-weight:500}
.nl-who{margin-top:10px}.nl-who summary{cursor:pointer;font-size:13px}
.nl-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;max-height:320px;overflow:auto}
.nl-pp{padding:4px 0;border-bottom:1px solid var(--bd);cursor:pointer;font-size:13px}
.nl-set{margin-top:14px;padding-top:12px;border-top:1px solid var(--bd);max-width:520px}.nl-set .nl-grid{gap:8px}
@media (max-width:900px){.nl-ed{grid-template-columns:1fr}.nl-pv{position:static}.nl-pv iframe{height:620px;min-height:0}}
.rem4-pp{display:grid;gap:4px;max-height:180px;overflow:auto;margin-top:6px;padding:8px 10px;border:1px solid var(--bd);border-radius:12px;font-size:13px;letter-spacing:0;color:var(--tx)}.rem4-pp label{display:flex;gap:10px;align-items:center;cursor:pointer}.lv4f .rem4-pp input{width:auto;flex:none;margin:0}
.cm4-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
/* Review before sending (js/review.js) */
.rv4-c{max-width:620px;width:100%;max-height:calc(100vh - 32px);overflow:auto}
.rv4-kv{display:grid;gap:4px;font-size:13px}.rv4-kv div{display:flex;gap:10px}.rv4-kv span{width:90px;flex:none;color:var(--t2)}.rv4-kv b{font-weight:400}
.rv4-l{display:grid;gap:8px;margin-top:4px}
.rv4-m{border:1px solid var(--bd);border-radius:12px;padding:10px 12px;background:var(--bg)}.rv4-n{border-style:dashed}
.rv4-to{font-size:11px;color:var(--t2);margin-bottom:4px}.rv4-s{font-weight:500;margin-bottom:4px}.rv4-b{font-size:13px;line-height:1.55;color:var(--t3,var(--tx))}
/* Content calendar posts with images (js/contentview.js) */
.cv4-p{padding:12px 0;border-bottom:1px solid var(--bd)}.cv4-p:last-child{border-bottom:0}
.cv4-h{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-bottom:8px}
.cv4-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.cv4-t{position:relative;aspect-ratio:4/5;padding:0;border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:var(--bg);cursor:zoom-in}
.cv4-t img,.cv4-t video{width:100%;height:100%;object-fit:cover;display:block}
.cv4-v span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.cv4-c{margin-top:8px;font-size:13px;line-height:1.5;white-space:pre-wrap}
/* Castings & Bookings, new layout on trial (js/castbook.js) */
.cb5-trial{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px dashed rgba(var(--gl),.45);border-radius:12px;padding:8px 12px;margin:0 0 14px;font-size:12.5px;color:var(--t2)}
.cb5-try{display:flex;justify-content:flex-end;margin:0 0 -6px}
.fz-card.cb5-on{border-color:var(--ac)}
.cb5-list{margin-top:10px}
.cb5-g{margin-bottom:14px}.cb5-gh,.cb5-sh{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--t2);margin:0 2px 8px}.cb5-gh span,.cb5-sh span{color:var(--ac);margin-left:4px}
.cb5-s{margin:16px 0}.cb5-more summary{cursor:pointer;list-style:none}.cb5-more summary::-webkit-details-marker{display:none}.cb5-more summary:before{content:'▸ ';color:var(--t2)}.cb5-more[open] summary:before{content:'▾ '}
.cb5-l{display:grid;gap:8px}
.cb5-r{display:flex;align-items:center;gap:14px;background:var(--pn);border:1px solid var(--bd);border-radius:16px;padding:12px 14px;cursor:pointer;transition:border-color .15s,transform .15s}
.cb5-r+.cb5-r{margin-top:8px}.cb5-l .cb5-r+.cb5-r{margin-top:0}
.cb5-r:hover{border-color:rgba(var(--gl),.45)}
.cb5-sm{padding:10px 12px;border-radius:14px}
.cb5-m{flex:1;min-width:0}.cb5-m b{font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb5-m em{font-style:normal;color:var(--t2);font-weight:400;margin-left:6px}
.cb5-e{display:flex;align-items:center;gap:8px;flex:none}.cb5-ch{color:var(--t2);font-size:20px;line-height:1}
.cb5-amt{font-size:13px;color:var(--tx);font-variant-numeric:tabular-nums}
.cb5-av{display:flex;align-items:center;gap:4px;margin-top:6px;flex-wrap:wrap}.cb5-av .fz-m{margin-left:6px}
.cb5-a{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:var(--tx);background:var(--glass,#1a1f27) center/cover;box-shadow:0 0 0 2px var(--pn),0 0 0 3px var(--bd);flex:none;vertical-align:middle}
.cb5-a.ok{box-shadow:0 0 0 2px var(--pn),0 0 0 3px var(--ok)}.cb5-a.wn{box-shadow:0 0 0 2px var(--pn),0 0 0 3px var(--wn)}.cb5-a.er{box-shadow:0 0 0 2px var(--pn),0 0 0 3px var(--er)}
.cb5-k{flex:none;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ac);border:1px solid rgba(var(--gl),.35);border-radius:999px;padding:4px 8px;min-width:62px;text-align:center}
.cb5-hero{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:14px 0 6px}
.cb5-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:14px 0}
.cb5-facts>div{background:var(--pn);border:1px solid var(--bd);border-radius:14px;padding:10px 12px;min-width:0}.cb5-facts>div>span{display:block;font-size:11px;color:var(--t2);margin-bottom:3px}.cb5-facts b{font-weight:400;display:flex;align-items:center;gap:8px}.cb5-facts em{display:block;font-style:normal;font-size:12px;color:var(--t2);margin-top:2px}
.cb5-note{background:var(--pn);border:1px solid var(--bd);border-radius:14px;padding:12px 14px;font-size:13.5px;line-height:1.55;white-space:pre-wrap}
.cb5-money{background:var(--pn);border:1px solid var(--bd);border-radius:14px;padding:6px 14px}.cb5-money>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--bd);font-size:13.5px}.cb5-money>div:last-child{border:0}.cb5-money span{color:var(--t2)}.cb5-tot span{color:var(--tx)}
@media (max-width:640px){.cb5-r{gap:10px;flex-wrap:wrap}.cb5-m{flex-basis:calc(100% - 70px)}.cb5-e{margin-left:auto}.cb5-amt{display:none}}
@media (max-width:640px){.cb5-cards{grid-template-columns:1fr 1fr}.cb5-cards .fz-card{padding:12px}}
/* time column instead of date tiles (castbook.js) */
.cb5-t{width:62px;flex:none;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--bd);padding-right:12px}
.cb5-t span{font-size:11px;letter-spacing:.06em;color:var(--t2);margin-bottom:2px;white-space:nowrap}
.cb5-t b{font-size:17px;font-weight:300;font-variant-numeric:tabular-nums}
.cb5-t.on b{color:var(--ac)}
.cb5-when{font-size:12px;letter-spacing:.06em;color:var(--ac);margin-bottom:4px}
@media (max-width:640px){.cb5-t{width:54px;padding-right:10px}.cb5-t b{font-size:15px}.cb5-m{flex-basis:calc(100% - 80px)}}
@media (max-width:640px){.cb5-ch{display:none}.cb5-e:empty{display:none}}
/* modern pickers in the new Castings & Bookings layout (castbook.js) */
.dp5{display:grid;gap:10px}
.dp5-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dp5-c{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--gl),.12);border:1px solid rgba(var(--gl),.35);color:var(--tx);border-radius:999px;padding:5px 6px 5px 12px;font-size:12.5px}
.dp5-c button{border:0;background:none;color:var(--t2);font-size:15px;line-height:1;cursor:pointer;padding:0 4px}
.dp5-c button:hover{color:var(--tx)}
.dp5-x{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ac);cursor:pointer;position:relative}
.dp5-x input{width:150px;font-size:13px;padding:6px 10px}
.dp5-s{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;align-items:flex-end}
.dp5-m{flex:none;align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ac);padding:0 2px}
.dp5-p{flex:none;width:52px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0 8px;border-radius:14px;border:1px solid var(--bd);background:var(--pn);color:var(--tx);cursor:pointer;font-family:inherit;transition:all .15s}
.dp5-p i{font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--t2)}
.dp5-p b{font-size:18px;font-weight:300}
.dp5-p.we{background:transparent}
.dp5-p.td{border-color:rgba(var(--gl),.6)}
.dp5-p:hover{border-color:rgba(var(--gl),.6);transform:translateY(-1px)}
.dp5-p.on{background:var(--ac);border-color:var(--ac);color:#04161c}.dp5-p.on i{color:#04161c}
.tp5{display:grid;gap:10px}
.tp5-sel{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:30px}
.tp5-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.tp5-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:330px;overflow:auto;padding:2px}
.tp5-c{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--bd);border-radius:14px;background:var(--pn);cursor:pointer;transition:border-color .15s,background .15s;position:relative}
.tp5-c input{position:absolute;opacity:0;pointer-events:none}
.tp5-c:hover{border-color:rgba(var(--gl),.5)}
.tp5-c.on{border-color:var(--ac);background:rgba(var(--gl),.08)}
.tp5-c.bo{opacity:.75}
.tp5-a{width:38px;height:38px;border-radius:12px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--ac);background:var(--bg) center/cover;border:1px solid var(--bd)}
.tp5-t{flex:1;min-width:0;display:flex;flex-direction:column}.tp5-t b{font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp5-t em{font-style:normal;font-size:11.5px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp5-k{width:22px;height:22px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border:1px solid var(--bd);color:transparent}
.tp5-c.on .tp5-k{background:var(--ac);border-color:var(--ac);color:#04161c}
@media (max-width:640px){.tp5-g{grid-template-columns:1fr 1fr}.dp5-x{margin-left:0}.tp5-bar .fz-q{width:100%}}
.tp5-g{padding:2px 6px 2px 2px}
.dp5-x{border:1px dashed rgba(var(--gl),.45);border-radius:999px;padding:3px 4px 3px 12px}.dp5-x input{border:0;background:transparent;padding:4px 6px;width:140px;color:var(--tx)}
/* Reminders on the Command centre (remind.js) */
.rem5{margin:0 0 18px}.rem5-n{font-style:normal;font-size:12px;color:var(--ac);margin-left:6px}
.rem5-l{display:grid;gap:8px}
.rem5-r{display:flex;align-items:center;gap:14px;background:var(--pn);border:1px solid var(--bd);border-left:3px solid var(--ac);border-radius:14px;padding:10px 12px}
.rem5-r.late{border-left-color:var(--er)}
.rem5-w{width:130px;flex:none;display:flex;flex-direction:column;font-size:12.5px}.rem5-w b{font-weight:500}.rem5-w span{color:var(--er);font-size:11px}
.rem5-m{flex:1;min-width:0}.rem5-m b{font-weight:500}
@media (max-width:640px){.rem5-r{flex-wrap:wrap}.rem5-w{width:auto;flex-direction:row;gap:8px}.rem5-m{flex-basis:100%}}
.ns4{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--bd)}.ns4 textarea{width:100%;box-sizing:border-box}
/* "Pick a date" opens the calendar (castbook.js) */
.dp5-xw{margin-left:auto;position:relative;display:inline-flex}
.dp5-x{border:1px solid rgba(var(--gl),.45);border-radius:999px;padding:7px 14px;background:transparent;color:var(--ac);font:inherit;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.dp5-x svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dp5-x:hover{background:rgba(var(--gl),.1)}
@media (max-width:640px){.dp5-xw{margin-left:0}}
.dp5-x.on{background:rgba(var(--gl),.14)}
.dp5-bk{position:fixed;inset:0;z-index:40}
.dp5-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:41;width:292px;background:var(--pn);border:1px solid rgba(var(--gl),.35);border-radius:18px;padding:14px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.dp5-ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dp5-ph b{font-weight:500;font-size:14px}
.dp5-ph button{width:32px;height:32px;border-radius:50%;border:1px solid var(--bd);background:transparent;color:var(--tx);font-size:18px;cursor:pointer}.dp5-ph button:disabled{opacity:.3;cursor:default}
.dp5-pg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.dp5-pg i{font-style:normal;font-size:10.5px;color:var(--t2);padding:2px 0 4px}
.dp5-pg button{aspect-ratio:1;border:0;border-radius:50%;background:transparent;color:var(--tx);font:inherit;font-size:13px;cursor:pointer;transition:background .12s}
.dp5-pg button:hover:not(:disabled){background:rgba(var(--gl),.14)}
.dp5-pg button.td{box-shadow:inset 0 0 0 1px rgba(var(--gl),.6)}
.dp5-pg button.on{background:var(--ac);color:#04161c}
.dp5-pg button:disabled{color:var(--t2);opacity:.35;cursor:default}
.dp5-pn{font-size:11px;color:var(--t2);margin-top:8px;text-align:center}
@media (max-width:640px){.dp5-pop{right:auto;left:0;width:min(292px,calc(100vw - 48px))}}
.dp5-tt{border:0;background:transparent;color:var(--tx);font:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:10px}.dp5-tt:hover{background:rgba(var(--gl),.12)}.dp5-tt span{font-size:10px;color:var(--t2)}
.dp5-pm{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.dp5-pm button{padding:12px 0;border:1px solid var(--bd);border-radius:12px;background:transparent;color:var(--tx);font:inherit;font-size:13px;cursor:pointer}
.dp5-pm button:hover:not(:disabled){border-color:rgba(var(--gl),.6)}.dp5-pm button.on{background:var(--ac);border-color:var(--ac);color:#04161c}.dp5-pm button:disabled{opacity:.35;cursor:default}
.dp5-pf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd);font-size:12px;color:var(--t2)}.dp5-pf .btn{padding:6px 16px}
/* the pop-up calendar stays put while dates are added: centred on the screen, page dimmed */
.dp5-bk{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.45)}
.dp5-pop{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);z-index:121;width:min(320px,calc(100vw - 32px))}
.dp5-tt{white-space:nowrap}
@media (max-width:640px){.dp5-pop{left:50%;right:auto;width:min(320px,calc(100vw - 32px))}}
.dp5-ph{gap:6px}.dp5-ph .dp5-tt{flex:1;min-width:0;text-align:center;font-size:14px}.dp5-ph>button:not(.dp5-tt){flex:none}

/* Client leads (js/leads.js) */
.ld4 a{color:var(--ac);text-decoration:none}.ld4 a:hover{text-decoration:underline}.ld4 .tag a{color:inherit}
.ld4 .cb5-facts input{width:100%;margin-top:2px}
/* Voice commands (js/voice.js) */
.askw{display:flex;align-items:center;gap:8px}.askw .cmdk{flex:1;min-width:0}
.vc4-mic{flex:none;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--soft);color:var(--t2);display:grid;place-items:center;cursor:pointer;transition:border-color .15s,color .15s;position:relative}
.vc4-mic svg,.vc4-o svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vc4-mic:hover{border-color:var(--ac);color:var(--ac)}
.vc4-mic.wake:after{content:'';position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--ok)}
.vc4{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.vc4-c{width:460px;max-width:100%;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:26px 22px 18px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.vc4-o{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;color:var(--ac);border:1px solid rgba(var(--gl),.4);background:rgba(var(--gl),.08)}
.vc4-o svg{width:26px;height:26px}
.vc4-o.on{animation:vc4p 1.4s ease-in-out infinite}.vc4-o.wait{opacity:.6}.vc4-o.err,.vc4-o.ask{color:var(--wn);border-color:var(--wn);background:transparent}
@keyframes vc4p{0%,100%{box-shadow:0 0 0 0 rgba(var(--gl),.35)}50%{box-shadow:0 0 0 14px rgba(var(--gl),0)}}
.vc4-t{font-size:17px;line-height:1.4;min-height:24px}.vc4-s{color:var(--t2);font-size:13px;margin-top:6px}
.vc4-w{display:flex;gap:8px;align-items:center;justify-content:center;font-size:12.5px;color:var(--t2);margin-top:14px}
.vc4-h{font-size:11.5px;color:var(--t2);margin-top:12px;line-height:1.5}
@media (max-width:640px){.vc4-mic{width:38px;height:38px;border-radius:12px}}
/* Calendar (js/calendar.js) */
.cal5-add{float:right;width:20px;height:20px;line-height:18px;padding:0;border-radius:6px;border:1px solid var(--bd);background:transparent;color:var(--t2);font-size:14px;cursor:pointer;opacity:.35;transition:opacity .15s,border-color .15s}
.cal5-d:hover .cal5-add,.cal5-add:focus{opacity:1;border-color:var(--ac);color:var(--ac)}
@media (hover:none){.cal5-add{opacity:.8}}
.cal5-l{display:grid;gap:8px}
.cal5-l button{display:grid;gap:2px;text-align:left;background:var(--pn);border:1px solid var(--bd);border-radius:14px;padding:12px 14px;color:var(--tx);font-family:inherit;cursor:pointer}
.cal5-l button b{font-weight:500}.cal5-l button span{font-size:12px;color:var(--t2)}.cal5-l button:hover{border-color:var(--ac)}
/* Packages (js/packages.js) */
.pk5-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}
.pk5-p{aspect-ratio:3/4;border-radius:10px;border:2px solid transparent;background:#0c0f13 center/cover no-repeat;cursor:pointer;opacity:.45;transition:opacity .15s,border-color .15s;padding:0}
.pk5-p.on{opacity:1;border-color:var(--ac)}
.pk5-t{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;max-height:560px;overflow-y:auto;padding:2px}
.pk5-c{display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:0;padding:0;color:inherit;cursor:pointer;font:inherit;min-width:0}
.pk5-i{position:relative;aspect-ratio:3/4;border-radius:12px;border:2px solid transparent;background:linear-gradient(160deg,#1e2630,#0d1117) center/cover no-repeat;display:grid;place-items:center;margin-bottom:4px;transition:border-color .15s}
.pk5-i span{font-size:20px;color:var(--t2)}
.pk5-i i{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--ac);color:#000;font-style:normal;font-size:13px;display:grid;place-items:center}
.pk5-c.on .pk5-i{border-color:var(--ac)}
.pk5-c b{font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk5-c em{font-style:normal;font-size:11px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk5-m.pk5-on{border-color:#F472B6}

.cp5-q{width:100%;margin-bottom:6px}
.rv4-se,.rv4-be{width:100%;margin-bottom:6px;font:inherit;font-size:13px}.rv4-be{line-height:1.55;resize:vertical}
.mt5-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mt5-h .fz-q{flex:1;min-width:160px}.mt5-h a{color:var(--ac)}
.mt5-l{max-height:300px;overflow-y:auto;border:1px solid var(--bd);border-radius:12px;padding:4px}
.mt5-l label{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer}.mt5-l label:hover{background:var(--fill)}
.mt5-l label span{flex:1;min-width:0}.mt5-l em{font-style:normal;color:var(--t2);font-size:12px}.mt5-l input{width:18px;height:18px;accent-color:var(--ac)}

.lg5-f{margin-top:22px;padding-top:12px;border-top:1px solid var(--bd);color:var(--t2);font-size:10px;line-height:1.55;letter-spacing:.01em;text-align:center;opacity:.85}
.lg5-f a{color:var(--t2);text-decoration:underline}
/* sign-in screen: small, at the very bottom of the page */
.lg5-in{position:absolute;z-index:2;left:0;right:0;bottom:14px;max-width:760px;margin:0 auto;padding:0 20px;border-top:0;font-size:9.5px;opacity:.7}
.cw:has(.lg5-in){padding-bottom:120px}
.lg5-s{text-align:left;border-top:0;margin-top:8px;padding-top:0}
.lg5-g{max-width:640px;display:grid;gap:10px}.lg5-g a{color:var(--ac)}
.lg5-c{display:flex;gap:10px;align-items:flex-start;cursor:pointer;line-height:1.5}.lg5-c input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--ac)}
.lg5-k{display:grid;gap:8px;border:1px solid var(--bd);border-radius:12px;padding:12px}
.lg5-m{margin-top:16px}
/* job details (js/jobinfo.js) */
.jd5{border:1px solid var(--bd);border-radius:14px;padding:10px 12px}
.jd5>summary{cursor:pointer;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.jd5d{border-top:1px solid var(--bd);padding-top:8px}
.jd5d>summary{cursor:pointer;color:var(--t3,var(--tx));font-size:13.5px;margin-bottom:6px}
/* help (js/help.js) */
.hp5{border-top:1px solid var(--bd);padding:10px 0}
.hp5>summary{cursor:pointer;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
/* Revenue analytics (js/finanalytics.js) — uses the .fq chart styles */
.fa .fa-ctl{margin:12px 0 14px;flex-wrap:wrap}.fa .fa-pn{margin-bottom:16px}.fa .fa-pn h2{margin:0}
.fa .fa-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.fa-ks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:12px 0 16px}
.fa-k{background:var(--fill);border:1px solid var(--bd);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;min-width:0}
.fa-k span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--t2)}.fa-k b{font-size:24px;font-weight:400;line-height:1.2;font-variant-numeric:tabular-nums}.fa-k em{font-style:normal;font-size:12px;color:var(--t2);line-height:1.4}
.fa .fa-note{margin:10px 0 12px;line-height:1.5;color:var(--t2)}
.fa-d{margin-top:12px}.fa-d summary{cursor:pointer;color:var(--t2);font-size:13px}
.fq-tbl.fa-t>div{grid-template-columns:minmax(120px,1.6fr) 1fr .6fr .8fr 1.2fr}.fq-tbl.fa-s>div{grid-template-columns:150px 90px 1fr}
.fq-svg .ly{stroke:var(--s2);stroke-width:2.5;stroke-linecap:round}.fq-svg .pt{opacity:.45}.fq-svg .ln.pj{stroke-dasharray:6 5}.fq-svg .dot.ho{fill:var(--pn);stroke:var(--s1);stroke-width:2}
.fq-leg i.ly{height:0;border-top:2.5px solid var(--s2);border-radius:2px}.fq-leg i.pt{opacity:.45}.fq-leg i.pj{height:0;border-top:2px dashed var(--s1);border-radius:0}.fq-leg i.ho{border:2px solid var(--s1);border-radius:50%;width:8px;height:8px}
@media(max-width:760px){.fa .fq-svg .ax{font-size:17px}.fa-ks{grid-template-columns:1fr 1fr;gap:8px}.fa-k{padding:10px 12px}.fa-k span{font-size:10px}.fa-k em{font-size:11px}.fa-k b{font-size:19px}.fq-tbl.fa-t>div{grid-template-columns:1.4fr 1fr .5fr .8fr}.fq-tbl.fa-t>div>span:nth-child(5){display:none}.fq-tbl.fa-s>div{grid-template-columns:1fr auto}.fq-tbl.fa-s>div>span:nth-child(3){grid-column:1/-1}}
.fa .fa-note{font-size:12.5px}.fa .fq-hb a,.fa .fa-t a{color:inherit;text-decoration:none}.fa .fq-hb a:hover,.fa .fa-t a:hover{text-decoration:underline}
/* Talent insights (js/insights.js) */
.ti5 .ti5-sc{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0 0}.ti5 .ti5-tb{min-width:760px;font-size:13px}.ti5 .ti5-tb td.n,.ti5 .ti5-tb th{white-space:nowrap}.ti5 .ti5-tb td.n{text-align:right;font-variant-numeric:tabular-nums}
.ti5 .ti5-tb td em{display:block}.ti5 .ti5-tb a{color:inherit}.ti5 .ti5-tb th a{text-decoration:none}
.ti5 .fq-tbl.ti5-t2>div{grid-template-columns:1fr auto}.ti5 .ti5-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.ti5 .ti5-3 h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--t2);margin:0 0 4px}
.ti5 .lv4f select,.ti5 .lv4f input{min-width:90px}.ti5-me label{cursor:pointer}
.ti5 a{color:inherit;text-decoration:none;font-weight:500}.ti5 a:hover{text-decoration:underline}.ti5 .tabs .tb,.ti5 .bar .tb{font-weight:inherit}
.ti5 .ti5-tb th:not(:first-child):not(:last-child){text-align:right}
.ti5 select{max-width:100%;min-width:0}
.ti5 .row>.bar,.ti5 .row>.g{min-width:0;max-width:100%}

/* Halo logo (Oct 2026): open ring + point of light; wordmark in Michroma */
:root{--fwm:"Michroma","Eurostile","Microgramma","Helvetica Neue",Arial,sans-serif}
.halo{display:block;flex:none;color:var(--tx)}
.brand4 svg.halo{width:28px;height:28px;stroke:none;fill:none;color:var(--tx)}
.brand4 b{font-family:var(--fwm);font-weight:400;letter-spacing:.24em;font-size:13px}
.cwm{display:inline-flex;align-items:center;gap:10px;font-family:var(--fwm);font-weight:400;letter-spacing:.3em;font-size:13px;color:var(--tx)}
.cwm .halo{width:20px;height:20px}
.lring{width:132px;height:132px;display:grid;place-items:center}
.lring::after{display:none}
.lhalo{width:100%;height:100%;filter:drop-shadow(0 0 24px rgba(var(--gl),.35))}
.lhalo path{stroke-dasharray:190;stroke-dashoffset:190;animation:haloDraw 1.6s cubic-bezier(.3,.7,.2,1) .2s forwards}
.lhalo circle{transform-origin:71.85px 23.95px;transform:scale(0);animation:haloDot .6s cubic-bezier(.3,1.5,.5,1) 1.4s forwards,haloGlow 2.6s ease-in-out 2.2s infinite}
@keyframes haloDraw{to{stroke-dashoffset:0}}
@keyframes haloDot{to{transform:scale(1)}}
@keyframes haloGlow{50%{opacity:.55}}
.lw{font-family:var(--fwm);font-weight:400;font-size:52px;letter-spacing:.45em;margin-left:.45em}
@media(max-width:700px){.lw{font-size:36px}}
@media(prefers-reduced-motion:reduce){.lhalo path{stroke-dashoffset:0;animation:none}.lhalo circle{transform:none;animation:none}}