/* ============ buttons ============ */
.btn,.btn-primary,.btn-hero{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:12px;font:700 14px/1 var(--sans);letter-spacing:0;white-space:nowrap;cursor:pointer;user-select:none;transition:background var(--t1) var(--ease),border-color var(--t1) var(--ease),transform var(--t1) var(--ease),box-shadow var(--t1) var(--ease),color var(--t1)}
.btn{background:rgba(212,180,131,.06);border:1px solid var(--line2);color:var(--text1)}
.btn:hover{background:rgba(212,180,131,.14);border-color:var(--line3);box-shadow:var(--glow)}
.btn:active,.btn-primary:active,.btn-hero:active{transform:scale(.98)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--text2)}
.btn.ghost:hover{background:var(--accent-soft);color:var(--text1);box-shadow:none}
.btn.danger{background:var(--danger-soft);border-color:rgba(224,112,95,.4);color:#F0A08F}
.btn.danger:hover{background:rgba(224,112,95,.26);box-shadow:0 0 14px rgba(224,112,95,.35)}
.btn.sm{height:32px;padding:0 12px;font-size:13px;border-radius:10px}
.btn.lg,.btn-primary.lg,.btn-hero.lg{height:50px;padding:0 26px;font-size:16px;border-radius:14px}
.btn.xl,.btn-primary.xl,.btn-hero.xl{height:60px;padding:0 28px;font-size:18px;border-radius:16px}
.btn-primary,
.btn-hero{background:linear-gradient(180deg,#E2C49A,#D4B483);color:var(--accent-ink);border:0;font-weight:700;box-shadow:0 0 0 1px rgba(212,180,131,.5),0 0 22px rgba(212,180,131,.45),0 8px 24px -10px rgba(212,180,131,.6)}
.btn-primary:hover,
.btn-hero:hover{filter:brightness(1.08);box-shadow:0 0 0 1px rgba(212,180,131,.7),0 0 34px rgba(212,180,131,.65)}
.btn-primary.full,.btn.full,
.btn-hero.full{width:100%}
.btn svg,.btn-primary svg,.btn-hero svg{width:16px;height:16px;flex:none}
.btn kbd,.btn-primary kbd,.btn-hero kbd{margin-left:2px;background:rgba(0,0,0,.2);border-color:rgba(0,0,0,.25);color:inherit;height:18px;min-width:18px;font-size:10px}
.btn kbd{background:rgba(212,180,131,.1);color:var(--text2)}
.ibtn{display:inline-grid;place-items:center;width:32px;height:32px;color:var(--text2);border:1px solid transparent;transition:background var(--t1),color var(--t1)}
.ibtn:hover{background:var(--accent-soft);color:var(--text1);border-color:var(--line2)}
.ibtn svg{width:16px;height:16px}
[disabled],.disabled{opacity:.4;pointer-events:none}
/* ============ chips + badges ============ */
.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.04em;line-height:1;border:1px solid var(--line2);background:rgba(212,180,131,.06);color:var(--text2);white-space:nowrap;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}
.chip svg{width:12px;height:12px}
.chip.fc{color:var(--sig-fc);background:rgba(255,201,138,.1);border-color:rgba(255,201,138,.35)}
.chip.cv{color:var(--sig-cv);background:rgba(200,240,122,.1);border-color:rgba(200,240,122,.35)}
.chip.tx{color:var(--sig-tx);background:rgba(255,176,138,.1);border-color:rgba(255,176,138,.35)}
.chip.pr{color:var(--sig-pr);background:rgba(127,200,210,.1);border-color:rgba(127,200,210,.35)}
.chip.ev{color:var(--sig-ev);background:rgba(255,156,156,.1);border-color:rgba(255,156,156,.35)}
.chip.gold{color:var(--gold);background:var(--gold-soft);border-color:rgba(230,180,90,.45)}
.chip.hot{color:#F0A08F;background:var(--hot-soft);border-color:rgba(224,112,95,.5);animation:hotflash 2.4s ease-in-out infinite}
.chip.ok{color:var(--ok);background:var(--ok-soft);border-color:rgba(143,201,154,.45)}
.chip.warn{color:var(--amber);background:var(--amber-soft);border-color:rgba(230,180,90,.45)}
.chip.bad{color:#F0A08F;background:var(--danger-soft);border-color:rgba(224,112,95,.45)}
.chip.info{color:var(--info);background:var(--info-soft);border-color:rgba(127,200,210,.45)}
.chip.sel{cursor:pointer;transition:background var(--t1),border-color var(--t1),color var(--t1),box-shadow var(--t1)}
.chip.sel:hover{border-color:var(--line3);color:var(--text1);box-shadow:var(--glow)}
.chip.on{color:var(--accent);background:var(--accent-soft);border-color:rgba(212,180,131,.5);box-shadow:0 0 10px rgba(212,180,131,.25)}
.chip.on::before{content:"";width:5px;height:5px;background:var(--accent);box-shadow:0 0 6px var(--accent)}
.chip.lock{border-style:dashed;color:var(--text3)}
.badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;background:var(--hot);color:#2A0D08;font:700 10.5px/1 var(--mono);box-shadow:0 0 10px rgba(224,112,95,.6);animation:hotflash 2.4s ease-in-out infinite;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px))}
.badge.n{background:var(--bg4);color:var(--text2);font-weight:600;animation:none;box-shadow:none}
/* ============ panels (cards) ============ */
.card{min-width:0;position:relative;isolation:isolate;background:
repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
linear-gradient(180deg,rgba(22,22,25,.86),rgba(16,16,19,.86));
border:1px solid var(--line2);padding:20px;box-shadow:var(--hi),0 0 24px -12px rgba(212,180,131,.35);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}
.card::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:-1px;top:-1px;width:calc(var(--cut) * 1.5);height:1px;background:var(--line3);transform-origin:right top;transform:rotate(45deg) translateX(0);box-shadow:var(--glow)}
.card::after{content:"";position:absolute;z-index:-1;pointer-events:none;left:-1px;bottom:-1px;width:calc(var(--cut) * 1.5);height:1px;background:var(--line3);transform-origin:left bottom;transform:rotate(45deg);box-shadow:var(--glow)}
.card.tight{padding:8px 12px}
.card.flush{padding:0;overflow:hidden}
.card.click{cursor:pointer;transition:border-color var(--t1),box-shadow var(--t1)}
.card.click:hover,.card:hover{border-color:var(--line3);box-shadow:var(--hi),var(--glow)}
.card h3{font-family:var(--sans);font-size:11px;font-weight:600;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;padding:0 0 8px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line1)}
.card > h3:first-child{margin:-20px -20px 14px;padding:8px 20px;background:linear-gradient(90deg,rgba(212,180,131,.1),transparent)}
.card h3::before{content:"//";opacity:.6;margin-right:2px}
.card h3 > a,.card h3 > span,.card h3 > .faint,.card h3 > .row,.card h3 > b{margin-left:auto}
.card h3 a{color:var(--text1);text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:12px}
.card.tight > h3:first-child{margin:-8px -12px 8px;padding:8px 12px}
.card.flush > h3:first-child{margin:0;padding:10px 16px}
.corners::after{content:"";position:absolute;inset:6px;pointer-events:none;z-index:0;
background:
linear-gradient(var(--accent),var(--accent)) top left/16px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) top left/1px 16px no-repeat,
linear-gradient(var(--accent),var(--accent)) bottom right/16px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right/1px 16px no-repeat;opacity:.6;width:auto;height:auto;left:6px;bottom:6px;transform:none;box-shadow:none}
.hud{position:relative;isolation:isolate}
.hud > *{position:relative;z-index:1}
.scan{position:relative}
.glow-edge{box-shadow:var(--hi),0 0 0 1px rgba(212,180,131,.45),0 0 28px -4px rgba(212,180,131,.55)!important;border-color:var(--line3)!important}
.glow-hot{box-shadow:var(--hi),0 0 0 1px rgba(224,112,95,.45),0 0 28px -6px rgba(224,112,95,.6)!important;border-color:rgba(224,112,95,.5)!important}
/* ============ Today hero: reactor ============ */
.focus{--cut:16px;background:
repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
radial-gradient(600px 300px at 50% 60%,rgba(212,180,131,.1),transparent 60%),
linear-gradient(180deg,rgba(22,22,25,.88),rgba(5,12,20,.9));
border:1px solid var(--line2);padding:28px;box-shadow:var(--sh3),var(--hi);display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1.2fr);gap:24px;align-items:center;position:relative;isolation:isolate;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.focus::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.6;background-image:linear-gradient(rgba(212,180,131,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,180,131,.05) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(70% 90% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 90% at 50% 50%,#000,transparent)}
.focus > *{min-width:0;position:relative;z-index:1}
.focus .glowline{position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,180,131,.8),transparent);z-index:2;pointer-events:none;box-shadow:0 0 12px rgba(212,180,131,.6)}
.fx-core{display:grid;justify-items:center;gap:8px}
.focus .who{font-family:var(--serif);font-size:34px;line-height:1.05;letter-spacing:-.02em;font-weight:700;margin:6px 0 4px;color:var(--text1);text-shadow:0 0 20px rgba(212,180,131,.35)}
.focus .addr{color:var(--text2);font-size:14px}
.quote{border-left:2px solid var(--hot);padding:8px 14px;margin:14px 0 10px;font-family:var(--serif);font-size:20px;font-weight:500;line-height:1.3;color:var(--text1);background:linear-gradient(90deg,var(--hot-soft),transparent)}
.opener{color:var(--text2);font-size:14px;margin-top:8px}
.opener b{color:var(--text1);font-weight:500}
.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px}
.reactor{position:relative;width:300px;height:300px;display:grid;place-items:center}
.reactor svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.reactor .rot{transform-box:fill-box;transform-origin:center}
.reactor .r1{animation:spin 48s linear infinite}
.reactor .r2{animation:spin-r 32s linear infinite}
.reactor .r3{animation:spin 20s linear infinite}
.reactor .r4{animation:spin-r 90s linear infinite}
.reactor .core{animation:corepulse 3s ease-in-out infinite}
.reactor .flare{animation:corepulse 4s ease-in-out infinite}
.reactor .lbl{position:relative;text-align:center;display:grid;gap:2px;line-height:1}
.reactor .lbl b{font-family:var(--serif);font-weight:700;font-size:64px;line-height:1;letter-spacing:-.03em;color:var(--text1);text-shadow:0 0 24px rgba(212,180,131,.8),0 0 60px rgba(212,180,131,.4)}
.reactor .lbl b.hot{color:#F0A08F;text-shadow:0 0 24px rgba(224,112,95,.9)}
.reactor .lbl span{font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.reactor .lbl small{font-family:var(--mono);font-size:10px;color:var(--text3);letter-spacing:.08em;margin-top:4px}
.hud-stat{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line1);background:rgba(212,180,131,.04);min-width:0;position:relative;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.hud-stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);opacity:.7}
.hud-stat .l{font-family:var(--mono);font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;opacity:.9}
.hud-stat .v{font-family:var(--serif);font-weight:600;font-size:24px;letter-spacing:.01em;line-height:1;color:var(--text1)}
.clockline{font-family:var(--mono);font-size:13px;white-space:nowrap;letter-spacing:-.02em;color:var(--text1);font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 10px rgba(212,180,131,.4)}
.clockline small{font-size:9px;color:var(--text3);margin:0 6px 0 1px;letter-spacing:.04em}
.live{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text2)}
.live .dot{width:6px;height:6px}
.land{animation:land .5s var(--spring) both}
.sweep{position:relative;overflow:hidden}
.sweep::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:0;background:linear-gradient(90deg,transparent,rgba(224,112,95,.22),transparent);animation:sweep 1.1s var(--ease) 1;pointer-events:none}
.pop{animation:pop .5s var(--spring) 1}
.rank{font-family:var(--serif);color:var(--text3);font-size:22px;font-weight:600;text-align:right;line-height:1}
.queue .q{display:grid;grid-template-columns:28px auto 1fr auto;gap:14px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line1);transition:background var(--t1)}
.queue .q:hover{background:var(--accent-soft)}
.queue .q:last-child{border-bottom:0}
.today-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.stat{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line1);color:var(--text2);transition:color var(--t1)}
.stat:hover{color:var(--text1)}
.stat:last-child{border:0}
.stat .n{font-family:var(--serif);font-weight:700;font-size:28px;color:var(--text1);line-height:1;text-shadow:0 0 14px rgba(212,180,131,.35)}
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.kpi{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(22,22,25,.86),rgba(16,16,19,.86));border:1px solid var(--line2);padding:14px 16px;box-shadow:var(--hi);min-width:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);opacity:.6}
.kpi .v{font-family:var(--serif);font-weight:700;font-size:32px;line-height:1;letter-spacing:.01em;text-shadow:0 0 16px rgba(212,180,131,.35)}
.kpi .l{font-family:var(--mono);font-size:9.5px;color:var(--accent);margin-top:8px;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.kpi .d{font-size:11px;margin-top:5px;color:var(--text3)}
.kpi .d.up{color:var(--ok)} .kpi .d.dn{color:var(--hot)}
/* ============ data viz ============ */
.ring{position:relative;display:inline-grid;place-items:center;flex:none}
.ring svg{transform:rotate(-90deg);overflow:visible}
.ring .prog{stroke-dasharray:var(--c);stroke-dashoffset:var(--c);animation:ring-draw .8s var(--ease) .12s forwards}
.ring .lbl{position:absolute;text-align:center;line-height:1;font-variant-numeric:tabular-nums;display:grid;gap:2px}
.ring .lbl b{display:block;font-family:var(--serif);font-weight:700;letter-spacing:0;text-shadow:0 0 10px currentColor}
.ring .lbl span{font-family:var(--mono);font-size:8px;color:var(--text3);letter-spacing:.14em;text-transform:uppercase}
.ring.urgent::after{content:"";position:absolute;inset:4px;border-radius:50%;animation:ring-ping 1.6s ease-out infinite}
.ring .glow{filter:drop-shadow(0 0 5px var(--rc))}
.ticks{stroke:rgba(212,180,131,.35);stroke-width:1}
.meter{display:inline-flex;gap:2px;align-items:center}
.meter i{width:7px;height:7px;background:rgba(212,180,131,.12);display:block;clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%)}
.meter i.f{background:var(--accent);box-shadow:0 0 6px rgba(212,180,131,.6)}
.meter.gold i.f{background:var(--gold);box-shadow:0 0 6px rgba(230,180,90,.6)}
.meter.hot i.f{background:var(--hot);box-shadow:0 0 6px rgba(224,112,95,.6)}
.score{font-family:var(--serif);font-weight:700;font-size:26px;line-height:1;text-shadow:0 0 12px currentColor}
.spark{display:block;width:100%;height:36px;overflow:visible;filter:drop-shadow(0 0 4px rgba(212,180,131,.5))}
.bar{height:6px;background:rgba(212,180,131,.1);overflow:hidden;margin:8px 0 4px;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 100%,0 100%)}
.bar i{display:block;height:100%;background:var(--accent);box-shadow:0 0 10px rgba(212,180,131,.7);transform-origin:left;animation:bar-grow .8s var(--ease) both}
.gauge{display:grid;place-items:center;position:relative}
.gauge .gv{position:absolute;bottom:6px;text-align:center}
.gauge .gv b{font-family:var(--serif);font-size:48px;font-weight:700;line-height:1;text-shadow:0 0 20px rgba(212,180,131,.6)}
.gauge .gv span{display:block;font-family:var(--mono);font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin-top:4px}
/* ============ tables ============ */
table{border-collapse:collapse;width:100%}
th{font-family:var(--mono);font-size:9.5px;color:var(--accent);font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line2);white-space:nowrap;opacity:.9;background:linear-gradient(90deg,rgba(212,180,131,.06),transparent)}
td{padding:11px 12px;border-bottom:1px solid var(--line1);vertical-align:middle;font-size:14px}
tr:last-child td{border-bottom:0}
tbody tr{transition:background var(--t1)}
tbody tr:hover td{background:rgba(212,180,131,.06)}
td.r,th.r{text-align:right}
td:first-child{font-weight:500;font-family:var(--sans)}
td.num,td.r.num{font-family:var(--mono);font-size:13px}
/* ============ inputs ============ */
.input,input[type=text],input[type=search],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=url],textarea,select{width:100%;height:38px;padding:0 12px;background:rgba(212,180,131,.05);border:1px solid var(--line2);color:var(--text1);font:400 14px/1.4 var(--sans);box-shadow:inset 0 0 20px rgba(212,180,131,.03);transition:border-color var(--t1),box-shadow var(--t1);outline:0;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
textarea{height:auto;min-height:88px;padding:10px 12px;resize:vertical;line-height:1.5}
input::placeholder,textarea::placeholder{color:var(--text3)}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:inset 0 0 20px rgba(212,180,131,.08),0 0 14px rgba(212,180,131,.35)}
select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}
select option{background:#1A1A1E;color:var(--text1)}
select.sm{height:30px;font-size:13px;padding:0 30px 0 10px;width:auto}
.field{display:grid;gap:6px;margin-bottom:14px}.field[hidden]{display:none}
.field label{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.money-in{display:flex;align-items:center;background:rgba(212,180,131,.05);border:1px solid var(--line2);padding:0 14px;transition:border-color var(--t1),box-shadow var(--t1);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.money-in:focus-within{border-color:var(--accent);box-shadow:0 0 14px rgba(212,180,131,.35)}
.money-in span{color:var(--accent);font-family:var(--mono);font-size:20px}
.money-in input{background:none;border:0;outline:0;box-shadow:none;color:var(--text1);font-family:var(--mono);font-size:26px;padding:8px 6px;height:52px;width:100%;font-variant-numeric:tabular-nums;clip-path:none}
.money-in input:focus{box-shadow:none;border:0}
input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:1px solid var(--line3);background:rgba(212,180,131,.06);display:inline-grid;place-items:center;cursor:pointer;flex:none;transition:background var(--t1),border-color var(--t1),box-shadow var(--t1);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px))}
input[type=radio]{border-radius:50%;clip-path:none}
input[type=checkbox]:checked,input[type=radio]:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px rgba(212,180,131,.6)}
input[type=checkbox]:checked::after{content:"";width:10px;height:10px;background:url("data:image/svg+xml;utf8,") center/contain no-repeat}
input[type=radio]:checked::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-ink)}
.toggle{position:relative;display:inline-block;vertical-align:middle;width:36px;height:20px;background:rgba(212,180,131,.08);border:1px solid var(--line2);flex:none;cursor:pointer;transition:background var(--t3) var(--ease),border-color var(--t3),box-shadow var(--t3);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}
.toggle::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background:var(--text2);transition:transform var(--t3) var(--spring),background var(--t3);clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px))}
.toggle.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px rgba(212,180,131,.5)}
.toggle.on::after{transform:translateX(16px);background:var(--accent-ink)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;padding:0;border:0;box-shadow:none;--fill:50%;clip-path:none}
input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--accent) var(--fill),rgba(212,180,131,.15) var(--fill));box-shadow:0 0 8px rgba(212,180,131,.3)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--text1);border:2px solid var(--accent);margin-top:-6.5px;box-shadow:0 0 12px rgba(212,180,131,.7);cursor:pointer;transition:transform var(--t1);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}
input[type=range]::-moz-range-track{height:3px;background:rgba(212,180,131,.15)}
input[type=range]::-moz-range-progress{height:3px;background:var(--accent)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:0;background:var(--text1);border:2px solid var(--accent)}
input[type=range]:focus{box-shadow:none}
details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"";width:14px;height:14px;background:url("data:image/svg+xml;utf8,") center/contain no-repeat;transition:transform var(--t2) var(--ease);flex:none}
details[open] summary::before{transform:rotate(90deg)}
/* ============ lists / rows ============ */
.lrow{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line1);transition:background var(--t1)}
.lrow:hover{background:rgba(212,180,131,.05)}
.lrow:last-child{border-bottom:0}
.lrow .t{font-weight:500}
.lrow .s{font-size:13px;color:var(--text2);margin-top:2px}
.light{width:8px;height:8px;flex:none;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.light.g{background:var(--ok);box-shadow:0 0 8px rgba(143,201,154,.8)} .light.a{background:var(--amber);box-shadow:0 0 8px rgba(230,180,90,.7)} .light.r{background:var(--danger);box-shadow:0 0 8px rgba(224,112,95,.7)} .light.o{background:var(--text3)}
.fact{display:grid;grid-template-columns:128px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--line1);font-size:14px;align-items:center}
.fact:last-child{border:0}
.fact .k{color:var(--text3);font-size:12px;font-family:var(--mono);letter-spacing:.04em}
.tag-call{font-family:var(--mono);font-size:9px;color:var(--amber);border:1px solid rgba(230,180,90,.4);padding:1px 5px;margin-left:6px;vertical-align:middle;letter-spacing:.08em;text-transform:uppercase}
.empty{display:grid;place-items:center;text-align:center;gap:10px;padding:48px 24px;color:var(--text2)}
.empty svg{width:40px;height:40px;color:var(--accent);opacity:.7;filter:drop-shadow(0 0 8px rgba(212,180,131,.5))}
.empty .t{font-family:var(--serif);font-weight:600;font-size:24px;color:var(--text1)}
.empty .s{font-size:13px;max-width:360px}
/* ============ replies ============ */
.split{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--line2);overflow:hidden;min-height:640px;background:rgba(16,16,19,.8);box-shadow:var(--hi);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.clist{border-right:1px solid var(--line1);overflow:auto;background:rgba(11,11,13,.6)}
.citem{padding:14px 16px;border-bottom:1px solid var(--line1);cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:12px;transition:background var(--t1);position:relative}
.citem:hover{background:rgba(212,180,131,.05)} .citem.on{background:rgba(212,180,131,.1)}
.citem.on::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--accent);box-shadow:var(--glow)}
.citem .t{display:flex;justify-content:space-between;gap:8px;align-items:center}
.citem .t b{font-size:14px}
.citem .p{color:var(--text2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 6px}
.thread{display:flex;flex-direction:column;min-width:0}
.thead{padding:14px 20px;border-bottom:1px solid var(--line1);display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:linear-gradient(90deg,rgba(212,180,131,.06),transparent)}
.msgs{flex:1;padding:24px 20px;display:flex;flex-direction:column;gap:10px;overflow:auto;background:radial-gradient(800px 300px at 50% 0%,rgba(212,180,131,.04),transparent)}
.m{max-width:72%;padding:10px 14px;font-size:14px;line-height:1.5;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.m.out{align-self:flex-end;background:linear-gradient(180deg,rgba(212,180,131,.16),rgba(212,180,131,.08));border:1px solid rgba(212,180,131,.35)}
.m.in{align-self:flex-start;background:rgba(26,26,30,.8);border:1px solid var(--line2)}
.m .meta{font-family:var(--mono);font-size:10px;color:var(--text3);margin-top:5px;letter-spacing:.04em}
.sysnote{align-self:center;font-family:var(--mono);font-size:10.5px;color:var(--text3);border:1px dashed var(--line2);padding:4px 12px;display:flex;gap:6px;align-items:center;text-align:center;letter-spacing:.04em}
.composer{border-top:1px solid var(--line1);padding:16px 20px;display:grid;gap:10px;background:rgba(16,16,19,.8)}
.safe{font-size:13px;color:var(--ok);display:flex;align-items:center;gap:6px}
.safe svg{width:14px;height:14px}
.safe.block{color:#F0A08F}
/* ============ pipeline ============ */
.board{display:grid;grid-template-columns:168px repeat(5,minmax(0,1fr));gap:10px;padding-bottom:8px}
.col{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(22,22,25,.8),rgba(16,16,19,.8));border:1px solid var(--line1);padding:10px;min-height:440px;box-shadow:var(--hi);min-width:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.col h4{margin:4px 6px 12px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:baseline;gap:6px;color:var(--text1);min-width:0}
.col h4 > .row{min-width:0;gap:6px!important}
.col h4 > .row > span:first-child{white-space:normal;line-height:1.25}
.col h4{flex-wrap:wrap;letter-spacing:.07em;align-items:center}
.col h4 .tot{font-family:var(--mono);font-size:10px;color:var(--accent);font-weight:500;flex:none}
.col h4 .cnt{font-family:var(--mono);background:rgba(212,180,131,.1);color:var(--text2);font-size:10px;padding:1px 6px;border:1px solid var(--line2)}
.pcard .row.between{flex-wrap:wrap}
.pcard{background:rgba(26,26,30,.7);border:1px solid var(--line2);padding:12px;margin-bottom:8px;display:grid;gap:8px;cursor:pointer;transition:border-color var(--t1),transform var(--t1),box-shadow var(--t1);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.pcard:hover{border-color:var(--line3);transform:translateY(-1px);box-shadow:var(--glow)}
.pcard .when{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.1}
.pcard .when.late{color:var(--hot);text-shadow:0 0 10px rgba(224,112,95,.5)}
.cloud{display:grid;align-content:center;justify-items:center;text-align:center;height:100%;min-height:400px;gap:10px;padding:10px}
.cloud .big{font-family:var(--serif);font-weight:700;font-size:48px;line-height:1;text-shadow:0 0 24px rgba(212,180,131,.5)}
.side-stages{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;align-items:center}
.runway{position:relative;padding:34px 14px 14px;background:linear-gradient(180deg,rgba(22,22,25,.86),rgba(16,16,19,.86));border:1px solid var(--line2);overflow:hidden;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.rw-axis{display:grid;grid-template-columns:repeat(31,1fr);font-family:var(--mono);font-size:9px;color:var(--text3)}
.rw-axis div{border-left:1px solid var(--line1);height:260px;padding:4px 0 0 4px;white-space:nowrap}
.rw-axis div.sale{border-left:2px solid var(--hot);color:var(--hot);background:linear-gradient(90deg,var(--hot-soft),transparent 70%);font-weight:600}
.rw-axis div.today{border-left-color:var(--accent);color:var(--accent)}
.runway > .rw-pin,.runway > .rw-note{position:absolute}
.rw-pin{position:absolute;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;background:rgba(26,26,30,.92);border:1px solid var(--line2);padding:3px 12px 3px 4px;white-space:nowrap;box-shadow:var(--sh2);transition:border-color var(--t1),transform var(--t1);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.rw-pin:hover{border-color:var(--line3);transform:translateY(-1px)}
/* ============ lead page ============ */
.lead-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr) minmax(0,300px);gap:16px;align-items:start}
.bigclock{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.bigclock .t{font-family:var(--mono);font-size:26px;white-space:nowrap;line-height:1;text-shadow:0 0 12px rgba(212,180,131,.4)}
.bigclock .t small{font-size:11px;color:var(--text3);margin:0 8px 0 2px}
.why li{margin:7px 0;display:flex;justify-content:space-between;gap:10px;font-size:14px}
.why .pts{color:var(--ok);font-family:var(--mono);font-size:12px}
.tl{border-left:1px solid var(--line2);margin-left:8px;padding-left:18px}
.tl .ev{position:relative;padding:6px 0 14px;font-size:14px}
.tl .ev:before{content:"";position:absolute;left:-23px;top:11px;width:9px;height:9px;background:var(--bg4);border:2px solid var(--bg1);box-shadow:0 0 0 1px var(--line2);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.tl .ev.sig:before{background:var(--amber)} .tl .ev.txt:before{background:var(--accent)} .tl .ev.call:before{background:var(--info)} .tl .ev.play:before{background:var(--sand)} .tl .ev.gold:before{background:var(--gold)}
.nextbar{display:flex;align-items:center;gap:16px;background:linear-gradient(90deg,rgba(212,180,131,.14),rgba(212,180,131,.03));border:1px solid rgba(212,180,131,.4);padding:14px 18px;margin:20px 0;box-shadow:var(--hi),0 0 24px -8px rgba(212,180,131,.4);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.nextbar .w{font-family:var(--serif);font-weight:600;font-size:22px}
/* ============ offer ============ */
.offer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:start}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.three .b{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(22,22,25,.86),rgba(16,16,19,.86));border:1px solid var(--line2);padding:18px;box-shadow:var(--hi);min-width:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.three .b.mid{border-color:rgba(212,180,131,.6);background:linear-gradient(180deg,rgba(212,180,131,.18),rgba(212,180,131,.05));box-shadow:var(--hi),0 0 30px -6px rgba(212,180,131,.5)}
.three .b .l{font-family:var(--mono);font-size:9.5px;color:var(--accent);text-transform:uppercase;letter-spacing:.16em}
.three .b .v{font-family:var(--serif);font-weight:700;font-size:36px;margin-top:6px;line-height:1;white-space:nowrap;text-shadow:0 0 16px rgba(212,180,131,.35)}
.three .b.mid .v{color:var(--accent);text-shadow:0 0 20px rgba(212,180,131,.7)}
.three .b .f{font-size:12px;color:var(--text3);margin-top:8px}
.mathline{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line2);font-size:14px}
.mathline:last-of-type{border-bottom:0}
textarea.paste{min-height:72px;border-style:dashed;font-size:13px}
/* ============ finder ============ */
.finder-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
.fr{display:grid;grid-template-columns:18px 56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 10px;border-bottom:1px solid var(--line1);transition:background var(--t1)}
.fr:hover{background:rgba(212,180,131,.05)}
.fr:last-child{border-bottom:0}
.map{background:#0B0B0D;border:1px solid var(--line2);position:relative;overflow:hidden;aspect-ratio:1/1;box-shadow:var(--hi),0 0 30px -10px rgba(212,180,131,.4);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.map svg{width:100%;height:100%;display:block}
.map .legend{position:absolute;left:12px;bottom:12px;display:flex;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--text2);background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line2);padding:5px 10px}
.legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:middle}
.lists-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:16px;align-items:start}
.lcard{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:12px 14px;border:1px solid var(--line1);background:rgba(20,20,23,.8);cursor:pointer;transition:border-color var(--t1),background var(--t1),box-shadow var(--t1);margin-bottom:8px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.lcard:hover{border-color:var(--line2);box-shadow:var(--glow)} .lcard.on{border-color:rgba(212,180,131,.5);background:rgba(212,180,131,.08);box-shadow:var(--glow)}
.lcard .n{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1;text-align:right;text-shadow:0 0 10px currentColor}
.lcard .s{font-size:12px;color:var(--text3);grid-column:1/-1}
.rule{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr) auto;gap:8px;align-items:center;padding:6px 0}
.rule select,.rule input{height:34px;font-size:13px}
.group{border:1px solid var(--line2);padding:10px 12px;margin:8px 0;background:rgba(212,180,131,.04);box-shadow:var(--hi)}
.group .gh{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);margin-bottom:4px}
.group .gh .op{display:inline-flex;border:1px solid var(--line2);overflow:hidden}
.group .gh .op span{padding:3px 10px;font-family:var(--mono);font-size:10px;font-weight:600;cursor:pointer;color:var(--text3)}
.group .gh .op span.on{background:var(--accent-soft);color:var(--accent)}
.group .group{background:rgba(212,180,131,.06)}
.sentence{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.55;color:var(--text2)}
.sentence b{color:var(--text1);font-weight:700}
.blank{border-bottom:1.5px dashed rgba(212,180,131,.6);color:var(--accent);padding:0 2px;cursor:pointer;transition:background var(--t1);text-shadow:0 0 10px rgba(212,180,131,.5)}
.blank:hover{background:var(--accent-soft)}
/* ============ play builder ============ */
.steps{display:grid;gap:0;margin-top:8px}
.step{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:start;background:rgba(26,26,30,.6);border:1px solid var(--line2);padding:14px;box-shadow:var(--hi);transition:border-color var(--t1),box-shadow var(--t1);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.step:hover{border-color:var(--line3);box-shadow:var(--glow)}
.step .k{width:34px;height:34px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line2);box-shadow:0 0 10px rgba(212,180,131,.3);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
.step .k svg{width:16px;height:16px}
.step .k.call{background:var(--info-soft);color:var(--info)}
.wait{margin:0 0 0 17px;border-left:2px dotted var(--line3);padding:10px 0 10px 24px;color:var(--text2);font-size:13px;display:flex;align-items:center;gap:8px}
.wait svg{width:14px;height:14px;color:var(--accent)}
.loop{border:1px dashed rgba(230,180,90,.4);padding:12px;margin:2px 0;background:rgba(230,180,90,.03)}
.loop .lt{font-family:var(--mono);font-size:10.5px;color:var(--amber);margin-bottom:8px;letter-spacing:.06em;display:flex;align-items:center;gap:6px;text-transform:uppercase}
.word{font-family:var(--sans);font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin:18px 0 8px}
.word::before{content:"// ";opacity:.6}
/* ============ drips ============ */
.dtl{overflow-x:auto;padding:6px 2px 4px;scrollbar-width:thin}
.dtl-track{display:flex;align-items:flex-start;min-width:880px;position:relative;padding-top:4px}
.dnode{flex:1;min-width:84px;position:relative;display:grid;justify-items:center;gap:6px;text-align:center}
.dnode::before{content:"";position:absolute;top:19px;left:50%;width:100%;height:1px;background:var(--line3);box-shadow:0 0 6px rgba(212,180,131,.4)}
.dnode:last-child::before{display:none}
.dnode .ic{width:38px;height:38px;display:grid;place-items:center;background:var(--bg3);border:1px solid var(--line3);color:var(--text1);position:relative;z-index:1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.dnode .ic svg{width:16px;height:16px}
.dnode.text .ic{color:var(--accent);background:var(--accent-soft)}
.dnode.call .ic{color:var(--info);background:var(--info-soft)}
.dnode.stop .ic{color:var(--hot);background:var(--hot-soft)}
.dnode.done .ic{background:var(--accent);color:var(--accent-ink)}
.dnode.next .ic{box-shadow:var(--accent-glow)}
.dnode .d{font-family:var(--mono);font-size:9.5px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em}
.dnode .n{font-size:12px;font-weight:500;line-height:1.25;max-width:96px}
.dbr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--line2)}
.dbr .b{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--text2);padding:10px 12px;border:1px dashed var(--line2);background:rgba(212,180,131,.03)}
.dbr .b svg{flex:none;margin-top:2px}
.dbr .b b{display:block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:3px}
.dbr .b.ok b,.dbr .b.ok svg{color:var(--accent)} .dbr .b.warn b,.dbr .b.warn svg{color:var(--amber)} .dbr .b.info b,.dbr .b.info svg{color:var(--info)}
.sim{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:3px}
.sim .c{aspect-ratio:1;background:rgba(212,180,131,.06);border:1px solid var(--line1);display:grid;place-items:center;font-family:var(--mono);font-size:9px;color:var(--text3)}
.sim .c.sun{background:transparent;border-style:dashed}
.sim .c.text{background:var(--accent-soft);border-color:rgba(212,180,131,.5);color:var(--accent);box-shadow:0 0 8px rgba(212,180,131,.3)}
.sim .c.call{background:var(--info-soft);border-color:rgba(127,200,210,.5);color:var(--info)}
.sim .c.sale{background:var(--hot-soft);border-color:rgba(224,112,95,.6);color:var(--hot);box-shadow:0 0 8px rgba(224,112,95,.4)}
.sim .c.today{box-shadow:var(--accent-glow)}
.sim .c svg{width:12px;height:12px}
.touch{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:6px 0;font-size:13px;position:relative;align-items:start}
.touch::before{content:"";position:absolute;left:8.5px;top:24px;bottom:-6px;width:1px;background:var(--line2)}
.touch:last-child::before{display:none}
.touch .dotc{width:18px;height:18px;display:grid;place-items:center;background:var(--bg4);border:1px solid var(--line3);color:var(--text2);margin-top:1px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.touch .dotc svg{width:9px;height:9px}
.touch.done .dotc{background:var(--accent-soft);color:var(--accent)}
.touch.next .dotc{background:var(--accent);color:var(--accent-ink);box-shadow:var(--accent-glow)}
.touch .w{color:var(--text3);font-family:var(--mono);font-size:11px}
.touch.done .t{color:var(--text2)}
/* ============ reports funnel ============ */
.funnel-wrap{overflow-x:auto;padding:4px 0}
.funnel{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));min-width:720px;gap:6px;padding-top:8px}
.funnel .fbg{position:absolute;left:0;right:0;bottom:30px;width:100%;height:150px;pointer-events:none}
.fs{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;padding:4px 2px;transition:background var(--t1)}
.fs:hover{background:rgba(212,180,131,.05)}
.fs .n{font-family:var(--serif);font-weight:700;font-size:26px;line-height:1;text-shadow:0 0 14px rgba(212,180,131,.5)}
.fs .barwrap{display:flex;align-items:flex-end;height:150px;width:100%;justify-content:center}
.fs .barwrap i{display:block;width:60%;max-width:56px;background:linear-gradient(180deg,#8FE3EC,rgba(95,200,212,.2));box-shadow:0 0 24px -2px rgba(95,200,212,.7),inset 0 0 12px rgba(255,255,255,.15);transform-origin:bottom;animation:rise .7s var(--ease) both;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}
.fs .l{font-family:var(--mono);font-size:9.5px;color:var(--text2);letter-spacing:.06em;text-transform:uppercase;line-height:1.2;min-height:28px}
.fs .cv{position:absolute;left:0;top:64px;transform:translateX(-50%);background:var(--bg4);border:1px solid var(--line3);padding:2px 7px;font-family:var(--mono);font-size:10px;font-weight:600;color:var(--accent);box-shadow:0 0 10px rgba(212,180,131,.4);z-index:2}
.slicers select.sm{min-width:120px}
/* ============ dispo + buyers ============ */
.stepper{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin:14px 0 4px;position:relative}
.stepper::before{content:"";position:absolute;left:5%;right:5%;top:11px;height:1px;background:var(--line2)}
.stepper .st{display:grid;justify-items:center;gap:6px;text-align:center;position:relative}
.stepper .st.pick{cursor:pointer}.stepper .st.pick:hover .dotc{outline:2px solid var(--accent);outline-offset:2px}.stepper .st.pick:hover .l{color:var(--text1)}
.stepper .dotc{width:22px;height:22px;background:var(--bg3);border:1px solid var(--line3);display:grid;place-items:center;color:var(--text3);font-family:var(--mono);font-size:10px;font-weight:600;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.stepper .dotc svg{width:11px;height:11px}
.stepper .st.done .dotc{background:var(--accent-soft);color:var(--accent)}
.stepper .st.on .dotc{background:var(--accent);color:var(--accent-ink);box-shadow:var(--accent-glow)}
.stepper .l{font-family:var(--mono);font-size:9px;line-height:1.2;color:var(--text3);letter-spacing:.04em;text-transform:uppercase}
.stepper .st.on .l{color:var(--accent)} .stepper .st.done .l{color:var(--text2)}
.dcard{padding:16px 20px}
.dcard .sides{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.dcard .side{border:1px solid var(--line1);padding:10px 12px;background:rgba(212,180,131,.03);min-width:0;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.dcard .sh{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--text3);margin-bottom:6px}
.dcard .side:last-child .sh{color:var(--accent)}
.dcard .kv{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:4px 0;color:var(--text2)}
.dcard .kv b{color:var(--text1);font-weight:500;text-align:right}
.risk{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;background:var(--hot-soft);border:1px solid rgba(224,112,95,.45);color:#F0A08F;font-size:13px;font-weight:500;box-shadow:0 0 14px -4px rgba(224,112,95,.5);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.buyers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bcard{padding:16px 18px}
/* ============ DateRange picker (Addendum E) ============ */
.drwrap{position:relative}
.drbtn{font-family:var(--mono);text-transform:none;letter-spacing:.02em;font-size:12px;font-weight:500;color:var(--text1);gap:8px}
.drbtn svg:first-child{color:var(--accent)}
.drp{display:none;position:absolute;left:0;top:calc(100% + 8px);z-index:35}
.drp.on{display:block}
.drpanel.still{animation:none}
.drpanel{width:760px;max-width:calc(100vw - 48px);background:rgba(20,20,23,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line3);box-shadow:var(--sh3),var(--glow);animation:pal-in var(--t3) var(--spring);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.drtop{display:flex;align-items:flex-end;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line1);background:linear-gradient(90deg,rgba(212,180,131,.08),transparent)}
.drbody{display:grid;grid-template-columns:150px 1fr}
.drpre{display:grid;align-content:start;gap:2px;padding:10px;border-right:1px solid var(--line1)}
.drpre .pre{text-align:left;padding:7px 10px;font-size:13px;color:var(--text2);transition:background var(--t1),color var(--t1);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}
.drpre .pre:hover{background:var(--accent-soft);color:var(--accent)}
.drcal{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 16px}
.drm{min-width:0}
.drh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.drh b{font-family:var(--serif);font-size:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.drw,.drg{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.drw span{font-family:var(--mono);font-size:9px;color:var(--text3);text-align:center;letter-spacing:.1em;padding:4px 0}
.drg .d,.drg i{height:32px;display:grid;place-items:center;font-family:var(--mono);font-size:12px;color:var(--text2);transition:background var(--t1),color var(--t1)}
.drg .d:hover{background:var(--accent-soft);color:var(--text1)}
.drg .d.in{background:rgba(212,180,131,.14);color:var(--text1)}
.drg .d.c{box-shadow:inset 0 -2px 0 var(--amber)}
.drg .d.s,.drg .d.e{background:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:0 0 12px rgba(212,180,131,.6);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}
.drg .d.today{text-decoration:underline;text-underline-offset:3px}
.drg .d.fut{color:var(--text3);opacity:.6}
.drfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line1);flex-wrap:wrap}
@media (max-width:760px){
.drp{position:fixed;inset:auto 0 0 0;top:auto;z-index:45}
.drp.on{display:block}
.drpanel{width:100%;max-width:none;max-height:88vh;overflow:auto;clip-path:none;border-left:0;border-right:0;border-bottom:0}
.drbody{grid-template-columns:1fr}
.drpre{grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid var(--line1)}
.drcal{grid-template-columns:1fr;gap:20px}
.drtop{flex-wrap:wrap}
}
/* ============ text health ============ */
.nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ncard .h{display:flex;justify-content:space-between;align-items:center}
.why-t .r{display:grid;grid-template-columns:20px 1fr;gap:8px;padding:6px 0;font-size:13px;align-items:start}
.why-t .r svg{width:14px;height:14px;margin-top:2px}
.why-t .r.ok svg{color:var(--ok)} .why-t .r.bad{color:#F0A08F}
/* ============ dialer ============ */
.dial{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.callstate{font-family:var(--serif);font-weight:600;font-size:30px;text-align:center;margin:26px 0 8px;line-height:1.1;letter-spacing:.02em;text-shadow:0 0 14px currentColor}
.callbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:64px;padding:0 36px;font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:0;border-radius:16px;transition:transform var(--t1),filter var(--t1)}
.callbtn:active{transform:scale(.98)}
.callbtn.end{background:linear-gradient(180deg,#E88A78,#D9634F);color:#2A0D08;box-shadow:0 0 26px rgba(224,112,95,.6)}
.callbtn svg{width:20px;height:20px}
.pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pad button{background:rgba(26,26,30,.7);border:1px solid var(--line2);padding:12px 12px;text-align:left;min-height:84px;font-size:15px;font-weight:600;display:grid;align-content:start;gap:4px;box-shadow:var(--hi);transition:border-color var(--t1),transform var(--t1),background var(--t1),box-shadow var(--t1);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.pad button:hover{border-color:var(--accent);background:rgba(212,180,131,.1);box-shadow:var(--glow)}
.pad button:active{transform:scale(.98)}
.pad button .d{font-size:12px;color:var(--text3);font-weight:400}
.pad button kbd{justify-self:start;margin-bottom:2px}
.pad button.go{border-color:rgba(212,180,131,.5)} .pad button.dnc{border-color:rgba(224,112,95,.5)}
.advance{height:4px;background:rgba(212,180,131,.1);overflow:hidden;margin-top:12px}
.advance i{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 8px var(--accent);transition:width 3s linear}
.cal{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.cal .d{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(22,22,25,.86),rgba(16,16,19,.86));border:1px solid var(--line1);min-height:200px;padding:10px;box-shadow:var(--hi);min-width:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.cal .d h5{margin:0 0 10px;font-family:var(--mono);font-size:10px;color:var(--text3);font-weight:500;letter-spacing:.1em;text-transform:uppercase;display:flex;justify-content:space-between}
.cal .d.today{border-color:rgba(212,180,131,.5);box-shadow:var(--glow)} .cal .d.today h5{color:var(--accent)}
.cb{background:rgba(26,26,30,.7);border:1px solid var(--line2);border-left:3px solid var(--accent);padding:7px 9px;font-size:12px;margin-bottom:6px;transition:border-color var(--t1)}
.cb:hover{border-color:var(--line3);border-left-color:var(--accent)}
.cb.hot{border-left-color:var(--hot)}
.cb b{font-family:var(--mono);font-size:11px}
/* ============ overlays ============ */
.pal-bg{position:fixed;inset:0;background:rgba(2,6,10,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:50;display:none;align-items:flex-start;justify-content:center;padding:14vh 16px 0;animation:fade-in var(--t2) var(--ease)}
.pal-bg.on{display:flex}
.pal{width:640px;max-width:100%;background:rgba(20,20,23,.94);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--line3);box-shadow:var(--sh3),var(--glow);overflow:hidden;animation:pal-in var(--t3) var(--spring);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.pal .in{display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line2);height:58px;background:linear-gradient(90deg,rgba(212,180,131,.08),transparent)}
.pal .in svg{width:18px;height:18px;color:var(--accent)}
.pal .in input{flex:1;height:100%;background:transparent;border:0;box-shadow:none;font-size:17px;padding:0;color:var(--text1);clip-path:none}
.pal .in input:focus{box-shadow:none}
.pal .res{max-height:380px;overflow:auto;padding:8px}
.pal .grp{padding:8px 10px 4px;font-family:var(--mono);font-size:9.5px;color:var(--accent);text-transform:uppercase;letter-spacing:.16em}
.pal .grp::before{content:"// ";opacity:.6}
.pal .it{display:flex;align-items:center;gap:12px;padding:0 10px;height:42px;color:var(--text2);cursor:pointer;font-size:14px}
.pal .it svg{width:16px;height:16px;flex:none;color:var(--text3)}
.pal .it .s{color:var(--text3);font-size:12px;margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.pal .it > .nm{white-space:nowrap}
.pal .it .r{margin-left:auto;display:flex;gap:4px}
.pal .it.on{background:rgba(212,180,131,.12);color:var(--text1);box-shadow:inset 2px 0 0 var(--accent)} .pal .it.on svg{color:var(--accent)}
.pal .ft{display:flex;gap:16px;padding:10px 18px;border-top:1px solid var(--line2);font-family:var(--mono);font-size:10px;color:var(--text3);letter-spacing:.06em}
.pal .ft span{display:inline-flex;align-items:center;gap:5px}
.more-menu{position:fixed;top:60px;right:12px;background:rgba(20,20,23,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line3);padding:6px;display:none;z-index:40;min-width:220px;box-shadow:var(--sh2);animation:pal-in var(--t3) var(--spring);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.more-menu.on{display:block}
.more-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--text2);font-weight:500}
.more-menu a svg{width:16px;height:16px}
.more-menu a:hover{background:var(--accent-soft);color:var(--text1)}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);display:flex;align-items:center;gap:10px;background:rgba(20,20,23,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line3);padding:10px 16px 10px 12px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;z-index:60;box-shadow:var(--sh2),var(--glow);transition:opacity var(--t2) var(--ease),transform var(--t3) var(--spring);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast svg{width:16px;height:16px;color:var(--accent)}
.sk{background:linear-gradient(90deg,rgba(212,180,131,.06) 25%,rgba(212,180,131,.14) 50%,rgba(212,180,131,.06) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}
.bottombar{display:none}
.hide-m{} .show-m{display:none}
/* numbers count up smoothly; no flicker (it read as a glitch) */
/* ============ responsive ============ */
@media (max-width:1100px){
.app{grid-template-columns:68px minmax(0,1fr)}
.rail{padding:16px 10px 14px}
.brand{justify-content:center;padding:4px 0 18px} .brand .wm{display:none}
.nav a{justify-content:center;padding:0;height:40px} .nav a span.t,.nav .badge,.navlbl,.notice,.rail .me .n{display:none}
.nav a svg{width:20px;height:20px}
.rail .me{justify-content:center;padding:6px 0}
.lead-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lead-grid > .rightcol{grid-column:1 / -1}
.today-grid{grid-template-columns:minmax(0,1fr) 280px}
.focus{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.focus .fx-core{grid-column:1 / -1;order:-1}
.nums{grid-template-columns:1fr 1fr}
.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.board{grid-template-columns:repeat(6,minmax(188px,1fr));overflow-x:auto}
.dial{grid-template-columns:minmax(0,1fr) 300px}
.finder-grid{grid-template-columns:minmax(0,1fr)}
.map{aspect-ratio:16/9}
}
@media (max-width:760px){
:root{--fs-h:28px;--fs-hero:40px;--gutter:16px}
.app{grid-template-columns:minmax(0,1fr)}
.rail{display:none}
.top{height:52px;gap:8px}
.find{flex:0 0 36px;width:36px;padding:0;justify-content:center;max-width:none} .find .ph,.find kbd{display:none}
.pill span.x{display:none}
.sysline span:nth-child(n+3){display:none}
.pill.tx{display:none}
.page{padding:18px var(--gutter) 120px}
.head{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}
.head-act{position:fixed;right:16px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:30}
.head-act .btn:not(.btn-primary),.head-act .ghost,
.head-act .btn:not(.btn-hero){display:none}
.head-act .btn-primary,
.head-act .btn-hero{box-shadow:0 0 0 1px rgba(212,180,131,.5),0 0 28px rgba(212,180,131,.55),0 8px 24px -4px rgba(0,0,0,.7);height:48px;padding:0 20px}
.today-grid,.lead-grid,.offer-grid,.finder-grid,.dial,.lists-grid,.g2,.g2e{grid-template-columns:minmax(0,1fr)!important}
.focus{grid-template-columns:1fr;padding:20px 16px;gap:16px}
.focus .fx-core{order:-1}
.reactor{width:260px;height:260px}
.reactor .lbl b{font-size:60px}
.focus .who{font-size:32px}
.quote{font-size:17px}
.queue .q{grid-template-columns:22px auto 1fr;gap:10px;padding:12px 4px}
.queue .q .when{display:none}
.split{grid-template-columns:1fr;min-height:0}
.split.has-thread .clist{display:none}
.split:not(.has-thread) .thread{display:none}
.thead{padding:12px 14px;gap:10px}
.thead .show-m{order:-1;flex-basis:100%;justify-content:flex-start;padding:0;background:transparent;border-color:transparent;box-shadow:none;color:var(--accent);height:24px}
.msgs{padding:16px 14px} .composer{padding:12px 14px}
.m{max-width:88%}
.three{grid-template-columns:1fr}
.three .b .v{font-size:32px}
.nums{grid-template-columns:1fr}
.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.card.flush table{min-width:640px}
.card.flush td:first-child{white-space:nowrap}
.rw-axis div{padding-left:2px;font-size:9px}
.rw-pin .st{display:none}
.lrow.stack-m{grid-template-columns:auto 1fr}
.lrow.stack-m > .st{grid-column:2;text-align:left}
.lrow.buyer{grid-template-columns:auto 1fr!important}
.lrow.buyer > .score{display:none}
.lrow.buyer > .act{grid-column:2}
.cal{grid-template-columns:1fr 1fr}
.board{grid-template-columns:repeat(6,84vw);scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) 8px;overflow-x:auto}
.col{scroll-snap-align:start}
.fr{grid-template-columns:18px 44px minmax(0,1fr);gap:10px;padding:12px 6px}
.fr .thumb{width:44px;height:36px}
.fr .sc{grid-column:2 / -1;justify-self:start}
.lrow{padding:12px 4px}
.rule{grid-template-columns:1fr 1fr;}
.rule .rm{grid-column:2;justify-self:end}
.pad{grid-template-columns:repeat(2,minmax(0,1fr))}
.pad button{min-height:72px}
.dbr{grid-template-columns:1fr}
.buyers-grid{grid-template-columns:1fr!important}
.conv{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#cpfacts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#comp .chip,.dcard .chip,.bcard .chip{white-space:normal;height:auto;min-height:22px;padding:3px 8px;line-height:1.3;max-width:100%}
.chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}
#cpmaprow,#cpbottom{grid-template-columns:minmax(0,1fr)!important}
.slicers label{margin-left:0!important}
.sim{grid-template-columns:repeat(15,minmax(0,1fr));gap:2px}
.callstate{font-size:24px}
.bigclock .t{font-size:22px}
.nextbar{flex-wrap:wrap;gap:10px}
.nextbar .w{font-size:19px}
.sentence{font-size:19px}
.rw-axis div{height:200px}
.fact{grid-template-columns:104px 1fr}
.hide-m{display:none!important}
.show-m{display:inline-flex}
.bottombar{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;left:0;right:0;bottom:0;background:var(--glass);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-top:1px solid var(--line2);padding:6px 4px calc(8px + env(safe-area-inset-bottom));z-index:25}
.bottombar a{display:grid;justify-items:center;gap:3px;font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);padding:6px 0 2px;position:relative;transition:color var(--t1)}
.bottombar a svg{width:22px;height:22px}
.bottombar a.on{color:var(--accent);text-shadow:0 0 10px rgba(212,180,131,.6)}
.bottombar a.on svg{filter:drop-shadow(0 0 6px rgba(212,180,131,.7))}
.bottombar a .badge{position:absolute;top:2px;right:18%;height:16px;min-width:16px;font-size:10px}
.toast{bottom:calc(84px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.more-menu{top:58px}
.pal-bg{padding-top:8vh}
.pal .res{max-height:50vh}
table{font-size:13px}
th,td{padding:10px 8px}
}
.reactor .tk{stroke:rgba(212,180,131,.45);stroke-width:1}
.reactor .tk2{stroke:#D4B483;stroke-width:1.5;opacity:.85}
.reactor .prog{stroke-dasharray:var(--c);stroke-dashoffset:var(--c);animation:ring-draw 1s var(--ease) .2s forwards}
/* ============ 13.6 smoothing pass: softer geometry, glass, curves ============ */
:root{--cut:12px;--line1:rgba(212,180,131,.1);--line2:rgba(212,180,131,.2);--line3:rgba(212,180,131,.42);--r1:6px;--r2:12px;--r3:16px;--r4:22px;
--gb:linear-gradient(135deg,rgba(212,180,131,.32),rgba(212,180,131,.05) 60%,rgba(95,200,212,.12))}
.cut{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.card{border-radius:var(--r3);padding:22px;border-color:var(--line1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
background:repeating-linear-gradient(0deg,rgba(255,255,255,.01) 0 1px,transparent 1px 4px),linear-gradient(180deg,rgba(24,24,27,.78),rgba(14,14,17,.78));
box-shadow:var(--hi),0 10px 30px -18px rgba(0,0,0,.8);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);transition:border-color var(--t3) var(--spring),box-shadow var(--t3) var(--spring),transform var(--t3) var(--spring)}
.card::after{display:none}
.card::before{width:calc(var(--cut) * 1.42);background:linear-gradient(90deg,transparent,var(--accent));opacity:.7}
.card:hover,.card.click:hover{border-color:var(--line2);box-shadow:var(--hi),0 14px 36px -18px rgba(0,0,0,.85),0 0 28px -12px rgba(212,180,131,.35)}
.card > h3:first-child{margin:-22px -22px 16px;padding:12px 22px 10px;background:linear-gradient(90deg,rgba(212,180,131,.07),transparent 70%);border-bottom:1px solid var(--line1)}
.card.tight{padding:8px 12px}.card.tight > h3:first-child{margin:-8px -12px 8px;padding:10px 14px 8px}
.card.flush{padding:0}.card.flush > h3:first-child{margin:0;padding:12px 18px 10px}
.corners::after{display:block;inset:8px;opacity:.45;border-radius:8px}
.hud-stat{border:0;background:transparent;clip-path:none;padding:6px 0 6px 14px;gap:4px}
.hud-stat::before{width:1px;background:linear-gradient(180deg,var(--accent),rgba(212,180,131,.05));opacity:.8;border-radius:1px}
.hud-stat .l{font-size:9.5px;letter-spacing:.16em}
.hud-stat .v{font-weight:600}
.kpi,.three .b,.col,.pcard,.step,.lcard,.dcard .side,.cal .d,.group,.dbr .b,.drpanel,.pal,.more-menu,.split,.map,.runway,.m,.lrow,.citem,.bcard{border-radius:var(--r3);clip-path:none}
.kpi,.three .b,.col,.step,.lcard,.dcard .side,.cal .d,.group{border:1px solid transparent;background:linear-gradient(180deg,rgba(24,24,27,.86),rgba(14,14,17,.86)) padding-box,var(--gb) border-box;box-shadow:var(--hi)}
.kpi::before{border-radius:2px;opacity:.5;top:12px;bottom:12px}
.three .b.mid{background:linear-gradient(180deg,rgba(212,180,131,.16),rgba(212,180,131,.05)) padding-box,linear-gradient(135deg,rgba(212,180,131,.7),rgba(212,180,131,.15)) border-box;box-shadow:var(--hi),0 0 30px -8px rgba(212,180,131,.45)}
.pcard{border:1px solid transparent;background:linear-gradient(180deg,rgba(30,30,34,.9),rgba(20,20,23,.9)) padding-box,var(--gb) border-box;border-radius:14px;box-shadow:var(--hi),0 6px 18px -12px rgba(0,0,0,.8);transition:transform var(--t3) var(--spring),box-shadow var(--t3) var(--spring),opacity var(--t2)}
.pcard:hover{transform:translateY(-2px);box-shadow:var(--hi),0 16px 32px -14px rgba(0,0,0,.9),0 0 24px -10px rgba(212,180,131,.4)}
.col{padding:12px;min-height:460px;background:linear-gradient(180deg,rgba(20,20,23,.55),rgba(12,12,14,.55)) padding-box,linear-gradient(180deg,rgba(212,180,131,.18),rgba(212,180,131,.03)) border-box;transition:box-shadow var(--t3) var(--spring),background var(--t3)}
.chip{border-radius:999px;clip-path:none;height:24px;padding:0 10px;font-size:10.5px;font-weight:500}
.chip.on::before{border-radius:50%}
.pill,.find,.toast,.callbtn,.toggle,.badge{clip-path:none;border-radius:999px}
.badge{border-radius:9px}
.toggle::after{border-radius:50%;clip-path:none}
.thumb,.nav a,.find,.input,input[type=text],input[type=search],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=url],textarea,select,.money-in{clip-path:none;border-radius:12px}
.nav a{border-radius:10px}.nav a.on::before{border-radius:2px;left:0}
input[type=checkbox]{clip-path:none;border-radius:5px}
.brand .mark,.step .k,.dnode .ic,.stepper .dotc,.touch .dotc,.light,.meter i,.sim .c{clip-path:none;border-radius:50%}
.step .k{border-radius:10px}.sim .c{border-radius:4px}.meter i{border-radius:3px;width:6px}
.bar,.bar i{border-radius:999px;clip-path:none}
.fs .barwrap i{clip-path:none;border-radius:10px 10px 3px 3px}
.fs .cv,.sysnote,.kbd,kbd{border-radius:999px}
kbd{border-radius:6px}
.funnel .fbg{opacity:.8}
.m{border-radius:18px}.m.out{border-bottom-right-radius:6px}.m.in{border-bottom-left-radius:6px}
.focus{border-radius:var(--r4);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);border-color:var(--line1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:32px 32px 28px;gap:28px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.01) 0 1px,transparent 1px 4px),radial-gradient(520px 320px at 50% 55%,rgba(212,180,131,.1),transparent 60%),linear-gradient(180deg,rgba(24,24,27,.8),rgba(12,12,14,.84))}
.focus .fx-left{display:grid;gap:2px;align-content:center}
.readout{padding:9px 0 9px 16px;position:relative;display:grid;gap:3px;min-width:0}
.readout::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,var(--accent),rgba(212,180,131,.05));border-radius:1px}
.readout + .readout{border-top:1px solid transparent;border-image:linear-gradient(90deg,rgba(212,180,131,.22),transparent 80%) 1}
.readout .l{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);opacity:.9}
.readout .v{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1;color:var(--text1);letter-spacing:-.01em;display:flex;align-items:center;gap:8px;min-width:0}
.readout .v.small{font-family:var(--sans);font-size:13px;font-weight:400;color:var(--text2);line-height:1.4}
.clockline{font-size:14px;letter-spacing:-.01em}
.reactor .lbl b{font-size:62px}
.quote{border-radius:0 14px 14px 0}
.nextbar{border-radius:var(--r3);clip-path:none;border-color:var(--line2);backdrop-filter:blur(12px)}
.tabs a{font-size:11.5px}
.sec,.card h3,.word{letter-spacing:.14em}
.top,.bottombar,.rail{backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1)}
.rail{background:linear-gradient(180deg,rgba(14,14,17,.8),rgba(11,11,13,.85))}
.drpanel{clip-path:none;border-radius:18px}
.drg .d.s,.drg .d.e{clip-path:none;border-radius:8px}
.drg .d.in{border-radius:0}
.pad button{border-radius:14px;clip-path:none;border:1px solid transparent;background:linear-gradient(180deg,rgba(30,30,34,.9),rgba(20,20,23,.9)) padding-box,var(--gb) border-box}
.pad button:hover{background:linear-gradient(180deg,rgba(40,38,34,.95),rgba(24,24,27,.95)) padding-box,linear-gradient(135deg,rgba(212,180,131,.8),rgba(212,180,131,.2)) border-box}
.cb{border-radius:10px}
.risk{border-radius:12px;clip-path:none}
.dcard .side{clip-path:none}
.lcard{clip-path:none}
.lrow{border-radius:10px}
.citem.on::before{border-radius:2px}
.screen{animation:screen-in .36s var(--spring) both}
.ring .glow{filter:drop-shadow(0 0 4px var(--rc))}
/* ============ pipeline drag and drop ============ */
.pcard{position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.pcard:focus-visible{box-shadow:var(--accent-glow)}
.pcard .selbox{position:absolute;top:10px;right:10px;width:18px;height:18px;opacity:.35;transition:opacity var(--t1)}
.pcard:hover .selbox,.pcard.selected .selbox{opacity:1}
.pcard.selected{background:linear-gradient(180deg,rgba(44,40,32,.95),rgba(26,24,20,.95)) padding-box,linear-gradient(135deg,rgba(212,180,131,.9),rgba(212,180,131,.3)) border-box;box-shadow:var(--hi),0 0 0 1px rgba(212,180,131,.2),0 0 22px -8px rgba(212,180,131,.5)}
.pcard.lifting{opacity:.25;transform:scale(.98)}
.pcard .ap{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(212,180,131,.25);border-radius:999px;padding:2px 8px 2px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcard .ap svg{width:10px;height:10px;flex:none}
.pcard .ap.off{color:var(--text3);background:rgba(255,255,255,.03);border-color:var(--line1)}
@keyframes apsweep{0%{left:-30%}100%{left:130%}}
.pcard.landed{overflow:hidden}
.pcard.landed::after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-30%;background:linear-gradient(90deg,transparent,rgba(212,180,131,.28),transparent);animation:apsweep 1.1s var(--ease) 1;pointer-events:none}
.dragghost{position:fixed;z-index:80;pointer-events:none;width:var(--gw);transform:rotate(2.5deg) scale(1.03);box-shadow:0 30px 60px -20px rgba(0,0,0,.95),0 0 0 1px rgba(212,180,131,.4),0 0 40px -10px rgba(212,180,131,.5);opacity:.96;transition:transform var(--t2) var(--spring)}
.dragghost .pcard{margin:0;cursor:grabbing}
.dragghost .stack{position:absolute;top:-10px;right:-10px;background:var(--accent);color:var(--accent-ink);font:700 11px/1 var(--mono);padding:5px 8px;border-radius:999px;box-shadow:0 0 14px rgba(212,180,131,.7)}
.dragghost .stack2{position:absolute;inset:6px -6px -6px 6px;border-radius:14px;border:1px solid rgba(212,180,131,.35);background:rgba(20,20,23,.7);z-index:-1}
.dropcol .cards > .pcard{transition:transform var(--t3) var(--spring),box-shadow var(--t3) var(--spring),opacity var(--t2)}
.ph{height:0;margin:0;flex:none;box-sizing:border-box;border-radius:14px;border:1px dashed rgba(212,180,131,.45);background:rgba(212,180,131,.06);transition:height var(--t3) var(--spring),margin var(--t3) var(--spring),opacity var(--t2);opacity:0;overflow:hidden}
.ph.open{opacity:1;margin-bottom:8px}
.dropcol.ph-on .colempty{display:none}
@media (prefers-reduced-motion:reduce){.ph,.dropcol .cards > .pcard{transition:none}}
.col.over{box-shadow:var(--hi),0 0 0 1px rgba(212,180,131,.55),0 0 40px -8px rgba(212,180,131,.55);background:linear-gradient(180deg,rgba(40,36,28,.7),rgba(16,15,13,.7)) padding-box,linear-gradient(180deg,rgba(212,180,131,.7),rgba(212,180,131,.15)) border-box}
.col.over h4{color:var(--accent);text-shadow:0 0 10px rgba(212,180,131,.5)}
.dropzone{transition:box-shadow var(--t2),background var(--t2),color var(--t2),transform var(--t3) var(--spring)}
.dropzone.over{color:var(--accent);background:var(--accent-soft);border-color:var(--line3);box-shadow:0 0 18px rgba(212,180,131,.45);transform:scale(1.06)}
body.dragging{cursor:grabbing}
body.dragging *{cursor:grabbing!important}
.stagemenu{position:absolute;z-index:70;min-width:220px;background:rgba(20,20,23,.96);backdrop-filter:blur(18px);border:1px solid var(--line2);border-radius:14px;padding:6px;box-shadow:var(--sh2),var(--glow);animation:pal-in var(--t3) var(--spring)}
.stagemenu .t{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);padding:8px 10px 6px}
.stagemenu button{display:flex;width:100%;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--text2);font-size:13px;text-align:left}
.stagemenu button:hover,.stagemenu button.on{background:var(--accent-soft);color:var(--text1)}
.stagemenu button kbd{margin-left:auto}
.toast{max-width:min(92vw,560px);white-space:normal;flex-wrap:wrap;gap:4px 12px;padding:10px 14px 10px 14px;border-radius:16px}
.toast .tl{display:flex;align-items:center;gap:10px;width:100%}
.toast .tl span{flex:1}
.toast .ts{font-size:12px;color:var(--text2);padding-left:26px;width:100%;display:flex;align-items:center;gap:6px}
.toast .ts svg{width:12px;height:12px;color:var(--accent)}
.toast .undo{pointer-events:auto;margin-left:8px;height:28px;padding:0 12px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:12px}
.toast.on{pointer-events:auto}
.board-hint{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--text3);margin:12px 0 0}
.board-hint kbd{margin-right:2px}
@media (max-width:760px){
.focus{padding:20px 16px;border-radius:18px;grid-template-columns:1fr}
.focus .fx-left{grid-template-columns:repeat(2,minmax(0,1fr))}
.readout .v{font-size:20px}
.toast{max-width:calc(100vw - 24px)}
.dragghost{transform:rotate(2deg) scale(1.02)}
.stagemenu{position:fixed;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));min-width:0}
}
/* ============ 13.7 motion system ============ */
#cursorlight{position:fixed;left:0;top:0;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(212,180,131,.022),rgba(212,180,131,.007) 45%,transparent 70%);mix-blend-mode:screen;opacity:0;transition:opacity .4s}
#bootfx{position:fixed;inset:0;z-index:90;background:var(--bg0);display:grid;place-items:center;transition:opacity .5s var(--ease);cursor:pointer}
#bootfx.off{opacity:0;pointer-events:none}
#bootfx .bl{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-top:18px;opacity:.9}
#bootfx .bs{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text3);margin-top:8px}
#bootfx svg{width:220px;height:220px;overflow:visible}
#bootfx .draw{stroke-dasharray:900;stroke-dashoffset:900}
.fx-core{position:relative}
.bloom{position:absolute;left:50%;top:50%;width:420px;height:420px;margin:-210px 0 0 -210px;pointer-events:none;z-index:0;mix-blend-mode:screen;opacity:.85}
.reactor{z-index:1}
.reactor .r1{animation-duration:calc(48s / var(--rspeed,1))}
.reactor .r2{animation-duration:calc(32s / var(--rspeed,1))}
.reactor .r3{animation-duration:calc(20s / var(--rspeed,1))}
.reactor .r4{animation-duration:calc(90s / var(--rspeed,1))}
.reactor.hot .r1 circle,.reactor.hot .r3 circle{stroke:var(--hot)}
.reactor.hot .core{animation:heartbeat 1s ease-in-out infinite}
@keyframes heartbeat{0%,100%{transform:scale(1);opacity:.85}14%{transform:scale(1.06);opacity:1}28%{transform:scale(1)}42%{transform:scale(1.04);opacity:1}}
.reactor .core{transform-box:fill-box;transform-origin:center}
.reactor .hub{fill:rgba(11,11,13,.6)} /* the dark disc behind the countdown; the day styles re-color it */
.reactor .core.tick{animation:coretick .5s var(--ease) 1}
.stgrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}.stgrid>*{min-width:0}.stcard h3{margin-bottom:6px}.stnav .lrow.on .t{color:var(--text1)}body.compact .lrow,body.compact .q{padding-top:7px;padding-bottom:7px}body.compact .card{padding:12px 14px}
@media (max-width:760px){.stgrid{grid-template-columns:1fr}.stgrid.has-tab .stnav{display:none}.stgrid.no-tab .stcard{display:none}}
.reactor.calm .core{animation-duration:7s}.reactor.calm .flare{animation-duration:10s}.reactor.calm .prog{opacity:.7}
@keyframes coretick{0%{transform:scale(1)}30%{transform:scale(1.05)}100%{transform:scale(1)}}
.streams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}
.streams path{fill:none;stroke:rgba(212,180,131,.22);stroke-width:1;stroke-dasharray:3 6}
.streams circle{fill:#E6CFA4;filter:drop-shadow(0 0 4px rgba(212,180,131,.9))}
.odo{display:inline-flex;overflow:hidden;line-height:1;vertical-align:bottom}
.odo .d{position:relative;display:inline-block;height:1em;width:.62em;overflow:hidden}
.odo .d i{position:absolute;left:0;top:0;display:grid;font-style:normal}
.odo .d i b{display:block;height:1em;line-height:1;text-align:center;font-weight:inherit}
.odo .s{display:inline-block;width:.32em;text-align:center}
.clockline .sec{display:inline-block;transition:none}
.clockline .sec.flip{animation:secflip .32s var(--ease) 1}
@keyframes secflip{0%{transform:translateY(-.35em);opacity:0}100%{transform:none;opacity:1}}
.streak{position:fixed;z-index:85;width:10px;height:10px;border-radius:50%;background:#FFF2D9;box-shadow:0 0 12px 4px rgba(212,180,131,.9),0 0 40px 10px rgba(212,180,131,.4);pointer-events:none}
.streak::after{content:"";position:absolute;right:4px;top:3px;width:80px;height:4px;border-radius:4px;background:linear-gradient(90deg,transparent,rgba(212,180,131,.85));transform-origin:right center;transform:rotate(var(--ang,0deg))}
.shock{position:fixed;z-index:84;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:2px solid rgba(212,180,131,.9);box-shadow:0 0 30px rgba(212,180,131,.6);pointer-events:none}
.fxcanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:86}
/* page transitions (13.7 #8): overlays animate transform/opacity only; the screen uses clip-path */
#page.tx .screen{animation:none}
.txscan{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:0;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(212,180,131,.13) 3px 4px)}
.txp{position:fixed;z-index:61;pointer-events:none;width:3px;height:3px;border-radius:50%;background:#FFE9BF;box-shadow:0 0 6px rgba(212,180,131,.9)}
.txring{position:fixed;z-index:61;pointer-events:none;border-radius:50%;border:1px solid rgba(212,180,131,.9);box-shadow:0 0 18px -2px rgba(212,180,131,.7),inset 0 0 18px -4px rgba(212,180,131,.5);transform:scale(0)}
.txline{position:fixed;z-index:61;pointer-events:none;background:var(--accent);box-shadow:0 0 8px rgba(212,180,131,.85)}
/* page transitions: the old screen rides in .txghost under the app while the new one animates in (fx.js transition) */
.txghost{position:fixed;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
.txghost .screen{animation:none!important}
html.txing .main{overflow-x:clip}
.txholo{position:fixed;z-index:61;pointer-events:none;height:2px;margin-top:-1px;background:linear-gradient(90deg,transparent,var(--accent) 10%,#FFE9BF 50%,var(--accent) 90%,transparent);box-shadow:0 0 14px 1px rgba(212,180,131,.8),0 -2px 0 rgba(255,86,120,.4),0 2px 0 rgba(86,214,255,.4);will-change:transform}
.txiris{position:fixed;z-index:61;pointer-events:none;border-radius:50%;border:2px solid var(--accent);box-shadow:0 0 22px 2px rgba(212,180,131,.55),inset 0 0 22px 2px rgba(212,180,131,.4);transform:scale(0);will-change:transform,opacity}
html[data-theme-active="day"] .txholo{background:linear-gradient(90deg,transparent,var(--accent) 10%,#B88A3E 50%,var(--accent) 90%,transparent);box-shadow:0 0 12px 1px rgba(176,128,52,.6),0 -2px 0 rgba(220,60,90,.28),0 2px 0 rgba(40,160,200,.28)}
html[data-theme-active="day"] .txiris{box-shadow:0 0 22px 2px rgba(176,128,52,.4),inset 0 0 22px 2px rgba(176,128,52,.25)}
/* Settings > Look & sounds: transition cards with a mini preview */
.ptrcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-top:6px}
.ptrcard{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--line1);border-radius:12px;background:var(--bg2);transition:border-color var(--t2) var(--ease),box-shadow var(--t2) var(--ease)}
.ptrcard:hover{border-color:var(--line2)}
.ptrcard.on{border-color:var(--line3);box-shadow:0 0 0 1px var(--line2),0 0 18px -6px rgba(212,180,131,.45)}
.ptrsel{display:flex;flex-direction:column;gap:3px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:8px}
.ptrsel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ptrsel .nm{font-size:13px;font-weight:600;margin-top:3px}.ptrcard.on .nm{color:var(--accent)}
.ptrsel .ab{line-height:1.3}
.ptrcard .ptrtry{align-self:flex-start;height:26px;padding:0 10px;font-size:12px;margin-top:auto}
.pv{position:relative;display:block;height:58px;border-radius:8px;overflow:hidden;background:var(--bg1);border:1px solid var(--line1);--pvbg:var(--bg1)}
.pv i{position:absolute;inset:0;padding:8px;display:grid;gap:5px;align-content:start;background:var(--pvbg)}
.pv b{display:block;height:6px;border-radius:3px;background:currentColor}
.pv b:nth-child(1){width:55%}.pv b:nth-child(2){width:92%}.pv b:nth-child(3){width:78%}.pv b:nth-child(4){width:64%}
.pv .po{color:var(--text3);opacity:0}.pv .po b{opacity:.55}
.pv .po b:nth-child(1){width:34%;height:9px}.pv .po b:nth-child(2){width:48%}.pv .po b:nth-child(3){width:96%}.pv .po b:nth-child(4){width:40%}
.pv .pn{color:var(--accent)}.pv .pn b{--o:.5;opacity:var(--o)}.pv .pn b:first-child{--o:.95}
.pv s{position:absolute;pointer-events:none;opacity:0}
.pv-holo s{left:0;right:0;top:0;height:2px;margin-top:-1px;background:var(--accent);box-shadow:0 0 8px rgba(212,180,131,.9),0 -1px 0 rgba(255,86,120,.5),0 1px 0 rgba(86,214,255,.5)}
.pv-iris s{left:calc(75% - 90px);top:calc(70% - 90px);width:180px;height:180px;border-radius:50%;border:1.5px solid var(--accent);box-shadow:0 0 10px rgba(212,180,131,.6)}
.pv-reassembly .pn{background:none}
.ptrcard.play .pv .po{animation:pv-out .16s ease-in .15s both}
.ptrcard.play .pv-glide .pn{animation:pv-glide .42s cubic-bezier(.16,1,.3,1) .2s both}
.ptrcard.play .pv-slide .po{animation:pv-slide-o .4s cubic-bezier(.2,.8,.2,1) .15s both}
.ptrcard.play .pv-slide .pn{animation:pv-slide-n .4s cubic-bezier(.16,1,.3,1) .15s both}
.ptrcard.play .pv-depth .po{animation:pv-depth-o .32s ease-out .15s both}
.ptrcard.play .pv-depth .pn{animation:pv-depth-n .38s cubic-bezier(.2,.8,.2,1) .21s both}
.ptrcard.play .pv-holo .po{animation:pv-hold .4s linear .15s both}
.ptrcard.play .pv-holo .pn{animation:pv-holo-n .38s ease-in-out .15s both}
.ptrcard.play .pv-holo s{animation:pv-holo-s .38s ease-in-out .15s both}
.ptrcard.play .pv-iris .po{animation:pv-hold .42s linear .15s both}
.ptrcard.play .pv-iris .pn{animation:pv-iris-n .4s cubic-bezier(.45,0,.55,1) .15s both}
.ptrcard.play .pv-iris s{animation:pv-iris-s .4s cubic-bezier(.45,0,.55,1) .15s both}
.ptrcard.play .pv-reassembly .pn b{animation:pv-wipe .26s cubic-bezier(.16,1,.3,1) both}
.ptrcard.play .pv-reassembly .pn b:nth-child(1){animation-delay:.19s}.ptrcard.play .pv-reassembly .pn b:nth-child(2){animation-delay:.23s}.ptrcard.play .pv-reassembly .pn b:nth-child(3){animation-delay:.27s}.ptrcard.play .pv-reassembly .pn b:nth-child(4){animation-delay:.31s}
.ptrcard.play .pv-none .po{animation:pv-hold .3s steps(1,end) .15s both}
@keyframes pv-out{from{opacity:1}to{opacity:0}}
@keyframes pv-hold{0%,96%{opacity:1}to{opacity:0}}
@keyframes pv-glide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pv-slide-o{from{opacity:1;transform:none}45%{opacity:0}to{opacity:0;transform:translateX(-14px)}}
@keyframes pv-slide-n{from{opacity:0;transform:translateX(45%)}50%{opacity:1}to{opacity:1;transform:none}}
@keyframes pv-depth-o{from{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:scale(.9);filter:blur(3px)}}
@keyframes pv-depth-n{from{opacity:0;transform:scale(1.08);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes pv-holo-n{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pv-holo-s{from{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(58px)}}
@keyframes pv-iris-n{from{clip-path:circle(0 at 75% 70%)}to{clip-path:circle(90px at 75% 70%)}}
@keyframes pv-iris-s{from{opacity:1;transform:scale(0)}75%{opacity:1}to{opacity:0;transform:scale(1)}}
@keyframes pv-wipe{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(3px)}to{opacity:var(--o,.5);clip-path:inset(0);transform:none}}
html[data-reduced-motion="on"] .ptrcard.play *{animation:none!important}
html[data-theme-active="day"] .ptrcard.on{box-shadow:0 0 0 1px var(--line2),0 0 18px -6px rgba(176,128,52,.35)}
.morph{position:fixed;z-index:70;pointer-events:none;border-radius:14px;border:1px solid rgba(212,180,131,.5);background:rgba(24,24,27,.9);box-shadow:0 0 40px -8px rgba(212,180,131,.5)}
.trail{position:fixed;z-index:79;pointer-events:none;border-radius:14px;background:rgba(212,180,131,.1);border:1px solid rgba(212,180,131,.25)}
.needle{}
.radar{position:absolute;inset:0;pointer-events:none;background:conic-gradient(from 0deg,rgba(212,180,131,.0) 0deg,rgba(212,180,131,.18) 40deg,transparent 60deg);mix-blend-mode:screen;opacity:0}
.cpmapwrap{position:relative;overflow:hidden}
.cpline{stroke:rgba(212,180,131,.45);stroke-width:1;stroke-dasharray:400;stroke-dashoffset:400}
.wave{display:flex;align-items:center;justify-content:center;gap:3px;height:34px;margin:4px 0}
#d-top .wave{transition:height .25s ease,margin .25s ease,opacity .25s ease}#d-top .wave:not(.live){height:0;margin:0;opacity:0;overflow:hidden}
.wave i{display:block;width:3px;height:6px;border-radius:2px;background:var(--accent);box-shadow:0 0 6px rgba(212,180,131,.6);transform-origin:center}
.ringtimer{position:absolute;inset:-6px;pointer-events:none}
.beam{position:fixed;z-index:70;height:2px;transform-origin:left center;pointer-events:none;background:linear-gradient(90deg,rgba(212,180,131,.9),rgba(212,180,131,0));box-shadow:0 0 10px rgba(212,180,131,.6)}
.burst{position:fixed;z-index:85;pointer-events:none;width:6px;height:6px;border-radius:50%;background:#FFE9BF;box-shadow:0 0 8px rgba(212,180,131,.9)}
.fs .barwrap i.liquid{background:linear-gradient(180deg,#9FE8F0,rgba(95,200,212,.25));position:relative;overflow:hidden}
.fs .barwrap i.liquid::after{content:"";position:absolute;left:-50%;right:-50%;top:-6px;height:12px;border-radius:50%;background:rgba(255,255,255,.35);animation:slosh 2.4s ease-in-out infinite}
@keyframes slosh{0%,100%{transform:translateX(-8%)}50%{transform:translateX(8%)}}
.lowpower .bloom,.lowpower .streams,.lowpower #cursorlight{display:none}
@media (max-width:1300px){
.focus{grid-template-columns:260px minmax(0,1fr);gap:18px 24px;padding:26px 24px;align-items:center}
.focus .fx-left{grid-column:1 / -1;order:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 14px;align-content:start;padding-top:6px;border-top:1px solid var(--line1)}
.focus .readout{padding:6px 0 4px 12px}
.focus .readout + .readout{border-top:0;border-image:none}
.focus .readout .clockline{font-size:12px;letter-spacing:-.02em}
.reactor{width:260px;height:260px}
.reactor .lbl b{font-size:54px}
.focus .who{font-size:clamp(24px,2.4vw,32px)}
.quote{font-size:clamp(15px,1.35vw,19px)}
.readout .v{font-size:20px}
.clockline{font-size:12.5px}
}
.quote{max-width:40ch}
.focus .fx-right{min-width:0}
@media (max-width:1100px){.focus{grid-template-columns:minmax(0,1fr)}.focus .fx-core{order:-1;justify-self:center}.focus .fx-left{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.bloom,.streams,#cursorlight,.radar{display:none}}
.paused *{animation-play-state:paused!important}
/* ============ 13.8 whisper lines: no hard outlines, light does the work ============ */
:root{--line1:rgba(212,180,131,.06);--line2:rgba(212,180,131,.1);--line3:rgba(212,180,131,.26);
--fill1:rgba(212,180,131,.06);--fill2:rgba(212,180,131,.1);--fill3:rgba(212,180,131,.16);
--gb:linear-gradient(135deg,rgba(212,180,131,.14),rgba(212,180,131,.03) 55%,rgba(212,180,131,.08));
--gbh:linear-gradient(135deg,rgba(212,180,131,.26),rgba(212,180,131,.05) 55%,rgba(212,180,131,.14))}
/* panels: gradient border that fades, glass, soft shadow */
.card,.kpi,.three .b,.col,.step,.lcard,.dcard .side,.cal .d,.group,.dbr .b,.drpanel,.pal,.more-menu,.split,.map,.runway,.bcard,.pcard,.pad button,.stagemenu,.toast,.m.in,.m.out,.risk,.nextbar,.focus{border:1px solid transparent;background-clip:padding-box,border-box}
.card{background:repeating-linear-gradient(0deg,rgba(255,255,255,.008) 0 1px,transparent 1px 4px) padding-box,linear-gradient(180deg,rgba(24,24,27,.74),rgba(14,14,17,.74)) padding-box,var(--gb) border-box;box-shadow:0 18px 40px -24px rgba(0,0,0,.9),0 0 0 0 transparent}
.card::before{opacity:.35;width:14px;height:1px}
.card:hover,.card.click:hover{border-color:transparent;background:repeating-linear-gradient(0deg,rgba(255,255,255,.008) 0 1px,transparent 1px 4px) padding-box,linear-gradient(180deg,rgba(26,26,29,.78),rgba(14,14,17,.78)) padding-box,var(--gbh) border-box;box-shadow:0 20px 44px -22px rgba(0,0,0,.9),0 0 36px -16px rgba(212,180,131,.3)}
.card > h3:first-child,.card.tight > h3:first-child,.card.flush > h3:first-child{border-bottom:0;background:none;position:relative}
.card > h3:first-child::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,180,131,.22) 20%,rgba(212,180,131,.22) 70%,transparent)}
.card h3{border-bottom:0}
.kpi,.three .b,.col,.step,.lcard,.dcard .side,.cal .d,.group,.pcard,.pad button{background:linear-gradient(180deg,rgba(26,26,29,.8),rgba(15,15,18,.8)) padding-box,var(--gb) border-box;box-shadow:0 10px 24px -18px rgba(0,0,0,.8)}
.col{background:linear-gradient(180deg,rgba(20,20,23,.4),rgba(12,12,14,.4)) padding-box,linear-gradient(180deg,rgba(212,180,131,.1),rgba(212,180,131,.01)) border-box;box-shadow:none}
.pcard:hover,.lcard:hover,.step:hover,.pad button:hover{background:linear-gradient(180deg,rgba(30,30,34,.9),rgba(18,18,21,.9)) padding-box,var(--gbh) border-box}
.three .b.mid{background:linear-gradient(180deg,rgba(212,180,131,.14),rgba(212,180,131,.04)) padding-box,linear-gradient(135deg,rgba(212,180,131,.45),rgba(212,180,131,.08)) border-box}
.focus{background:repeating-linear-gradient(0deg,rgba(255,255,255,.008) 0 1px,transparent 1px 4px) padding-box,radial-gradient(520px 320px at 50% 55%,rgba(212,180,131,.09),transparent 60%) padding-box,linear-gradient(180deg,rgba(24,24,27,.76),rgba(12,12,14,.82)) padding-box,var(--gb) border-box;box-shadow:0 40px 80px -36px rgba(0,0,0,.95),0 0 60px -30px rgba(212,180,131,.35)}
.focus::before{opacity:.35;background-size:32px 32px}
.corners::after{opacity:.28;inset:10px}
.card.corners::after{display:none}
.focus.corners::after,.hud.corners::after{display:block}
.nextbar{background:linear-gradient(90deg,rgba(212,180,131,.12),rgba(212,180,131,.02)) padding-box,linear-gradient(90deg,rgba(212,180,131,.3),transparent) border-box;box-shadow:0 0 30px -14px rgba(212,180,131,.4)}
.split{background:linear-gradient(180deg,rgba(20,20,23,.7),rgba(12,12,14,.7)) padding-box,var(--gb) border-box;box-shadow:0 18px 40px -24px rgba(0,0,0,.9)}
.clist,.thead,.composer,.citem{border-color:transparent}
.clist{border-right:0;box-shadow:inset -1px 0 0 rgba(212,180,131,.06)}
.thead,.composer{box-shadow:0 1px 0 rgba(212,180,131,.06)}
.composer{box-shadow:0 -1px 0 rgba(212,180,131,.06)}
.citem{position:relative}
.citem::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,180,131,.12),transparent)}
.citem.on{background:rgba(212,180,131,.07)}
.m.in{background:linear-gradient(180deg,rgba(30,30,34,.85),rgba(22,22,25,.85)) padding-box,var(--gb) border-box}
.m.out{background:linear-gradient(180deg,rgba(212,180,131,.14),rgba(212,180,131,.07)) padding-box,linear-gradient(135deg,rgba(212,180,131,.3),rgba(212,180,131,.06)) border-box}
.sysnote{border:0;background:rgba(212,180,131,.05)}
.map{background:#0B0B0D padding-box,var(--gb) border-box}
.runway{background:linear-gradient(180deg,rgba(22,22,25,.8),rgba(14,14,17,.8)) padding-box,var(--gb) border-box}
.rw-pin{border-color:transparent;background:rgba(26,26,30,.95);box-shadow:0 8px 20px -10px rgba(0,0,0,.9),0 0 0 1px rgba(212,180,131,.1)}
.dbr .b{border:0;background:rgba(212,180,131,.04)}
.loop{border-color:rgba(230,180,90,.18)}
.wait{border-left-color:rgba(212,180,131,.2)}
.tl{border-left-color:rgba(212,180,131,.14)}
.cb{border-color:transparent;background:rgba(212,180,131,.05)}
.risk{background:rgba(224,112,95,.1) padding-box,linear-gradient(90deg,rgba(224,112,95,.35),rgba(224,112,95,.05)) border-box;box-shadow:none}
.stagemenu,.more-menu,.pal,.drpanel{background:rgba(20,20,23,.96) padding-box,var(--gbh) border-box}
.toast{background:rgba(22,22,25,.94) padding-box,var(--gbh) border-box}
/* chips and pills: soft fills, no outlines, no bullet markers */
.chip{border:0;background:var(--fill1);color:var(--text2);box-shadow:none;height:24px;padding:0 11px}
.chip.on::before,.chip.sel.on::before{display:none}
.chip.on{background:rgba(212,180,131,.18);color:#F0DDB8;box-shadow:inset 0 0 12px rgba(212,180,131,.22),0 0 14px -6px rgba(212,180,131,.4)}
.chip.sel:hover{background:var(--fill2);color:var(--text1);box-shadow:none}
.chip.fc{background:rgba(255,201,138,.1);color:var(--sig-fc)}.chip.cv{background:rgba(200,240,122,.1);color:var(--sig-cv)}.chip.tx{background:rgba(255,176,138,.1);color:var(--sig-tx)}.chip.pr{background:rgba(127,200,210,.1);color:var(--sig-pr)}.chip.ev{background:rgba(255,156,156,.1);color:var(--sig-ev)}
.chip.gold{background:rgba(230,180,90,.14);color:var(--gold)}.chip.hot{background:rgba(224,112,95,.16);color:#F0A08F}.chip.ok{background:rgba(143,201,154,.12);color:var(--ok)}.chip.warn{background:rgba(230,180,90,.12);color:var(--amber)}.chip.bad{background:rgba(224,112,95,.14);color:#F0A08F}.chip.info{background:rgba(127,200,210,.12);color:var(--info)}
.chip.lock{border:0;background:rgba(255,255,255,.03);color:var(--text3)}
.chip.hot{animation:hotglow 2.4s ease-in-out infinite}
@keyframes hotglow{0%,100%{box-shadow:0 0 0 0 rgba(var(--kf-hot,224,112,95),0)}50%{box-shadow:0 0 16px -2px rgba(var(--kf-hot,224,112,95),.45)}}
.pill{border:0;background:var(--fill1);color:var(--text2);box-shadow:none}
.pill.fake{background:rgba(230,180,90,.1);color:var(--amber)}
.pill.tx{background:rgba(143,201,154,.08);color:var(--ok)}
.pill.tx .dot{background:var(--ok);box-shadow:0 0 8px rgba(143,201,154,.8)}
.badge{box-shadow:0 0 10px rgba(224,112,95,.5)}
.tabs .cnt,.col h4 .cnt{border:0;background:var(--fill2)}
.badge.n{background:var(--fill2)}
kbd{border:0;background:rgba(255,255,255,.05)}
.tag-call{border:0;background:rgba(230,180,90,.1)}
.ap{border:0!important;background:rgba(212,180,131,.1)!important}
.ap.off{background:rgba(255,255,255,.03)!important}
/* inputs: borderless soft fills, gold glow on focus */
.input,input[type=text],input[type=search],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=url],textarea,select,.money-in,.find,.drg .d{border:1px solid transparent;background:var(--fill1);box-shadow:none}
.find{background:rgba(212,180,131,.06)}
.find:hover{border-color:transparent;box-shadow:0 0 0 1px rgba(212,180,131,.12)}
input:focus,textarea:focus,select:focus,.money-in:focus-within{border-color:transparent;background:var(--fill2);box-shadow:0 0 0 1px rgba(212,180,131,.28),0 0 22px -4px rgba(212,180,131,.4)}
select{background-color:var(--fill1)}
input[type=checkbox],input[type=radio]{border-color:rgba(212,180,131,.2);background:var(--fill1);box-shadow:none}
.toggle{border:0;background:rgba(255,255,255,.08)}
.toggle.on{background:var(--accent)}
.btn{border:1px solid transparent;background:var(--fill1);box-shadow:none}
.btn:hover{border-color:transparent;background:var(--fill2);box-shadow:0 0 22px -8px rgba(212,180,131,.45)}
.btn.danger{background:rgba(224,112,95,.12);border-color:transparent}
.btn-primary,
.btn-hero{box-shadow:0 0 24px -4px rgba(212,180,131,.5),0 8px 24px -12px rgba(212,180,131,.6)}
.ibtn:hover{border-color:transparent;background:var(--fill1)}
/* dividers fade at both ends */
.hair,.stat,.lrow,.fact,.fr,.queue .q,.mathline,.touch,td,th,.why li,.drtop,.drfoot,.drpre,.tabs,.rail,.top,.bottombar,.readout + .readout,.side .kv,.thead,.cards,.drfoot{border-color:transparent!important}
.hair{background:linear-gradient(90deg,transparent,rgba(212,180,131,.16),transparent)}
.stat,.lrow,.fact,.fr,.queue .q,.mathline,td,.why li{position:relative}
.stat::after,.lrow::after,.fact::after,.fr::after,.queue .q::after,.mathline::after{content:"";position:absolute;left:6%;right:6%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,180,131,.12),transparent);pointer-events:none}
.stat:last-child::after,.lrow:last-child::after,.fact:last-child::after,.fr:last-child::after,.queue .q:last-child::after,.mathline:last-of-type::after{display:none}
td{box-shadow:inset 0 -1px 0 rgba(212,180,131,.05)}
tr:last-child td{box-shadow:none}
th{background:none;box-shadow:inset 0 -1px 0 rgba(212,180,131,.12)}
.tabs{position:relative}
.tabs::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(212,180,131,.16),rgba(212,180,131,.06) 60%,transparent)}
.rail{box-shadow:inset -1px 0 0 rgba(212,180,131,.05)}
.top{box-shadow:0 1px 0 rgba(212,180,131,.05)}
.bottombar{box-shadow:0 -1px 0 rgba(212,180,131,.06)}
.sec{opacity:.85}
.group{border:1px solid transparent}
.group .gh .op{border:0;background:var(--fill1);border-radius:999px;overflow:hidden}
.group .gh .op span.on{background:rgba(212,180,131,.2)}
.rule select,.rule input{background:var(--fill1)}
.dnode::before{background:rgba(212,180,131,.18);box-shadow:none}
.dnode .ic,.stepper .dotc,.touch .dotc{border-color:transparent;background:var(--fill2)}
.stepper::before{background:rgba(212,180,131,.12)}
.dcard .side{background:rgba(212,180,131,.03) padding-box,var(--gb) border-box}
.drg .d.in{background:rgba(212,180,131,.1)}
/* reactor ticks and rings a touch softer */
.ticks{stroke:rgba(212,180,131,.22)}
.reactor .tk{stroke:rgba(212,180,131,.3)}
.ring svg circle:first-of-type{stroke:rgba(212,180,131,.1)}
.bar{background:rgba(212,180,131,.08)}
.meter i{background:rgba(212,180,131,.1)}
.map svg path[stroke]{stroke:rgba(212,180,131,.12)!important}
.legend{border:0;background:rgba(11,11,13,.7)}
.sim .c{border:0;background:rgba(212,180,131,.05)}
.sim .c.sun{background:transparent;box-shadow:inset 0 0 0 1px rgba(212,180,131,.08)}
.sim .c.text{background:rgba(212,180,131,.16)}.sim .c.call{background:rgba(127,200,210,.14)}.sim .c.sale{background:rgba(224,112,95,.18)}
.empty svg{opacity:.55}
.hud-stat::before,.readout::before{opacity:.55}
.fs .cv{border:0;background:rgba(212,180,131,.12)}
.light.o{background:rgba(255,255,255,.12)}
/* background grid fainter */
#bgfx{opacity:.55}
/* wordmark, styled like NotedRE's logo: bold display face, "RE" in gold */
.logo{font-family:var(--serif);font-weight:700;letter-spacing:0;line-height:1;white-space:nowrap}
.logo .n{color:#fff}.logo .re{color:var(--accent);margin-left:.025em}
.brand .wm.logo{font-size:20px}
/* ============ compact calm board + stage editor + automation builder ============ */
.board{grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:8px}
.col{padding:8px 8px 4px;min-height:260px;background:linear-gradient(180deg,rgba(20,20,23,.6),rgba(15,15,18,.6));border-color:var(--line1)}
.col h4{flex-wrap:nowrap;justify-content:flex-start;gap:7px;margin:2px 4px 10px;font-size:10.5px;font-weight:600;letter-spacing:.05em;color:var(--text2);white-space:nowrap}
.col h4 .nm{overflow:hidden;text-overflow:ellipsis;min-width:0}
.col h4 .cnt,.col h4 .tot{background:none;border:0;padding:0;font:400 10px var(--mono);color:var(--text3);flex:none}
.col h4 .cnt::before,.col h4 .tot::before{content:"ยท ";opacity:.6}
.sdot{width:7px;height:7px;border-radius:50%;background:var(--c,var(--sand));flex:none;display:inline-block;opacity:.85}
.col .empty{padding:18px 8px;gap:4px}
.cloudbar{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--line1);border-radius:12px;background:rgba(22,22,25,.5);font-size:12px;color:var(--text2)}
.cloudbar b{font-weight:600;color:var(--text1);font-size:12px;letter-spacing:.04em}
.cloudbar a{color:var(--accent);display:inline-flex;align-items:center;gap:5px}
.cloudbar a svg{width:12px;height:12px}
.pcard{padding:8px 10px;margin-bottom:6px;gap:3px;background:rgba(26,26,30,.55);border-color:var(--line1)}
.pcard .r1,.pcard .r2,.pcard .r3{display:flex;align-items:center;gap:7px;min-width:0}
.pcard .r1 b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pcard .fee{margin-left:auto;font:500 11px var(--mono);color:var(--gold);flex:none}
.pcard .gs{color:var(--gold);display:inline-flex;flex:none}
.pcard .gs svg{width:11px;height:11px}
.pcard .r2{font-size:11px;color:var(--text3);justify-content:space-between}
.pcard .r2 > span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pcard .chip.sd{height:16px;font-size:9.5px;padding:0 6px;background:transparent;flex:none}
.pcard .r3{font-size:13px;color:var(--text2);justify-content:space-between}
.pcard .na{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.pcard .na.late{color:var(--hot)}
.pcard .hd{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--text3);flex:none}
.pcard .hd i{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.pcard .hd.hot i{background:var(--hot)} .pcard .hd.ok i{background:var(--ok)}
.pcard .ap{font-size:9px;padding:1px 7px 1px 5px}
.pav{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;flex:none;font:600 8.5px var(--mono);color:var(--accent);background:rgba(212,180,131,.12);box-shadow:0 0 0 1px rgba(212,180,131,.18);transition:opacity var(--t1)}
.pav svg{width:11px;height:11px}
.pcard .selbox{right:auto;left:10px;top:9px;width:16px;height:16px;opacity:0;z-index:2}
.pcard:hover .selbox,.pcard.selected .selbox,.selmode .pcard .selbox{opacity:1}
.pcard:hover .pav,.pcard.selected .pav,.selmode .pcard .pav{opacity:0}
@media (max-width:1100px){.board{grid-template-columns:repeat(var(--n,5),minmax(188px,1fr));overflow-x:auto}.cloudbar{grid-column:1/2}}
@media (max-width:760px){.board{grid-template-columns:repeat(var(--n,5),84vw)}}
.mdl{align-items:flex-start;padding-top:6vh}
.mdlbox{max-width:100%;max-height:86vh;display:flex;flex-direction:column;border-radius:16px}
.mdlbox .mh{padding:18px 22px 12px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line1)}
.mdlbox .mh h3{margin:0;font:600 18px var(--serif)}
.mdlbox .mb{padding:14px 22px;overflow:auto;flex:1}
.mdlbox .mf{padding:12px 22px;border-top:1px solid var(--line1);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* Any pop-up content placed straight in the box (not in .mh/.mb/.mf) still gets the same side padding, and the last piece some bottom room. */
.mdlbox > :not(.mh):not(.mb):not(.mf){padding-left:22px;padding-right:22px}
.mdlbox > :not(.mh):not(.mb):not(.mf):first-child{padding-top:14px}
.mdlbox > :not(.mh):not(.mb):not(.mf):last-child{padding-bottom:18px}
.mdlbox > .mh + :not(.mb):not(.mf){padding-top:14px}
.srow{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line1);border-radius:12px;margin-bottom:6px;background:rgba(255,255,255,.02);flex-wrap:wrap}
.srow.hdr{border:0;background:none;padding:0 8px;margin-bottom:2px;font:500 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.srow .grip{cursor:grab;color:var(--text3);width:14px;user-select:none;letter-spacing:-2px}
.srow .nm{flex:1 1 150px;min-width:120px}
.srow input.nm{height:32px}
.srow .sw{display:flex;gap:6px;width:132px;flex:none}
.sw button{width:16px;height:16px;border-radius:50%;background:var(--c);border:0;opacity:.5;cursor:pointer;padding:0}
.sw button.on{opacity:1;box-shadow:0 0 0 2px var(--bg0),0 0 0 3px var(--c),0 0 10px var(--c)}
.srow .ty{width:92px;flex:none}
.srow .pl{width:200px;flex:none}
.srow select.sm{height:32px;width:auto}
.srow select.ty{width:92px} .srow select.pl{width:200px}
.srow.over{box-shadow:0 -2px 0 var(--accent)}
.srow.dragging{opacity:.4}
input.bad{box-shadow:0 0 0 1px var(--hot)!important}
.bld{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
@media (max-width:1100px){.bld{grid-template-columns:minmax(0,1fr)}}
.bdpanel{position:sticky;top:16px}
.bdname{max-width:520px;flex:1;font-weight:600}
.bdpill{max-width:100%;height:auto;min-height:32px;padding:6px 12px;white-space:normal;text-align:left;line-height:1.3}
.bdpill.on{border-color:var(--line3);background:var(--accent-soft)}
.bstats{display:flex;gap:32px;margin-top:12px;flex-wrap:wrap}
.bstats > div{display:grid;gap:2px}
.bstats .n{font:700 22px/26px var(--serif);color:var(--text1)}
.bstats .l{font:500 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}
.flow{display:flex;flex-direction:column;align-items:center;padding:8px 0 4px;min-width:0}
.nd{display:flex;align-items:center;gap:12px;padding:12px 14px;width:100%;max-width:320px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(180deg,rgba(26,26,30,.9),rgba(16,16,19,.9));cursor:pointer;position:relative;flex-wrap:wrap;transition:border-color var(--t1),box-shadow var(--t2)}
.nd:hover{border-color:var(--line3);box-shadow:var(--glow)}
.nd.on{border-color:var(--accent);box-shadow:var(--accent-glow)}
.nd .ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.nd .ic svg{width:16px;height:16px}
.nd .tx{display:grid;gap:2px;min-width:0;flex:1}
.nd .tx b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis}
.nd .tx span{font-size:12px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nd .tx .k{font:500 9.5px var(--mono);letter-spacing:.16em;color:var(--accent)}
.nd.trig{border-color:var(--line3)} .nd.trig select{width:100%;margin-top:2px}
.nd.goal .ic{background:var(--ok-soft);color:var(--ok)}
.cn{height:34px;position:relative;width:100%}
.cn::before,.bl::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(212,180,131,.35);box-shadow:0 0 6px rgba(212,180,131,.3)}
.cn.s{height:14px}
.cn .pl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;border:1px solid var(--line3);background:var(--bg1);color:var(--accent);display:grid;place-items:center;cursor:pointer;opacity:.7;padding:0;transition:opacity var(--t1),box-shadow var(--t2),transform var(--t2) var(--spring)}
.cn .pl:hover{opacity:1;box-shadow:var(--glow);transform:translate(-50%,-50%) scale(1.15)}
.cn .pl svg{width:12px;height:12px}
.brs{display:flex;width:100%;position:relative}
.brs::before,.brs::after{content:"";position:absolute;left:25%;right:25%;height:1px;background:rgba(212,180,131,.35)}
.brs::before{top:0} .brs::after{bottom:0}
.bc{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;padding:0 6px}
.bc .nd{padding:10px 12px}
.bl{height:26px;display:flex;align-items:center;justify-content:center;position:relative;width:100%}
.bl .chip{position:relative;background:#17171b;border-radius:999px;clip-path:none}
.pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (max-width:760px){.pk{grid-template-columns:1fr 1fr}.srow .sw,.srow .ty,.srow .pl{width:auto}}
.pkb{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line1);border-radius:12px;background:rgba(255,255,255,.02);color:var(--text1);text-align:left;font-size:13px;cursor:pointer;transition:border-color var(--t1),box-shadow var(--t2)}
.pkb:hover{border-color:var(--line3);box-shadow:var(--glow)}
.pkb svg{width:16px;height:16px;color:var(--accent);flex:none}
/* calm Today hero */
.readout.calm{padding:6px 0 6px 14px;gap:2px;opacity:.9}
.readout.calm .v{font-size:17px;color:var(--text2);font-weight:500}
.focus .quote{font-size:18px;line-height:1.35;padding:2px 12px;margin:12px 0 8px;background:none;border-left:1px solid rgba(224,112,95,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:38ch}
.focus .addr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.focus .opener{font-size:12.5px;color:var(--text3);margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.focus .actions{margin-top:18px;gap:10px}
.qlinks{display:inline-flex;gap:14px;margin-left:6px}
.qlinks button{background:none;border:0;padding:0;color:var(--text3);font:500 12px var(--sans);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.qlinks button:hover{color:var(--text1)}
.qlinks kbd{height:16px;min-width:16px;font-size:9px}
/* ---- Addendum I: bulk bar, calendar, contracts ---- */
.bulkbar{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,calc(100% + 60px));z-index:60;max-width:min(96vw,1200px);width:max-content;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;padding:10px 12px;background:rgba(20,20,23,.94);backdrop-filter:blur(18px);border:1px solid var(--line3);border-radius:20px;box-shadow:var(--sh2),var(--glow);transition:transform var(--t3) var(--spring);pointer-events:none}
.bulkbar.on{transform:translate(-50%,0);pointer-events:auto}
.bulkbar .bc{flex:none;font-family:var(--mono);font-size:12px;color:var(--text2);padding:0 10px 0 6px;white-space:nowrap}
.bulkbar .bc b{display:inline-block;color:var(--accent);font-size:15px;margin-right:4px}
.bulkbar .sep{width:1px;height:22px;background:var(--line2);margin:0 2px}
.bulkbar .btn.sm{height:30px;padding:0 10px;font-size:12px}
.bulkbar .btn.warn{color:var(--hot)}
@media (max-width:760px){.bulkbar{bottom:calc(78px + env(safe-area-inset-bottom,0px));border-radius:16px}}
body.still *{animation:none!important;transition:none!important}
.ldot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c);flex:none}
.calwrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
@media (max-width:1100px){.calwrap{grid-template-columns:1fr}}
.cal{display:grid;grid-template-columns:52px repeat(var(--cols,7),minmax(0,1fr));border:1px solid var(--line1);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(22,22,25,.8),rgba(16,16,19,.8))}
.cal .chd{padding:8px 6px;text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--text3);border-bottom:1px solid var(--line1);border-left:1px solid var(--line1);text-transform:uppercase}
.cal .chd.today{color:var(--accent)}
.cal .chd b{display:block;font:600 18px var(--serif);color:var(--text1);letter-spacing:0}
.cal .chd.today b{color:var(--accent)}
.cal .hrs div{height:44px;font:10px var(--mono);color:var(--text3);padding:4px 6px;box-sizing:border-box}
.cal .cdc{position:relative;height:528px;border-left:1px solid var(--line1);background-image:repeating-linear-gradient(180deg,transparent 0,transparent 43px,var(--line1) 43px,var(--line1) 44px)}
.cal .cdc.over{background-color:rgba(212,180,131,.06)}
.cev{position:absolute;box-sizing:border-box;border:1px solid var(--line2);border-left:3px solid var(--c);background:rgba(30,30,34,.94);border-radius:8px;font-size:11px;line-height:1.25;padding:3px 6px;overflow:hidden;cursor:grab;color:var(--text1)}
.cev:hover,.cev.on{border-color:var(--c);box-shadow:0 0 14px -4px var(--c)}
.cev{white-space:nowrap;text-overflow:ellipsis;display:flex;flex-direction:column;justify-content:center;gap:1px}.cev i{font:10px var(--mono);color:var(--text3);display:block;font-style:normal;overflow:hidden;text-overflow:ellipsis}
.cev.done,.mchip.done{opacity:.45;text-decoration:line-through}
.mon{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line1);border-radius:16px;overflow:hidden}
.mon .mh{padding:8px;font:10.5px var(--mono);letter-spacing:.08em;color:var(--text3);text-transform:uppercase;border-bottom:1px solid var(--line1)}
.mon .mc{min-height:104px;padding:6px;border-left:1px solid var(--line1);border-top:1px solid var(--line1);display:grid;gap:3px;align-content:start}
.mon .mc.dim{opacity:.4}.mon .mc.over{background:rgba(212,180,131,.06)}
.mon .mc .dn{font:11px var(--mono);color:var(--text3)}.mon .mc.today .dn{color:var(--accent)}
.mchip{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab;color:var(--text2)}
.mchip.on{color:var(--text1)}
.agd{display:grid;gap:4px}
.agd .dh{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:12px 0 4px}
.agd .ar{display:flex;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line1);border-radius:12px;cursor:pointer;font-size:13px;background:rgba(22,22,25,.6)}
.agd .ar:hover{border-color:var(--line3)}.agd .ar .tm{font:11px var(--mono);color:var(--text3);width:64px;flex:none}
.ctstep{display:flex;gap:6px;flex-wrap:wrap}
.hi input,.hi select,.hi textarea{border-color:var(--accent)!important;box-shadow:var(--accent-glow)}
.hi label{color:var(--accent)}
.rdy{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0}.rdy svg{width:14px;height:14px}.rdy.ok svg{color:var(--gold)}.rdy.no{color:var(--text3)}.rdy.no svg{color:var(--hot)}
.btn.gold-ready{color:var(--accent-ink);background:var(--accent)}
.backlink{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;color:var(--text2);font-size:13px;cursor:pointer}
.backlink:hover{color:var(--accent)}.backlink svg{width:14px;height:14px}
@media (max-width:760px){.backlink{display:none}.backtop.on{display:inline-flex!important}}
@media (min-width:761px){.backtop{display:none!important}}
.dsnotes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:16px;text-align:left}
@media (max-width:760px){.dsnotes{grid-template-columns:1fr}}
.dsnotes .pn{border:1px solid var(--line1);border-radius:14px;padding:12px 14px;background:rgba(22,22,25,.5);min-width:0}
.dsnotes .pn h4{margin:0 0 8px;font:10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;justify-content:space-between;align-items:center;gap:8px}
.dsnotes .tr{font-size:12px;color:var(--text2);line-height:1.45;margin-bottom:8px;max-height:64px;overflow:hidden}.dsnotes .tr b{color:var(--text1);font-weight:500}
.dsnotes .cf{display:grid;grid-template-columns:104px 1fr auto;gap:8px;align-items:baseline;font-size:12px;padding:4px 0;border-bottom:1px solid var(--line1)}
.dsnotes .cf .k{font:10px var(--mono);color:var(--text3);text-transform:uppercase;letter-spacing:.06em}
.dsnotes .cf .h{font:10px var(--mono);color:var(--accent);white-space:nowrap}.dsnotes .cf.wait{color:var(--text3)}
/* In-call numbers (Addendum K) */
.dtabs{display:flex;gap:2px;border-bottom:1px solid var(--line1);margin:-2px 0 10px}
.dtabs button{height:30px;padding:0 10px;color:var(--text2);border-bottom:2px solid transparent;margin-bottom:-1px;font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.dtabs button:hover{color:var(--text1)}.dtabs button.on{color:var(--accent);border-color:var(--accent);text-shadow:0 0 12px rgba(212,180,131,.5)}
.dtabs kbd{margin-left:4px}
#ds.flipin{animation:dsflip .38s ease-out}@keyframes dsflip{from{transform:perspective(1200px) rotateY(-90deg);opacity:0}to{transform:perspective(1200px) rotateY(0);opacity:1}}
#comp .chip{white-space:normal;height:auto;min-height:24px;max-width:100%}
.dnum .mtr{position:relative;height:12px;border-radius:12px;background:var(--line1);margin:30px 70px 8px;box-shadow:inset 0 0 0 1px var(--line2)}
.dnum .mtr .fill{position:absolute;inset:0;border-radius:12px;background:linear-gradient(90deg,rgba(212,180,131,.35),var(--accent));display:block}
.dnum .mtr .tk{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text1);opacity:.5;display:block}
.dnum .mtr .mk{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:var(--text1);box-shadow:0 0 10px var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1}
.dnum .mtr .mk.hi,.dnum .mtr .mk.lo{background:transparent;box-shadow:none;width:auto;height:auto}
.dnum .mtr .mk.hi{color:var(--hot);text-shadow:0 0 8px var(--hot)}.dnum .mtr .mk.lo{color:var(--ok);text-shadow:0 0 8px var(--ok)}
.dnum .mtr .mk b{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;font:600 11px var(--mono);color:var(--text1)}
.dnum .ml{display:flex;justify-content:space-between;gap:6px;font:9.5px var(--mono);color:var(--text3)}
.flipbtns{display:flex;gap:10px;margin-top:14px}.flipbtns .cb2{flex:1}
.dsflipsw{display:flex;gap:6px}.dsflipsw .btn.on{color:var(--accent-ink);background:var(--accent)}
.mdlbox.emb{width:auto!important;max-height:none;background:rgba(22,22,25,.6);border:1px solid var(--line2)}
.dtx .msgs{max-height:340px;overflow:auto}
/* call controls (Addendum K) */
.cb2{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:rgba(212,180,131,.06);color:var(--text1);font:600 13px/1 var(--sans);letter-spacing:0;white-space:nowrap;cursor:pointer;transition:background var(--t1),color var(--t1),border-color var(--t1)}
.cb2 svg{width:16px;height:16px;stroke-width:1.75;flex:none}
.cb2:hover:not(:disabled){border-color:var(--line3);background:var(--accent-soft)}
.cb2:disabled{opacity:.45;cursor:not-allowed}
.cb2.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}
.cb2.mute.on{background:var(--hot);border-color:var(--hot);color:#2A0D08}.cb2.hold.on{background:var(--amber);border-color:var(--amber);color:#2A1D05}
.cb2.end{background:#D9634F;border-color:#D9634F;color:#2A0D08}.cb2.end:hover:not(:disabled){background:#E88A78}
.cb2.ghost{background:transparent;border-color:transparent;color:var(--text2)}.cb2.ghost:hover{color:var(--text1);background:var(--fill1,rgba(255,255,255,.05))}
.cb2 kbd{display:none}
.cgrp{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cgrp+.cgrp{border-left:1px solid var(--line2);padding-left:12px}
.pw{position:relative;display:inline-block}
.cpop{position:absolute;top:calc(100% + 8px);left:0;z-index:20;min-width:176px;padding:10px;border:1px solid var(--line3);border-radius:14px;background:rgba(16,16,19,.97);box-shadow:0 12px 36px rgba(0,0,0,.6);display:grid;gap:6px;text-align:left}
.cpop .dg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cpop .dg button{height:36px;border-radius:10px;border:1px solid var(--line2);background:rgba(212,180,131,.06);font:600 15px var(--mono);color:var(--text1);cursor:pointer}.cpop .dg button:hover{background:var(--accent-soft)}
.cpop .dv{font:600 15px var(--mono);color:var(--accent);min-height:20px;letter-spacing:.1em}
.recind{display:inline-flex;align-items:center;gap:6px;font:10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hot)}.recind i{width:7px;height:7px;border-radius:50%;background:var(--hot);box-shadow:0 0 6px var(--hot)}
.ctlrow{position:relative;z-index:30;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.callstate .chip{vertical-align:middle;margin-left:8px;font-size:11px;text-shadow:none}
.dstrip .cgrp .pw .cpop{left:auto}
.dstrip{position:sticky;top:0;z-index:5}
.dnum{display:grid;gap:10px;font-size:12px;min-width:0}
.dnum .flds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dnum .fl{min-width:0}.dnum .fl label{display:block;font:9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}
.dnum .fl .in{display:flex;align-items:center;gap:2px;border-bottom:1px dashed var(--line3);color:var(--accent);font:600 15px var(--serif)}
.dnum .fl input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:inherit;font:inherit;padding:2px 0}
.dnum .fl .in:focus-within{border-bottom-color:var(--accent)}
.dnum .nt{font-size:10px;color:var(--text3);margin-top:2px;overflow-wrap:anywhere;line-height:1.3}
.dnum .tg{display:grid;grid-template-columns:auto repeat(3,1fr);gap:4px;align-items:center}
.dnum .tg .chip{justify-content:center;min-width:0;padding:0 6px}
.dnum .three.sm{gap:6px}.dnum .three.sm .b{padding:8px 9px}.dnum .three.sm .v{font-size:19px;margin-top:4px}.dnum .three.sm .f{font-size:10px;margin-top:4px;overflow-wrap:anywhere}.dnum .three.sm .l{font-size:8.5px;letter-spacing:.1em}
.dnum .vd{font-size:13px;font-weight:600;color:var(--text1)}.dnum .vd.ok{color:var(--ok)}.dnum .vd.warn{color:var(--amber)}
.dnum .say{border:1px solid var(--line2);border-radius:12px;padding:8px 10px;background:var(--accent-soft);color:var(--text1);font-size:12.5px;line-height:1.4}
.dnum .act{display:flex;flex-wrap:wrap;gap:6px}
.dsnotes textarea{width:100%;min-height:96px;resize:vertical}
.dsnotes details{margin-top:8px;border-top:1px solid var(--line1);padding-top:6px;font-size:12px;color:var(--text2)}.dsnotes summary{cursor:pointer;color:var(--text1)}
.dsnotes [contenteditable]{outline:0;border-bottom:1px dashed var(--line3);padding:1px 2px}.dsnotes [contenteditable]:focus{border-bottom-color:var(--accent)}
.wave.live i{animation:wv 1s ease-in-out infinite}.wave.live i:nth-child(3n){animation-delay:-.3s}.wave.live i:nth-child(3n+1){animation-delay:-.65s}.wave.live i:nth-child(5n){animation-duration:.7s}
@keyframes wv{0%,100%{transform:scaleY(1)}50%{transform:scaleY(3.4)}}
@media (prefers-reduced-motion:reduce){.wave.live i{animation:none}}
html[data-anim-call-connect="off"] .wave.live i,body.still .wave.live i{animation:none}
.three .b{container-type:inline-size}.three .b .v{font-size:clamp(20px,14cqi,34px)!important;overflow:hidden;text-overflow:ellipsis}
.pw:has(.cpop){z-index:400}.cpop{z-index:400!important;background:#121215!important;backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.75),0 0 0 1px rgba(212,180,131,.12)!important}.cpop .dg button{height:40px;width:48px}
.cbweek{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}
.cbd{border-radius:var(--r3,16px);background:linear-gradient(180deg,rgba(22,22,25,.7),rgba(16,16,19,.7));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);padding:14px;min-height:340px;display:flex;flex-direction:column;gap:8px;min-width:0}
.cbd.today{box-shadow:inset 0 0 0 1px rgba(212,180,131,.35),0 0 24px -10px rgba(212,180,131,.5)}
.cbd h5{margin:0 0 4px;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}.cbd.today h5{color:var(--accent)}
.cbi{border-radius:12px;background:rgba(255,255,255,.035);padding:10px 12px;border-left:2px solid transparent;cursor:grab}.cbi.hot{border-left-color:var(--coral,#e0705f)}
.cbi .t{font:600 12px var(--mono);color:var(--accent)}.cbi .n{font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cbi .w{font-size:12.5px;color:var(--text3);margin-top:2px}
.cbd .free{font-size:12.5px;color:var(--text3);padding:4px 2px}
/* Each day column scrolls on its own (like pipeline columns); past its end the page scrolls. */
.cbd{max-height:max(340px,calc(100vh - 300px));overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
.cbd h5{position:sticky;top:-14px;padding:14px 0 6px;margin-top:-14px;z-index:1;background:inherit}
@media (max-width:760px){.cbweek{grid-template-columns:1fr}.cbd{min-height:0;max-height:none;overflow:visible}}
#board .pcard.lifting{display:none!important}
/* ---- next-step sheet (DESIGN 6) ---- */
.nslab{display:block;margin:14px 0 6px;font:600 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.nspills{display:flex;gap:6px;flex-wrap:wrap}
.nspills button{height:34px;padding:0 14px;border-radius:999px;border:0;background:var(--fill1,rgba(212,180,131,.06));color:var(--text2);font:600 13px var(--sans);cursor:pointer;transition:box-shadow var(--t2) var(--ease),background var(--t2) var(--ease)}
.nspills button:hover{background:var(--fill2,rgba(212,180,131,.10))}
.nspills button.on{background:rgba(212,180,131,.18);color:#F0DDB8;box-shadow:inset 0 0 12px rgba(212,180,131,.22)}
.btn-primary:disabled,.btn:disabled,
.btn-hero:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.pill.tx.off{background:var(--hot-soft);color:var(--hot)}.pill.tx.off .dot{background:var(--hot);box-shadow:0 0 8px rgba(224,112,95,.8)}
/* Contacts page */
.ct-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0 0 14px}
.ct-search{flex:1 1 260px;min-width:220px;display:flex;align-items:center;gap:8px;position:relative}
.ct-search input{padding-left:12px}
.ct-f{display:grid;gap:4px;min-width:130px}
.ct-f select{height:38px}
.ct-table td{vertical-align:top}
.ct-row{cursor:pointer}
.ct-ph{display:flex;align-items:center;gap:8px;margin-bottom:4px;white-space:nowrap}
.ct-pg{padding:12px 4px;gap:10px;flex-wrap:wrap}
@media (max-width:760px){.ct-f{min-width:46%;flex:1}.ct-search{flex-basis:100%}}
/* Contacts: "More filters" panel */
.ct-badge{display:inline-block;min-width:18px;padding:0 6px;margin-left:6px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-size:var(--fs-1);line-height:18px;text-align:center}
.ct-more{margin:0 0 14px;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px 14px;align-items:end}
.ct-more .ct-f{min-width:0}
.ct-more input{height:38px;width:100%;min-width:0}
.ct-more[hidden]{display:none}
.ct-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ct-ms{position:relative}
.ct-ms summary{height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;cursor:pointer;border:1px solid var(--line2);border-radius:var(--r3);color:var(--text1);list-style:none;font-size:var(--fs-3)}
.ct-ms summary::-webkit-details-marker{display:none}
.ct-ms[open] summary{border-color:var(--line3)}
.ct-ms-list{position:absolute;z-index:60;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;max-width:300px;display:grid;gap:2px;max-height:280px;overflow:auto;padding:6px;border:1px solid var(--line3);border-radius:var(--r3);background:linear-gradient(180deg,#1E1E23,#16161A);box-shadow:0 18px 40px -12px rgba(0,0,0,.8)}
.ct-ms summary::before{display:none}
.ct-more .hp{padding:0 9px;gap:6px}
.ct-more .hp svg{width:15px;height:15px}
.ct-ms-list label{display:flex;align-items:center;gap:8px;padding:4px 6px;cursor:pointer;font-size:var(--fs-3)}
.ct-ms-list input{height:16px;width:16px;flex:none}
.ct-ms-list .n{margin-left:auto;color:var(--text3);font-size:var(--fs-1)}
.ct-more-foot{grid-column:1/-1;display:flex;align-items:center;gap:10px;justify-content:space-between}
/* ============ polish animations (fx2.js; each gated by ) ============ */
.decoding{font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(212,180,131,.45)}
.ai-scan{position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(212,180,131,.22),0 0 30px -10px rgba(212,180,131,.45)!important}
.scanline{position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;z-index:5;background:linear-gradient(90deg,transparent,rgba(212,180,131,.9),transparent);box-shadow:0 0 14px rgba(212,180,131,.8),0 0 40px rgba(212,180,131,.35);animation:scanmove 1.4s cubic-bezier(.4,0,.6,1) infinite alternate}
@keyframes scanmove{0%{transform:translateY(0)}100%{transform:translateY(var(--scan-h,300px))}}
.radar.on{opacity:1;z-index:650;background:conic-gradient(from 0deg,rgba(212,180,131,0) 0deg,rgba(212,180,131,.22) 48deg,transparent 64deg)}
.radar.css{animation:spin 1.6s linear 1 forwards}
.ping{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:1.5px solid var(--accent);box-shadow:0 0 10px rgba(212,180,131,.5);pointer-events:none;z-index:640;animation:pingout 1.4s cubic-bezier(.2,.6,.3,1) forwards}
@keyframes pingout{0%{transform:scale(.25);opacity:.95}100%{transform:scale(2.3);opacity:0}}
.has-lock,.has-hot{position:relative}
.lockon,.hotframe{position:absolute;inset:3px;pointer-events:none;z-index:4;opacity:.6}
.lockon i,.hotframe i,.reticle i{position:absolute;width:12px;height:12px;border:1.5px solid var(--gold);filter:drop-shadow(0 0 4px rgba(230,180,90,.7))}
.lockon i:nth-child(1),.hotframe i:nth-child(1),.reticle i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}
.lockon i:nth-child(2),.hotframe i:nth-child(2),.reticle i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}
.lockon i:nth-child(3),.hotframe i:nth-child(3),.reticle i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}
.lockon i:nth-child(4),.hotframe i:nth-child(4),.reticle i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
.hotframe{opacity:.85;overflow:hidden}
.hotframe i{border-color:var(--hot);filter:drop-shadow(0 0 4px rgba(224,112,95,.7))}
.hotframe b{position:absolute;left:6px;right:6px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(224,112,95,.8),transparent);box-shadow:0 0 8px rgba(224,112,95,.6);animation:hotscan 2.4s cubic-bezier(.4,0,.6,1) infinite alternate}
@keyframes hotscan{0%{transform:translateY(0)}100%{transform:translateY(calc(100% + var(--hot-h,56px)))}}
.has-hot .hotframe b{--hot-h:100%}
.cring{position:fixed;z-index:85;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;border:1.5px solid var(--accent);box-shadow:0 0 16px rgba(212,180,131,.6),inset 0 0 12px rgba(212,180,131,.25);pointer-events:none}
.powerdown{position:fixed;z-index:86;pointer-events:none;border-radius:16px;background:radial-gradient(60% 50% at 50% 50%,rgba(243,241,236,.9),rgba(212,180,131,.5) 60%,transparent);mix-blend-mode:screen;transform-origin:center}
.ostreak{position:fixed;z-index:85;width:46px;height:3px;margin:-1px 0 0 -23px;border-radius:2px;pointer-events:none;transform-origin:center;background:linear-gradient(90deg,transparent,#FFE9BF 60%,#fff);box-shadow:0 0 10px rgba(212,180,131,.9),0 0 26px rgba(212,180,131,.45)}
.kpi.pop{box-shadow:0 0 0 1px rgba(212,180,131,.5),0 0 34px -6px rgba(212,180,131,.8)!important}
.tilt{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .14s ease-out;will-change:transform;transform-style:preserve-3d}
.tilt > .glint{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden;border-radius:inherit}
.tilt > .glint::before{content:"";position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 42%,rgba(255,240,210,.14) 50%,transparent 58%);transform:translateX(var(--gx,0));transition:transform .14s ease-out}
.tilt > .glint::after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,180,131,.55),transparent);opacity:.9}
.ripple{position:fixed;z-index:80;pointer-events:none;border-radius:16px;border:1.5px solid rgba(212,180,131,.7);box-shadow:0 0 24px rgba(212,180,131,.45),inset 0 0 18px rgba(212,180,131,.2)}
.reticle{position:fixed;z-index:60;pointer-events:none}
.reticle i{width:22px;height:22px;border-width:2px;border-color:var(--accent);filter:drop-shadow(0 0 6px rgba(212,180,131,.8))}
.reticle b{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:1px solid rgba(212,180,131,.8);box-shadow:0 0 18px rgba(212,180,131,.5)}
.reticle b::before,.reticle b::after{content:"";position:absolute;background:rgba(212,180,131,.8)}
.reticle b::before{left:50%;top:-8px;bottom:-8px;width:1px;margin-left:-.5px}.reticle b::after{top:50%;left:-8px;right:-8px;height:1px;margin-top:-.5px}
.lowpower .tilt{transform:none}
@media (prefers-reduced-motion:reduce){.scanline,.ping,.hotframe b,.radar{animation:none}.tilt{transform:none}}
/* ============ real maps (hudmap.js: Leaflet + OSM tiles under the HUD) ============ */
.hudmap{position:relative;overflow:hidden;border-radius:16px}
.hudmap-in{position:absolute;inset:0;background:#0B0B0D}
.hudmap-in.nomap{display:none}
.map.hud.leaf{height:440px;padding:0;aspect-ratio:auto}
.map.hud.leaf .legend{position:absolute;left:12px;bottom:12px;z-index:660;pointer-events:none}
.leaflet-container{background:#0B0B0D;font-family:var(--sans);font-size:12px}
.leaflet-tile-pane{filter:invert(1) hue-rotate(190deg) brightness(.76) contrast(.94) saturate(.28) sepia(.38)}
.leaflet-control-zoom a{background:rgba(20,20,23,.92)!important;color:var(--accent)!important;border-color:rgba(212,180,131,.18)!important;font-weight:500}
.leaflet-control-zoom a:hover{background:rgba(212,180,131,.14)!important}
.leaflet-bar{border:0!important;box-shadow:0 0 0 1px rgba(212,180,131,.22),0 8px 20px -10px rgba(0,0,0,.8)!important;border-radius:10px!important;overflow:hidden}
.leaflet-control-attribution{background:rgba(11,11,13,.72)!important;color:var(--text3)!important;font:9px var(--mono)!important;letter-spacing:.04em;padding:2px 6px!important}
.leaflet-control-attribution a{color:var(--accent)!important}
.hudpin-wrap{background:none;border:0}
.fpin{display:block;width:22px;height:22px;border-radius:50%;position:relative}
.fpin::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,var(--c,#D4B483) 0,rgba(212,180,131,.3) 40%,transparent 70%);opacity:.55}
.fpin::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--c,#D4B483);box-shadow:0 0 0 2px #0B0B0D,0 0 10px var(--c,#D4B483)}
.fpin.g::after{width:12px;height:12px;margin:-6px 0 0 -6px}
.fpin.g{box-shadow:inset 0 0 0 1px rgba(230,180,90,.55)}
.hudtip{background:rgba(20,20,23,.94)!important;color:var(--text1)!important;border:1px solid rgba(212,180,131,.3)!important;border-radius:10px!important;box-shadow:0 0 20px -6px rgba(212,180,131,.4)!important;font:12px var(--sans)!important;padding:5px 9px!important}
.hudtip::before{display:none}
.hudmap .radar,.hudmap .ping{z-index:650}
#impdrop.over{box-shadow:var(--glow);border-color:var(--line3)}
/* Deal card and stage tracker (dealfix): container-aware so nothing overlaps at any width */
.stepper{display:block;margin:14px 0 4px;container-type:inline-size}
.stepper::before{display:none}
.stepper .stp{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;position:relative}
.stepper .stp::before{content:"";position:absolute;left:5.5%;right:5.5%;top:11px;height:1px;background:rgba(212,180,131,.12)}
.stepper .st{min-width:0}
.stepper .l{overflow-wrap:anywhere;hyphens:none;padding:0 1px}
.stepper .scap{display:none}
.stepper .st.on .dotc{box-shadow:var(--accent-glow)}
@container (max-width:619px){
.stepper .stp{display:flex;justify-content:space-between;align-items:center;gap:0;padding:0 2px}
.stepper .stp::before{left:10px;right:10px;top:50%}
.stepper .st{display:block;flex:none}
.stepper .l{display:none}
.stepper .dotc{width:18px;height:18px;font-size:9px}
.stepper .dotc svg{width:9px;height:9px}
.stepper .st.on .dotc{width:22px;height:22px}
.stepper .scap{display:block;margin-top:10px;text-align:center}
.stepper .scap .cur{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);line-height:1.3}
.stepper .scap .cur small{display:block;font-size:10px;color:var(--text3);letter-spacing:.08em;margin-top:2px}
.stepper .scap .pn{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-size:11px;color:var(--text3)}
.stepper .scap .pn span{min-width:0;flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stepper .scap .pn .nx{text-align:right}
}
.dcard{container-type:inline-size}
.dcard .dhead{display:flex;align-items:flex-start;gap:12px}
.dcard .dh1{flex:1;min-width:0}
.dcard .daddr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.dcard .dfee{margin-top:3px}
.dcard .dhead .chip{flex:none;max-width:45%;white-space:nowrap}
.dcard .kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:baseline;white-space:nowrap}
.dcard .kv span{color:var(--text3)}
.dcard .kv b{overflow:hidden;text-overflow:ellipsis;text-align:right}
.dcard .mini{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:2px 0 6px}
.dcard .mt{padding:7px 10px;border-radius:10px;background:rgba(212,180,131,.05);display:grid;gap:1px}
.dcard .mt b{font-size:18px;line-height:1.1;font-weight:600;color:var(--text1)}
.dcard .mt span{font-size:11px;color:var(--text3);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}
@container (max-width:559px){.dcard .sides{grid-template-columns:1fr}}
html[data-theme-active="day"] .dcard .mt{background:rgba(150,112,54,.07)}
/* HUD pickers (date, time, date+time) and the lead picker. Dark glass, gold selected state, rounded. */
html{color-scheme:dark}
html[data-theme-active="day"]{color-scheme:light}
input[type=date],input[type=time],input[type=datetime-local],input[type=file],input[type=range],input[type=color]{color-scheme:inherit;color:var(--text1);background:var(--fill1,rgba(212,180,131,.05));border:1px solid var(--line2);border-radius:12px;height:38px;padding:0 12px;font:400 14px/1.4 var(--sans);outline:0}
input[type=file]{height:38px;padding:4px 12px 4px 4px;box-sizing:border-box;font:400 14px/28px var(--sans);color:var(--text2);cursor:pointer}
input[type=file]::file-selector-button{height:28px;margin:0 10px 0 0;padding:0 12px;border-radius:9px;border:1px solid var(--line2);background:rgba(212,180,131,.1);color:var(--text1);font:700 13px/1 var(--sans);cursor:pointer;transition:background var(--t1)}
input[type=file]:hover::file-selector-button{background:rgba(212,180,131,.2)}
input.hp-src{display:none!important}
.hp{display:inline-flex;align-items:center;gap:9px;width:100%;height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);background:var(--fill1,rgba(212,180,131,.05));color:var(--text1);font:400 14px/1.4 var(--sans);cursor:pointer;text-align:left;transition:border-color var(--t1),box-shadow var(--t1)}
.hp svg{flex:none;color:var(--accent)}
.hp .hpv{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp.empty .hpv{color:var(--text3)}
.hp:hover{border-color:var(--line3)}
.hp:focus-visible,.hp.open{border-color:var(--accent);box-shadow:0 0 0 1px rgba(212,180,131,.28),0 0 18px -2px rgba(212,180,131,.4);outline:0}
.hp:disabled{opacity:.5;cursor:not-allowed}
.hppop{display:none}
.hppop.on{display:block;position:fixed;z-index:9000;width:336px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;padding:12px;border-radius:18px;border:1px solid var(--line3);background:rgba(20,20,23,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--sh3),var(--glow);animation:pal-in var(--t3) var(--spring)}
.hppop.k-datetime-local{width:336px}
.hppop .hpchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.hpchip{height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--text2);font:500 12px/1 var(--sans);cursor:pointer;transition:background var(--t1),color var(--t1),border-color var(--t1)}
.hpchip:hover,.hpchip:focus-visible{background:var(--accent-soft);color:var(--accent);border-color:var(--line3);outline:0}
.hppop .drg .d{border-radius:10px;cursor:pointer;background:transparent;border:0}
.hppop .drg .d.s{clip-path:none;border-radius:10px;background:var(--accent);color:var(--accent-ink)}
.hppop .drg .d:disabled{opacity:.3;cursor:not-allowed}
.hppop .drg .d:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.hppop .drh .ibtn{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--text2)}
.hppop .drh .ibtn:hover{background:var(--accent-soft);color:var(--accent)}
.hpsep{height:1px;background:var(--line1);margin:12px 0}
.hptop{display:flex;gap:8px;margin-bottom:8px}
.hptop .hpt{flex:1;min-width:0;text-align:center;font-size:18px;letter-spacing:.06em}
.hptop .hpt.bad{border-color:var(--hot);box-shadow:0 0 0 1px rgba(224,112,95,.4)}
.hpap{display:flex;border:1px solid var(--line2);border-radius:12px;overflow:hidden;flex:none}
.hpap button{width:50px;border:0;background:transparent;color:var(--text2);font:600 13px/1 var(--mono);cursor:pointer}
.hpap button.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 12px rgba(212,180,131,.5)}
.hpslots{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-height:176px;overflow:auto;padding:2px}
.hpslot{height:32px;border-radius:10px;border:0;background:transparent;color:var(--text2);font:400 12px/1 var(--mono);cursor:pointer}
.hpslot:hover{background:var(--accent-soft);color:var(--text1)}
.hpslot.on{background:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:0 0 12px rgba(212,180,131,.5)}
.hpslot:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.hpfoot{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line1)}
.hppop.sheet.on{left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;border-radius:18px 18px 0 0;border-bottom:0}
html[data-theme-active="day"] .hppop.on{background:rgba(244,240,230,.98)}
.lp{position:relative}
.lp .lpin{padding-right:36px}
.lp .lpx{position:absolute;right:6px;top:5px;width:28px;height:28px;border-radius:8px;border:0;background:transparent;color:var(--text3);font-size:20px;line-height:1;cursor:pointer}
.lp .lpx:hover{color:var(--accent);background:var(--accent-soft)}
.lpres{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;max-height:260px;overflow:auto;padding:6px;border-radius:14px;border:1px solid var(--line3);background:rgba(20,20,23,.98);backdrop-filter:blur(18px);box-shadow:var(--sh3),var(--glow)}
.lpit{display:grid;width:100%;gap:1px;text-align:left;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--text1);cursor:pointer;font:inherit}
.lpit b{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lpit span{font-size:12px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lpit:hover,.lpit.on{background:var(--accent-soft)}
.lpit.on b{color:var(--accent)}
.lpnone{padding:12px;font-size:13px;color:var(--text3)}
html[data-theme-active="day"] .lpres{background:rgba(244,240,230,.98)}
html[data-theme-active="day"] select option{background:#F4F0E6;color:#1C1A16}
html[data-theme-active="day"] .hppop .drg .d.s,html[data-theme-active="day"] .hpslot.on,html[data-theme-active="day"] .hpap button.on{color:#FFF8E8}
/* ============ resizable pipeline columns ============ */
.board.sized{grid-template-columns:var(--cols);overflow-x:auto;align-items:start}
.board.sized .col{min-width:0;align-self:stretch}
.col{position:relative}
.col h4{flex-wrap:wrap;row-gap:2px;white-space:normal}
.col h4 .nm{flex:0 1 auto;max-width:100%;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.25;overflow-wrap:anywhere}
.colgrip{position:absolute;top:0;right:-5px;bottom:0;width:10px;cursor:col-resize;z-index:3;touch-action:none}
.colgrip::after{content:"";position:absolute;top:30%;bottom:30%;left:4px;width:2px;border-radius:2px;background:var(--accent);opacity:0;transition:opacity var(--t1)}
.col:hover .colgrip::after,.colgrip:hover::after,.board.resizing .colgrip::after{opacity:.45}
.colgrip:hover::after{opacity:.9}
.board.resizing{cursor:col-resize;user-select:none}
.board.resizing .pcard{pointer-events:none}
.pcard .r2 > span:first-child,.pcard .na{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.board.fitting .col h4 .nm,.board.fitting .pcard .r2 > span:first-child,.board.fitting .pcard .na{display:block;white-space:nowrap;overflow:visible}
.board.fitting .col h4{flex-wrap:nowrap}
.colempty{font-size:13px;line-height:1.4;color:var(--text3);text-align:center;padding:14px 8px}
.colwbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.colwbar .wstep{display:inline-flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden}
.colwbar .wstep button{background:transparent;border:0;color:var(--text1);font:500 15px/1 var(--sans);width:30px;height:28px;cursor:pointer}
.colwbar .wstep button:hover{background:var(--accent-soft);color:var(--accent)}
.colwbar .wstep button+button{border-left:1px solid var(--line2)}
.colwbar .colwhint{margin-left:auto}
.col h4{position:relative}
.cw{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;gap:2px;opacity:0;transition:opacity var(--t1)}
.col:hover .cw,.col:focus-within .cw{opacity:1}
@media (hover:none){.cw{opacity:1}}
.cwbtn{background:transparent;border:1px solid var(--line1);color:var(--text2);width:20px;height:20px;border-radius:6px;font:500 13px/1 var(--sans);cursor:pointer;padding:0}
.cwbtn:hover{border-color:var(--line3);color:var(--accent)}
.col h4:focus-visible{outline:none;box-shadow:var(--accent-glow);border-radius:6px}
@media (max-width:760px){
.board.sized{grid-template-columns:repeat(var(--n,5),84vw)}
.colgrip,.colwbar,.cw{display:none}
}
/* Comps: delete button on each row (hover on a mouse, always visible on touch) */
.cmp-trash{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--text2);opacity:0;transition:opacity var(--t1),background var(--t1),color var(--t1)}
.cmprow:hover .cmp-trash,.cmp-trash:focus-visible{opacity:1}
.cmp-trash:hover{background:var(--danger-soft);color:#F0A08F}
@media (hover:none){.cmp-trash{opacity:.85}}
.cmprow input.cmpsel{width:16px;height:16px;accent-color:var(--accent)}
/* ============ Describe your automation (AI box, summary, highlights) ============ */
.bdai{margin-bottom:16px;padding:18px 20px}
.bdai-h{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--accent)}
.bdai-h h3{margin:0;font-size:17px;font-weight:600;color:var(--text)}
.bdai textarea{width:100%;min-height:76px;resize:vertical;font-size:14px;line-height:1.5}
.btn-chip{cursor:pointer;height:26px;padding:0 10px;font-family:inherit;font-size:12px;letter-spacing:0}
.btn-chip:hover{border-color:var(--line3);color:var(--accent)}
.bdsum{margin-bottom:12px;padding:14px 16px;border:1px solid var(--line2);border-radius:16px;background:rgba(212,180,131,.05)}
.bdsum-t{margin:10px 0 4px;font-size:14px;line-height:1.55;color:var(--text)}
.bdun{margin:8px 0;padding:8px 12px;border-left:2px solid var(--amber);background:rgba(255,255,255,.03);font-size:13px}
.bdun ul{margin:4px 0 0;padding-left:18px;color:var(--text2)}
.nd.chg{border-color:var(--accent);box-shadow:var(--accent-glow);background:linear-gradient(180deg,rgba(212,180,131,.16),rgba(16,16,19,.92))}
.nd .tx b .chgtag{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:9px;font-style:normal;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:#14110b;vertical-align:1px}
.nd .tx b .chgtag.draft{background:transparent;color:var(--accent);border:1px solid var(--line3)}
/* ============ Today hero: switchable display (chips, arrows, stats, drill) ============ */
.herobar{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-width:0}
.herochips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:2px}
.herochips::-webkit-scrollbar{display:none}
.hchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:16px;border:1px solid var(--line2);background:transparent;color:var(--text2);cursor:pointer;font:inherit;font-size:12.5px;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}
.hchip .hv{font-family:var(--mono);font-size:11.5px;color:var(--text1);font-weight:600}
.hchip:hover{border-color:var(--line3);color:var(--text1)}
.hchip.on{border-color:var(--accent);color:var(--text1);background:var(--accent-soft);box-shadow:0 0 14px -4px var(--accent)}
.hchip.alert .hv{color:var(--hot)}
.hchip:focus-visible,.harr:focus-visible,.hstat:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.harr{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);background:transparent;color:var(--text2);cursor:pointer}
.harr:hover{color:var(--text1);border-color:var(--accent)}
.heroeyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.hot-t{color:var(--hot);font-weight:600}
.herostats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hstat{display:grid;gap:2px;text-align:left;padding:8px 12px;border:1px solid var(--line2);border-radius:8px;background:rgba(255,255,255,.02);color:var(--text2);cursor:pointer;font:inherit;min-width:92px;transition:border-color .2s,background .2s}
.hstat .l{font-size:11px;color:var(--text3)}
.hstat b{font-size:17px;color:var(--text1);font-weight:600}
.hstat:hover,.hstat.on{border-color:var(--accent);background:var(--accent-soft)}
.herodrill{margin-top:10px;border:1px solid var(--line2);border-radius:8px;padding:8px 12px;max-height:230px;overflow:auto;background:rgba(0,0,0,.14)}
.herodrill .dh{display:flex;align-items:baseline;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--line1);margin-bottom:2px}
.herodrill .dh a{margin-left:auto;color:var(--accent)}
.herodrill .dr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) auto;gap:10px;padding:7px 0;border-bottom:1px solid var(--line1);align-items:baseline}
.herodrill .dr:last-child{border-bottom:0}
.herodrill .dr:hover b{color:var(--accent)}
.herodrill .dr *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.herohow{margin-top:12px;font-size:12px;line-height:1.45;color:var(--text3)}
.herohow b{color:var(--text2);font-weight:500}
.focus.swap{animation:herofade .35s var(--ease,ease) both}
@keyframes herofade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.focus.pulse{animation:heropulse 1.2s ease-in-out 3}
@keyframes heropulse{0%,100%{box-shadow:var(--sh3),var(--hi)}50%{box-shadow:var(--sh3),0 0 0 1px rgba(var(--kf-hot,224,112,95),.7),0 0 38px -4px rgba(var(--kf-hot,224,112,95),.65)}}
/* the ring always turns; the one on/off switch is Settings > Look & sounds > Spinning ring on Today */
html[data-anim-hero-ring="off"] .reactor .rot,html[data-anim-hero-ring="off"] .reactor .core,html[data-anim-hero-ring="off"] .reactor .flare{animation:none}
html[data-reduced-motion="on"] .focus.pulse,html[data-reduced-motion="on"] .focus.swap{animation:none}
@media (prefers-reduced-motion:reduce){.reactor .rot,.reactor .core,.reactor .flare,.focus.pulse,.focus.swap{animation:none}}
html[data-theme-active="day"] .hchip.on{background:rgba(150,112,54,.14);border-color:#96702F}
html[data-theme-active="day"] .hstat,html[data-theme-active="day"] .herodrill{background:rgba(255,255,255,.4)}
html[data-theme-active="day"] .hchip .hv,html[data-theme-active="day"] .hstat b{color:var(--text1)}
.herodrill .dh .faint{display:none}
/* New contact panel (slides in from the right; full screen on a phone) */
.nc-bg{position:fixed;inset:0;z-index:70;background:rgba(2,6,10,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity var(--t2) var(--ease)}
.nc-bg.on{opacity:1;pointer-events:auto}
.nc-panel{width:min(560px,100vw);height:100%;display:flex;flex-direction:column;background:var(--bg1,#141417);border-left:1px solid var(--line3);box-shadow:var(--sh2);transform:translateX(24px);transition:transform var(--t3) var(--ease)}
.nc-bg.on .nc-panel{transform:none}
.nc-h{padding:18px 22px 12px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line1)}
.nc-h h3{margin:0;font:600 20px var(--serif)}
.nc-b{padding:16px 22px;overflow:auto;flex:1;-webkit-overflow-scrolling:touch}
.nc-f{padding:12px 22px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line1);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.nc-type{margin-bottom:14px}
.nc-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nc-3{display:grid;grid-template-columns:2fr 1.4fr 1.4fr;gap:10px}
.nc-3 .field{min-width:0}
.nc-3 select{width:100%;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nc-ph{display:grid;grid-template-columns:1fr 104px auto auto;gap:8px;align-items:center;margin-bottom:8px}
.nc-pri{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text2);white-space:nowrap}
.nc-pri input,.nc-chk input{width:auto;min-height:0}
.nc-na{display:grid;grid-template-columns:150px 1fr;gap:8px}
.nc-chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:6px 0 14px;cursor:pointer}
.nc-chk input{margin-top:3px;flex:none}
.nc-box,.nc-dup{border:1px solid var(--line2);border-radius:12px;padding:12px;margin-bottom:14px;background:rgba(212,180,131,.04)}
.nc-dup{border-color:rgba(224,170,70,.5);background:rgba(224,170,70,.08)}
.nc-oppbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line1);padding:12px 0;margin-top:4px}
.nc-err{margin:8px 22px;padding:10px 12px;border-radius:10px;background:var(--danger-soft);border:1px solid rgba(224,112,95,.4);color:#F0A08F;font-size:14px}
.nc-panel [hidden]{display:none!important}
/* Segmented countdown tiles in the Today hero: only the clean day styles show them (daylight.css). */
.hseg{display:none}
/* Stat-card icon tiles (sicTile in core.js). Night: a faint tile tucked in the corner so the HUD look stays. */
.sic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(var(--sic),.07);color:rgba(var(--sic),.55);flex:none}
.sic svg{width:14px;height:14px}
.sic-gold{--sic:212,180,131}.sic-amber{--sic:230,180,90}.sic-green{--sic:143,201,154}.sic-teal{--sic:127,200,210}.sic-rose{--sic:224,112,95}
.kpi .sic,.hud-stat .sic{position:absolute;top:10px;right:10px}
.hud-stat:has(>.sic) .l{padding-right:38px;line-height:1.5}
.readout .sic{display:none}
button.readout{font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;border-radius:6px;transition:background var(--t1)}
button.readout:hover,button.readout.on{background:var(--accent-soft)}
html[data-theme-active="day"] .ct-ms-list{background:#FBFAF8;box-shadow:0 18px 40px -14px rgba(40,30,10,.35)}
/* ---- Template builder (screens/template_builder.js). Role colours are set inline and are mid-tones that read on the always-white PDF page in Night and Day. ---- */
.tb-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.tb-bar .headline{font-size:var(--fs-6)}
.tb-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:16px;align-items:start}
.tb-left,.tb-right{position:sticky;top:12px;max-height:calc(100vh - 40px);overflow:auto}
.tb-h{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:16px 0 8px}
.tb-h:first-child{margin-top:0}
.tb-role{display:flex;gap:10px;align-items:flex-start;padding:8px;margin-bottom:6px;border:1px solid var(--line1);border-radius:var(--r3);cursor:pointer}
.tb-role.on{border-color:var(--accent);background:var(--accent-soft)}
.tb-dot{width:16px;height:16px;border-radius:50%;flex:none;margin-top:3px;border:2px solid var(--text1)}
.tb-name{align-self:center}
.tb-rbody{display:grid;gap:6px;min-width:0;flex:1}
.tb-rbody input[type=text]{height:32px}
.tb-rbody .row{flex-wrap:wrap}
.tb-rbody input[type=text],.tb-rbody select{width:100%;min-width:0}
.tb-err{color:var(--bad,#c0392b);font-weight:600;margin:6px 0 0}
.tb-ord{width:56px!important;height:30px!important;padding:0 6px!important}
.tb-pal{display:flex;flex-wrap:wrap;gap:6px}
.tb-pal .btn{cursor:grab}
.tb-pal .btn.tb-armed{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow)}
.tb-check{display:flex;gap:8px;align-items:center;margin:6px 0}
.tb-pages{display:grid;gap:18px;justify-items:center;min-width:0;overflow:auto;padding:4px}
.tb-page{position:relative;background:white;box-shadow:var(--sh2);flex:none}
.tb-pageno{position:absolute;top:-16px;left:0;font-size:var(--fs-1);color:var(--text3)}
.tb-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.tb-failed::after{content:"This page could not be shown, but you can still place boxes.";position:absolute;inset:0;display:grid;place-items:center;color:#555;font-size:13px}
.tb-layer{position:absolute;inset:0}
.tb-field{position:absolute;border:2px solid;border-radius:2px;overflow:hidden;display:flex;align-items:center;padding:0 3px;cursor:move;user-select:none;touch-action:none;color:black;line-height:1}
.tb-field.on{box-shadow:0 0 0 2px white,0 0 0 4px black;overflow:visible;z-index:2}
.tb-ftxt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.tb-grip{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:black;border:2px solid white;border-radius:2px;cursor:nwse-resize}
.tb-phone{max-width:480px;margin:24px auto;text-align:center;display:grid;gap:12px;justify-items:center}
@media (max-width:1150px){.tb-grid{grid-template-columns:220px minmax(0,1fr) 220px}}
/* Pipeline board: call button on a column header (always visible; the width buttons sit just left of it) */
.col h4{position:relative;padding-right:50px;flex-wrap:nowrap;white-space:nowrap;align-items:center;min-height:28px}
.col h4 .nm{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.col h4 .sdot,.col h4 .cnt,.col h4 .tot{flex:none}
/* Each column scrolls on its own; past its end the page scrolls, so the board never makes the page huge. */
.dropcol > .cards{max-height:max(240px,calc(100vh - var(--btop,260px) - 112px));overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;margin-right:-4px;padding-right:4px}
@media (max-width:760px){.dropcol > .cards{max-height:calc(100vh - 260px)}}
.col h4.hascall{padding-right:76px}
@media (max-width:760px){.col h4{padding-right:0}.col h4.hascall{padding-right:26px}}
.cwbtn.colcall{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;opacity:.75}
.cwbtn.colcall:hover:not(:disabled){opacity:1}
.cwbtn.colcall:disabled{opacity:.3;cursor:default}
.col h4.hascall .cw{right:26px}
/* Buyer cards on the Buyers pipeline: phone and email show dim when missing */
.pcard.buyer .bcontact{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--text2)}
.pcard.buyer .bcontact .off{opacity:.3}
/* Lead page timeline scrolls on its own, like pipeline columns; past its end the page scrolls. */
.tl.tlscroll{max-height:max(320px,calc(100vh - 360px));overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;padding-right:6px}
/* Lead page layout: header card, then two equal panels that scroll inside (about one screen tall). */
.lp-card{margin-bottom:12px}
.lp-head{display:grid;gap:12px;margin-bottom:12px}
.lp-who{display:flex;gap:14px;align-items:center;min-width:0}
.lp-id{min-width:0;display:grid;gap:4px}
.lp-name{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.15;overflow-wrap:anywhere}
.lp-addr{font-size:13px;overflow-wrap:anywhere}
.lp-phones{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px}
.lp-ph{display:inline-flex;align-items:center;gap:6px}
.lp-actions{gap:8px}
.lp-grid{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:16px;align-items:stretch;height:max(520px,calc(100vh - 330px))}
.lp-left,.lp-right{min-height:0;min-width:0;display:flex;flex-direction:column}
.lp-left .nextbar{margin-bottom:12px}
.lp-left .lp-tl{flex:1;min-height:0;display:flex;flex-direction:column;margin-bottom:0}
.lp-left .lp-tl .tl.tlscroll{flex:1;min-height:0;max-height:none}
.lp-right .lp-pane{flex:1;min-height:0;overflow-y:auto;padding:12px 4px 4px 0;scrollbar-width:thin}
.lp-right .lp-pane[hidden]{display:none}
.lp-right .lp-card .fact{grid-template-columns:minmax(80px,104px) minmax(0,1fr)}
.lp-right .lp-card .fact > span:last-child{min-width:0;overflow-wrap:anywhere}
.lp-story{margin-bottom:12px;font-size:14px;line-height:1.5}
.lp-mobonly,.lp-tabs a.lp-mobonly{display:none}
@media (max-width:760px){
.lp-grid{grid-template-columns:minmax(0,1fr);height:auto}
.lp-left .lp-tl{display:none}
.lp-right .lp-pane{overflow:visible;padding-right:0}
.lp-mobonly,.lp-tabs a.lp-mobonly{display:inline-flex}
.lp-actions .btn,.lp-actions .btn-primary{flex:1 1 auto}
}
.lp-figs{gap:10px;margin-bottom:12px}
.lp-fig{flex:1 1 0;min-width:110px;padding:10px 14px;margin:0}
.lp-fig b{font-size:20px;font-family:var(--serif)}
.lp-pe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.lp-pe label{display:grid;gap:4px;min-width:0}
.lp-pe .lp-pe-wide{grid-column:1 / -1}
@media (max-width:560px){.lp-pe{grid-template-columns:minmax(0,1fr)}}
/* Lead timeline: when each entry happened */
.tl .ev .tl-when{display:block;font:500 10.5px var(--mono);letter-spacing:.04em;color:var(--text3);margin-bottom:2px}
/* Imported facts nobody has checked yet */
.chip.unver{border:1px dashed rgba(230,180,90,.55);background:transparent}
/* ---- call-back reminder cards (components/cbpop.js) ---- */
#cbtray{position:fixed;z-index:72;top:64px;right:16px;width:360px;max-height:calc(100dvh - 80px);overflow:auto;display:flex;flex-direction:column;gap:10px;pointer-events:none}
#cbtray[hidden]{display:none}
.cb-card{pointer-events:auto;padding:14px;border-radius:16px;border:1px solid var(--accent);background:var(--bg4);color:var(--text1);box-shadow:var(--sh2),var(--accent-glow);animation:cbin .25s var(--ease) both}
@keyframes cbin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.cb-hd{display:flex;align-items:center;gap:8px;font:700 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.cb-hd b{font-weight:700}.cb-when{margin-left:auto;text-transform:none;letter-spacing:0;color:var(--hot);font-weight:600}
.cb-bell{display:inline-flex}
.cb-name{font:700 18px/1.2 var(--sans);margin-top:8px}
.cb-addr{font-size:13px;color:var(--text2);margin-top:2px}
.cb-phone{display:block;margin-top:8px;padding:0;background:none;border:0;color:var(--text1);font:600 15px var(--mono);cursor:pointer;text-align:left}
.cb-phone:hover{color:var(--accent)}
.cb-step{margin-top:8px;font-size:13px}
.cb-btns{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}
.cb-open{margin-left:auto;font:600 13px var(--sans);color:var(--accent);text-decoration:underline}
.cb-resched{margin-top:10px;padding-top:10px;border-top:1px solid var(--line1)}
.cb-slots{display:flex;flex-wrap:wrap;gap:6px}
.cb-pick{display:flex;gap:6px;margin-top:8px}.cb-pick input{flex:1;min-width:0}
.cb-err{color:var(--hot);margin-top:6px}
.cb-more{pointer-events:auto;text-align:center;padding:8px;border-radius:12px;border:1px solid var(--line2);background:var(--bg4);font:600 13px var(--sans);color:var(--text1)}
.cb-mute{pointer-events:auto;align-self:flex-end;display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid var(--line2);background:var(--bg4);color:var(--text2);font:600 11px var(--sans);cursor:pointer}
@media (max-width:720px){#cbtray{left:8px;right:8px;width:auto;top:58px}.cb-btns .btn,.cb-btns .btn-primary{min-height:40px}.cb-pick input{font-size:16px}}
/* Scrolling timelines clip anything outside the box, so draw the line inside it and give the dots room. */
.tl.tlscroll{border-left:0;margin-left:0;padding-left:26px;background:linear-gradient(var(--line2),var(--line2)) 9px 0/1px 100% no-repeat local}
/* Today card: the "Open profile" link lights up on hover */
a.opener{cursor:pointer;border-radius:8px;padding:2px 6px;margin-left:-6px;transition:color var(--t1),background var(--t1)}
a.opener:hover,a.opener:focus-visible{color:var(--accent);background:var(--accent-soft);outline:none}
/* Dial session setup: 'This session' follows you down the page and scrolls inside itself */
.card.d-sess-sticky,.dialer .card.d-sess-sticky{position:sticky!important;top:72px;align-self:start;max-height:calc(100vh - 88px);display:flex;flex-direction:column}
.d-sess-sticky #d-prev{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding-right:4px;scrollbar-width:thin}
@media (max-width:900px){.d-sess-sticky{position:static;max-height:none}}
/* Reports overview: tidy rows, nothing runs off the right edge */
.rp-pair>.grid,.rp-pair>.card{min-width:0}
.rp-pair>.card,.rp-pair>.grid>.card{height:100%}
@media (max-width:1100px){.rp-pair{grid-template-columns:minmax(0,1fr)!important}}