:root{--page:#F4F0E7;--card:#FFFFFF;--raised:#FAF7F0;--line:#ECE6DA;--line2:#F1ECE1;--ink:#2B2722;--text:#6E665A;--muted:#9A9384;--faint:#BCB5A6;
--gold:#C68A3C;--gold-d:#9C6A28;--gold-l:#E6B954;--gold-soft:#F7EFE0;--gold-bd:#E8D6B0;--gold-gl:rgba(198,138,60,.3);
--green:#2E7D54;--green-soft:#E6F0E8;--slate:#4E6E84;--slate-soft:#E8EFF3;--amber:#B9722E;--amber-soft:#F7E9D9;--red:#BE4A3A;--red-soft:#F6E5E0;--grey-soft:#EEEAE0;--grey-tx:#857E70;
--dark:#0A1525;--cream:#F4EFE3;--r:15px;--sh:0 1px 2px rgba(60,50,30,.05),0 14px 30px rgba(60,50,30,.07);--sh-s:0 1px 2px rgba(60,50,30,.05);--f:'Hanken Grotesk',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#E9E3D8;color:var(--text);font-family:var(--f);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px 100px}
h1,h2,h3,h4{margin:0;color:var(--ink)}.muted{color:var(--muted)}.sm{font-size:12px}.xs{font-size:11px}.tnum{font-variant-numeric:tabular-nums}
.intro{padding:44px 6px 8px}.kick{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-d);font-weight:700}
.intro h1{font-size:clamp(28px,4.6vw,40px);font-weight:700;letter-spacing:-.02em;margin:13px 0 10px}.intro p{max-width:700px;margin:0;font-size:15px}
.cap{margin:26px 0 12px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.cap h2{font-size:18px;font-weight:700}
.app{width:100%;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:72px 1fr;grid-template-rows:56px 1fr;background:radial-gradient(100% 86% at 28% -8%,rgba(255,251,243,.92),rgba(247,243,234,0) 56%),linear-gradient(150deg,#F7F3EA 0%,#F1ECE1 60%,#EDE7DB 100%);border:1px solid var(--line);box-shadow:0 24px 60px rgba(60,48,26,.14);margin-bottom:8px}
.rail{grid-row:1/span 2;background:var(--raised);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:4px}
.rail .mk{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.mk img{width:100%;height:100%;object-fit:contain}
.nav{display:flex;flex-direction:column;gap:4px;align-items:center}.nav a{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:20px;position:relative;cursor:pointer;transition:.15s}
.nav a:hover{background:var(--gold-soft);color:var(--gold-d)}.nav a.on{background:var(--gold-soft);color:var(--gold-d);box-shadow:inset 0 0 0 1px var(--gold-bd)}
.nav a::after{content:attr(data-label);position:absolute;left:50px;white-space:nowrap;background:var(--ink);color:var(--cream);font-size:11px;padding:4px 8px;border-radius:6px;opacity:0;pointer-events:none;z-index:9;transition:.12s}.nav a:hover::after{opacity:1}.rail .sp{height:1px;width:30px;background:var(--line);margin:8px 0}.rail .av{margin-top:auto}
.av{width:34px;height:34px;border-radius:50%;overflow:hidden;border:1px solid var(--gold-bd);display:flex;align-items:center;justify-content:center;background:var(--gold-soft);color:var(--gold-d);font-weight:600;font-size:12px;box-shadow:0 0 0 2px #fff,0 2px 7px rgba(0,0,0,.1)}.av img{width:100%;height:100%;object-fit:cover}
.top{grid-column:2;grid-row:1;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--line)}
.hmk{display:none;width:24px;height:24px;align-items:center;justify-content:center;flex:none}.hmk img{width:100%;height:100%;object-fit:contain}
.crumb{font-size:12.5px;color:var(--muted)}.crumb b{color:var(--ink);font-weight:600}.top .r{margin-left:auto;display:flex;align-items:center;gap:10px}
.search{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 13px;width:230px;color:var(--faint);font-size:13px;box-shadow:var(--sh-s)}.search .kbd{margin-left:auto;font-size:10px;color:var(--faint);border:1px solid var(--line);border-radius:5px;padding:1px 6px}
.icn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:16px;position:relative}.icn .pip{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;border-radius:8px;background:var(--gold);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px}
.msearch{display:none}.mnav{display:none}.main{grid-column:2;grid-row:2;padding:clamp(16px,2.4vw,26px);overflow:hidden}
.dhero{position:relative;overflow:hidden;border-radius:16px;background:radial-gradient(130% 170% at 78% 18%,#0d1729,#04070c);padding:clamp(20px,3vw,28px);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--cream);margin-bottom:20px;min-height:150px;box-shadow:0 26px 60px rgba(4,7,12,.30),inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 0 1px rgba(230,185,84,.10)}
.dhero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.dhero::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(44% 80% at 27% 38%,rgba(238,193,112,.26),transparent 60%)}
.dhero::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 28%),radial-gradient(120% 70% at 50% 130%,rgba(0,0,0,.32),transparent 62%)}
.dhero .hl{position:relative;z-index:1}.eb{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-l);font-weight:600}
.dhero h2{color:var(--cream);font-size:clamp(20px,3vw,27px);font-weight:700;line-height:1.12;margin:9px 0 0;max-width:560px}.dhero p{color:#CFC4AE;font-size:13.5px;margin:7px 0 0;max-width:440px}
.dstat{position:relative;z-index:1;background:rgba(255,255,255,.05);border:1px solid rgba(230,185,84,.25);border-radius:14px;padding:15px 18px;box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07);min-width:200px}
.phead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}.phead .eb{color:var(--gold-d)}.phead h2{font-size:clamp(19px,2.7vw,25px);font-weight:700;margin:7px 0 0;letter-spacing:-.01em;max-width:640px}.phead .sub{color:var(--muted);font-size:13px;margin-top:4px}
.grid{display:grid;gap:18px}.g2{grid-template-columns:1.5fr 1fr}.g23{grid-template-columns:1.6fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh),inset 0 1px 0 rgba(255,255,255,.75);padding:18px 20px}.card.raised{background:var(--raised)}
.h4{font-size:12.5px;font-weight:600;margin:0 0 14px;display:flex;align-items:center;gap:8px}.h4 .more{margin-left:auto;font-size:12px;color:var(--gold-d);font-weight:500;cursor:pointer}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}
.k-grey{background:var(--grey-soft);color:var(--grey-tx)}.k-gold{background:var(--gold-soft);color:var(--gold-d)}.k-slate{background:var(--slate-soft);color:var(--slate)}.k-amber{background:var(--amber-soft);color:var(--amber)}.k-green{background:var(--green-soft);color:var(--green)}.k-red{background:var(--red-soft);color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--f);font-size:13px;font-weight:600;border-radius:10px;padding:10px 16px;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);box-shadow:var(--sh-s);transition:.15s}.btn:hover{transform:translateY(-1px)}
.btn.ink{background:var(--dark);color:var(--cream);border-color:var(--dark);box-shadow:var(--sh-s),inset 0 1px 0 rgba(255,255,255,.1)}.btn.sm{padding:7px 13px;font-size:12.5px}.btn i{font-size:15px}
.nme{color:var(--ink);font-weight:500}.sub{color:var(--muted);font-size:11.5px}
.bar{height:8px;border-radius:8px;background:var(--page);overflow:hidden}.bar>b{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#E3B05A,#C6863A)}
.frank{width:30px;height:30px;border-radius:9px;background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.ftag{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-d)}
.focus{display:flex;flex-direction:column;gap:10px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:15px 16px;box-shadow:var(--sh-s),inset 0 1px 0 rgba(255,255,255,.7)}.kpi .v{font-size:23px;font-weight:700;color:var(--ink)}.kpi .l{font-size:11.5px;color:var(--muted)}.kpi .d{font-size:11px;color:var(--green);font-weight:600;margin-top:2px}
.fico{width:34px;height:38px;border-radius:7px;background:var(--gold-soft);color:var(--gold-d);display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}
.secure{display:flex;gap:9px;align-items:flex-start;background:var(--slate-soft);border:1px solid #d6e2ea;border-radius:11px;padding:11px 13px;font-size:12.5px;color:#3c5666}.secure i{color:var(--slate);font-size:17px;margin-top:1px}
.life{display:flex;gap:5px;flex-wrap:wrap}.life span{font-size:10px;padding:3px 7px;border-radius:6px;background:var(--grey-soft);color:var(--grey-tx)}.life span.on{background:var(--gold-soft);color:var(--gold-d);font-weight:600}.life span.done{background:var(--green-soft);color:var(--green)}
.dbtn{display:flex;align-items:center;gap:11px;border:1.5px solid;border-radius:12px;padding:11px 13px;cursor:pointer;background:var(--card);transition:.15s}.dbtn:hover{transform:translateY(-1px);box-shadow:var(--sh-s)}
.dbtn .di{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}.dbtn .dt{font-weight:600;font-size:13px;color:var(--ink)}.dbtn .dd{font-size:11px;color:var(--muted)}
.dbtn.g{border-color:#cfe3d6}.dbtn.g .di{background:var(--green-soft);color:var(--green)}.dbtn.s{border-color:#d6e2ea}.dbtn.s .di{background:var(--slate-soft);color:var(--slate)}.dbtn.y{border-color:#e6e2d6}.dbtn.y .di{background:var(--grey-soft);color:var(--grey-tx)}.dbtn.r{border-color:#ecd2cb}.dbtn.r .di{background:var(--red-soft);color:var(--red)}
.draft{display:flex;gap:12px;align-items:center;padding:13px 4px;border-top:1px solid var(--line2)}
.tog{width:38px;height:22px;border-radius:999px;background:var(--grey-soft);position:relative;flex:none;cursor:pointer}.tog.on{background:var(--gold)}.tog.off{background:var(--grey-soft)}.tog::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .18s}.tog.on::after{left:18px}.tog.off::after{left:2px}
.seg{display:inline-flex;background:var(--page);border:1px solid var(--line);border-radius:10px;padding:3px}.seg span{font-size:13px;padding:7px 16px;border-radius:8px;color:var(--muted);cursor:pointer;font-weight:600}.seg span.on{background:var(--card);color:var(--ink);box-shadow:var(--sh-s)}
.catrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line2)}
.hz{display:flex;flex-direction:column;gap:12px}.opp{border:1px solid var(--line);border-radius:13px;padding:15px 16px;background:var(--card);box-shadow:var(--sh-s)}.opp .meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:11.5px}.opp .meta b{color:var(--ink)}
.ins{display:flex;gap:13px;border:1px solid var(--line);border-radius:13px;padding:14px 15px;background:var(--card);transition:.15s}.ins:hover{box-shadow:var(--sh);border-color:var(--gold-bd)}.ins .body{flex:1;min-width:0}.ins .top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.insight{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.35}
.facts{margin:8px 0 0;display:flex;flex-direction:column;gap:4px}.facts .ft2{font-size:12.5px;color:var(--text);padding-left:15px;position:relative}.facts .ft2::before{content:"";position:absolute;left:3px;top:8px;width:4px;height:4px;border-radius:50%;background:var(--gold)}.facts .src{color:var(--muted);font-size:11px}
.clink{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--gold-d);cursor:pointer;background:none;border:none;padding:0;font-family:var(--f)}.clink i{font-size:15px;transition:transform .15s}.clink:hover i{transform:translateX(3px)}.act{margin-top:11px}
.whynow{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:var(--text);margin-top:9px;background:var(--raised);border-radius:8px;padding:7px 10px}.whynow i{color:var(--gold-d);font-size:14px;margin-top:1px}.whynow b{color:var(--ink)}
.facts .ft2.minus{color:var(--muted)}.facts .ft2.minus::before{background:var(--muted)}
.pipe{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.pipe .ps{font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:8px;background:var(--gold-soft);color:var(--gold-d);border:1px solid var(--gold-bd)}.pipe .ps.now{background:var(--ink);color:var(--cream);border-color:var(--ink)}.pipe i{color:var(--faint);font-size:14px}
.pers{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--gold-d);background:var(--gold-soft);border:1px solid var(--gold-bd);border-radius:8px;padding:6px 11px;margin-top:10px;line-height:1.3}.pers i{font-size:14px;flex:none}
.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs a{font-size:13px;color:var(--muted);padding:0 0 11px;border-bottom:2px solid transparent;cursor:pointer;font-weight:500}.tabs a.on{color:var(--ink);font-weight:600;border-color:var(--gold)}
.fld{padding:11px 0;border-top:1px solid var(--line2)}.fld:first-child{border-top:none;padding-top:0}.fld .fl{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700}.fld .fv{font-size:13.5px;color:var(--ink);margin-top:3px}.fld .fv.empty{color:var(--faint)}
.note{font-size:12.5px;color:var(--muted);margin:12px 4px 0;display:flex;gap:8px}.note i{color:var(--gold);font-size:15px;margin-top:2px}
.foot{margin-top:54px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center}
@media(max-width:860px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.rail{display:none}.top{grid-column:1;grid-row:1;padding:0 14px}.search{display:none}.msearch{display:flex}.mnav{display:flex;grid-column:1;grid-row:2;align-items:center;justify-content:space-around;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#FBF8F1,#F7F3EA);padding:7px 6px}.mnav a{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:20px;padding:8px 0;border-radius:10px}.mnav a.on{color:var(--gold-d);background:var(--gold-soft)}.main{grid-column:1;grid-row:3}.hmk{display:flex}.g2,.g23,.g3,.g4{grid-template-columns:1fr}.dhero{flex-direction:column;align-items:flex-start}.crumb .ws{display:none}}

/* ===== BGE semantic visual system (visual only) ===== */
.potential{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--gold-bd);border-radius:999px;padding:4px 13px 4px 5px;font-weight:700;color:var(--gold-d);font-size:13px;box-shadow:0 2px 6px rgba(198,138,60,.14)}
.potential .ring{width:20px;height:20px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--p)*1%),var(--gold-soft) 0);position:relative;flex:none}
.potential .ring::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff}
.potential small{font-weight:600;color:var(--muted);font-size:11px}
.potential.low{color:var(--amber);border-color:#e6c9a8}.potential.low .ring{background:conic-gradient(var(--amber) calc(var(--p)*1%),var(--amber-soft) 0)}
.gauge{width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--p)*1%),var(--gold-soft) 0);display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 8px 20px rgba(198,138,60,.24)}
.gauge>span{width:58px;height:58px;border-radius:50%;background:#fff;display:flex;align-items:baseline;justify-content:center;font-size:23px;font-weight:700;color:var(--gold-d)}
.gauge>span small{font-size:12px;color:var(--muted);font-weight:600;align-self:flex-start;margin-top:6px}
.cat{width:24px;height:24px;border-radius:7px;background:var(--gold-soft);color:var(--gold-d);display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex:none;margin-right:7px}
.whynow{background:var(--amber-soft)!important;border-left:3px solid var(--amber)}.whynow i{color:var(--amber)!important}.whynow b{color:#8f5320!important}
.pers{border-left:3px solid var(--gold);box-shadow:0 2px 7px rgba(198,138,60,.10)}
.src{color:var(--slate)!important;font-weight:600;font-size:11px}
.ob{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 11px;border-radius:999px;border:1px solid;white-space:nowrap}.ob i{font-size:13px}
.ob-private{background:var(--green-soft);color:var(--green);border-color:#cfe3d6}
.ob-shared{background:var(--gold-soft);color:var(--gold-d);border-color:var(--gold-bd)}
.ob-internal{background:var(--slate-soft);color:var(--slate);border-color:#d6e2ea}
.prep{background:linear-gradient(150deg,var(--gold-soft),#fff)!important;border-color:var(--gold-bd)!important}
.valcard{border-top:3px solid var(--gold);background:linear-gradient(180deg,#fffdf8,#fff)}
.evcard{border-top:3px solid var(--slate)}
.opp{border-left-width:3px;transition:.18s}.opp:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.h-near{border-left-color:var(--gold)}.h-mid{border-left-color:var(--amber)}.h-far{border-left-color:var(--slate)}
.kdot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;vertical-align:middle}
.kdot.gold{background:var(--gold)}.kdot.green{background:var(--green)}.kdot.slate{background:var(--slate)}.kdot.amber{background:var(--amber)}
.ins{transition:.18s}.ins:hover{transform:translateY(-2px)}
.kpi{border-top:3px solid var(--line)}.acc-slate{border-top-color:var(--slate)}.acc-green{border-top-color:var(--green)}.acc-gold{border-top-color:var(--gold)}

/* ===== BGE intelligence layer — visual identity (visual only) ===== */
@keyframes breathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}
@keyframes amb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(2%,-2%) scale(1.04)}}
@keyframes rcycle{0%,100%{opacity:.26}9%,22%{opacity:1}34%{opacity:.5}}
.app[data-shell="team"] .main{position:relative}
.app[data-shell="team"] .main::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(38% 48% at 16% 10%,rgba(230,185,84,.10),transparent 60%),radial-gradient(46% 56% at 88% 82%,rgba(78,110,132,.07),transparent 62%);animation:amb 24s ease-in-out infinite}
.app[data-shell="team"] .main>*{position:relative;z-index:1}
.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold-l);box-shadow:0 0 9px var(--gold-l);margin-right:8px;vertical-align:middle;animation:breathe 3.2s ease-in-out infinite}
.gauge{position:relative;width:86px;height:86px;border-radius:50%;background:conic-gradient(from -90deg,var(--gold-l),var(--gold) calc(var(--p)*1%),rgba(230,185,84,.14) 0);display:flex;align-items:center;justify-content:center;flex:none}
.gauge::before{content:"";position:absolute;inset:-9px;border-radius:50%;background:radial-gradient(circle,rgba(230,185,84,.40),transparent 68%);filter:blur(7px);z-index:0;animation:breathe 5s ease-in-out infinite}
.gauge>span{position:relative;z-index:1;width:74px;height:74px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--gold-d);box-shadow:inset 0 1px 3px rgba(0,0,0,.04)}
.gauge>span small{font-size:12px;color:var(--muted);font-weight:600}
.potential{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.72);border:1px solid rgba(232,214,176,.7);border-radius:999px;padding:4px 13px 4px 5px;font-weight:700;color:var(--gold-d);font-size:13px;box-shadow:0 2px 12px rgba(198,138,60,.16)}
.potential .ring{width:20px;height:20px;border-radius:50%;background:conic-gradient(from -90deg,var(--gold-l),var(--gold) calc(var(--p)*1%),var(--gold-soft) 0);position:relative;flex:none;box-shadow:0 0 8px rgba(230,185,84,.4)}
.potential .ring::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff}
.potential small{font-weight:600;color:var(--muted);font-size:11px}
.potential.low{color:var(--amber);border-color:#e6c9a8}.potential.low .ring{background:conic-gradient(from -90deg,#e0a06a,var(--amber) calc(var(--p)*1%),var(--amber-soft) 0);box-shadow:0 0 8px rgba(185,114,46,.3)}
.stage{display:inline-block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);font-weight:700;background:var(--gold-soft);padding:3px 8px;border-radius:5px;margin-right:9px;vertical-align:middle}
.ev-sum{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-top:9px}.ev-sum i{color:var(--green);font-size:16px}
.nuance{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--slate);background:var(--slate-soft);border-radius:8px;padding:7px 10px;margin-top:9px}.nuance i{color:var(--slate);font-size:14px;margin-top:1px}
.ins.conf-high{padding:19px 17px}.ins.conf-high .insight{font-size:15.5px}
.ins.conf-low{border-left:3px solid var(--slate)}
.reason{position:relative;overflow:hidden;border-radius:16px;min-height:400px;background:radial-gradient(130% 150% at 50% -10%,#0d1729,#04070c);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(230,185,84,.10),0 26px 60px rgba(4,7,12,.30)}
.reason canvas{position:absolute;inset:0;width:100%;height:100%}
.rcore{position:relative;z-index:1;text-align:center;padding:20px}
.orb{width:88px;height:88px;border-radius:50%;margin:0 auto 24px;background:radial-gradient(circle at 50% 42%,#FBEEBE,#C6863A 58%,#7a4e1e);box-shadow:0 0 54px 10px rgba(230,185,84,.5);animation:breathe 4s ease-in-out infinite}
.reb{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-l);font-weight:600;margin-bottom:20px}
.rlines{display:inline-flex;flex-direction:column;gap:12px;align-items:flex-start;text-align:left}
.rl{display:flex;align-items:center;gap:12px;color:#D6CBB4;font-size:15px;opacity:.26;animation:rcycle 8.5s ease-in-out infinite}
.rl:nth-child(1){animation-delay:0s}.rl:nth-child(2){animation-delay:2.1s}.rl:nth-child(3){animation-delay:4.2s}.rl:nth-child(4){animation-delay:6.3s}
.rdot{width:8px;height:8px;border-radius:50%;background:var(--gold-l);box-shadow:0 0 10px var(--gold-l);flex:none}
@media(prefers-reduced-motion:reduce){.app[data-shell="team"] .main::before,.gauge::before,.orb,.live,.rl{animation:none}.rl{opacity:.8}}

/* ===== Workspace loader (the only screen with a %) ===== */
@property --wsn{syntax:'<integer>';initial-value:0;inherits:false}
.wsload{position:relative;overflow:hidden;border-radius:18px;min-height:460px;background:radial-gradient(130% 150% at 50% -10%,#0d1729,#04070c);display:flex;align-items:center;justify-content:center;box-shadow:0 26px 60px rgba(4,7,12,.32),inset 0 0 0 1px rgba(230,185,84,.10);margin-bottom:8px}
.wsload canvas{position:absolute;inset:0;width:100%;height:100%}
.wsl-core{position:relative;z-index:1;text-align:center;width:min(430px,84%)}
.wsl-mark{width:90px;height:90px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}.wsl-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(230,185,84,.45))}
.rmk{width:58px;height:58px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}.rmk img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 13px rgba(230,185,84,.22))}
.wsl-logo{font-size:34px;font-weight:700;letter-spacing:.42em;color:var(--cream);padding-left:.42em}
.wsl-sub{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-l);margin-top:7px;margin-bottom:32px}
.wsl-bar{height:3px;border-radius:3px;background:rgba(255,255,255,.10);overflow:hidden}
.wsl-bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-l),var(--gold));box-shadow:0 0 12px rgba(230,185,84,.7);animation:wsfill 6s ease-in-out infinite}
@keyframes wsfill{0%{width:0}14%{width:18%}38%{width:46%}62%{width:72%}86%{width:96%}100%{width:100%}}
.wsl-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#CFC4AE;font-size:13px;min-height:20px}
.wsl-msgs{position:relative;height:20px;flex:1;text-align:left}
.wsl-msgs span{position:absolute;left:0;top:0;opacity:0;white-space:nowrap;animation:wsmsg 6s linear infinite}
.wsl-msgs span:nth-child(1){animation-delay:0s}.wsl-msgs span:nth-child(2){animation-delay:1.2s}.wsl-msgs span:nth-child(3){animation-delay:2.4s}.wsl-msgs span:nth-child(4){animation-delay:3.6s}.wsl-msgs span:nth-child(5){animation-delay:4.8s}
@keyframes wsmsg{0%{opacity:0}3%{opacity:1}18%{opacity:1}21%{opacity:0}100%{opacity:0}}
.wsl-pct{font-variant-numeric:tabular-nums;color:var(--gold-l);font-weight:700;--wsn:0;animation:wscount 6s ease-in-out infinite;counter-reset:wsn var(--wsn)}
.wsl-pct::after{content:counter(wsn) '%'}
@keyframes wscount{0%{--wsn:0}14%{--wsn:18}38%{--wsn:46}62%{--wsn:72}86%{--wsn:96}100%{--wsn:100}}
/* ===== BGE reasoning loader — bigger H1, 5 lines ===== */
.rhead{color:var(--cream);font-size:clamp(22px,3.5vw,31px);font-weight:700;line-height:1.18;max-width:470px;margin:0 auto 24px;letter-spacing:-.01em}
.reason .rl{animation:rcycle 10s ease-in-out infinite}
.reason .rl:nth-child(1){animation-delay:0s}.reason .rl:nth-child(2){animation-delay:2s}.reason .rl:nth-child(3){animation-delay:4s}.reason .rl:nth-child(4){animation-delay:6s}.reason .rl:nth-child(5){animation-delay:8s}
@keyframes rcycle{0%,100%{opacity:.24}7%,16%{opacity:1}26%{opacity:.5}}
/* ===== Opportunity score — ambient particle halo ===== */
.scorewrap{position:relative;flex:none}
.scorewrap>canvas{position:absolute;inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);pointer-events:none;z-index:0}
.scorewrap .gauge{position:relative;z-index:1}
/* ===== Opportunity Radar — discovery experience ===== */
.radarstage{position:relative;overflow:hidden;border-radius:16px;background:radial-gradient(120% 150% at 82% 8%,#0d1729,#04070c);padding:clamp(20px,3vw,32px);display:flex;align-items:center;gap:24px;color:var(--cream);min-height:300px;box-shadow:0 26px 60px rgba(4,7,12,.30),inset 0 0 0 1px rgba(230,185,84,.10);margin-bottom:4px}
.radarstage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rs-copy{position:relative;z-index:1;flex:1}
.radarstage .eb{color:var(--gold-l)}.radarstage h2{color:var(--cream);font-size:clamp(20px,2.8vw,27px);font-weight:700;margin:9px 0 0;max-width:430px}.radarstage p{color:#CFC4AE;font-size:13.5px;margin:9px 0 0;max-width:410px}
.rs-viz{position:relative;z-index:1;flex:none;width:min(380px,46%)}
.rs-viz svg{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 22px rgba(230,185,84,.22))}
.node .halo{transform-box:fill-box;transform-origin:center;animation:np 3.6s ease-in-out infinite}
.node.n2 .halo{animation-delay:1.2s}.node.n3 .halo{animation-delay:2.4s}
@keyframes np{0%,100%{opacity:.18;transform:scale(.7)}50%{opacity:.55;transform:scale(1.3)}}
.discs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.disc{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 18px 18px;box-shadow:0 1px 2px rgba(60,50,30,.05),0 18px 38px rgba(60,50,30,.09);transition:.22s;overflow:hidden}
.disc::before{content:"";position:absolute;top:0;left:0;right:0;height:3px}
.disc.d-near::before{background:linear-gradient(90deg,var(--gold-l),var(--gold))}
.disc.d-mid::before{background:linear-gradient(90deg,#e0a06a,var(--amber))}
.disc.d-far::before{background:linear-gradient(90deg,#8aa6b8,var(--slate))}
.disc:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(60,50,30,.05),0 30px 56px rgba(60,50,30,.14)}
.disc .dnum{position:absolute;top:13px;right:16px;font-size:30px;font-weight:700;color:var(--line2);line-height:1}
.disc .dhz{margin-bottom:4px}.disc .insight{font-size:15px;margin:8px 0 0;padding-right:26px;line-height:1.35}
.disc .act{margin-top:11px}
@media(max-width:860px){.radarstage{flex-direction:column}.rs-viz{width:min(320px,82%)}.discs{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wsl-bar b,.wsl-pct,.node .halo{animation:none}.wsl-bar b{width:100%}.wsl-pct::after{content:'100%'}.wsl-msgs span{animation:none;opacity:0}.wsl-msgs span:last-child{opacity:1}}

/* ===== Flagship refinement ===== */
.ins{background:linear-gradient(180deg,#fdf7ec,#fff 96px)}
.rechead{background:linear-gradient(135deg,#fffaf0,#fffdf9)!important;border:1px solid var(--gold-bd);border-radius:14px;padding:18px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(60,50,30,.04)}
.evcard{background:linear-gradient(180deg,#f8fafb,#fff)}
.nextcard{background:linear-gradient(180deg,#fffdf8,#fff)}
.reason{min-height:548px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),radial-gradient(52% 62% at 50% 40%,rgba(233,182,98,.22),transparent 60%),radial-gradient(42% 52% at 82% 82%,rgba(78,110,132,.13),transparent 60%),radial-gradient(130% 150% at 50% -10%,#0d1729,#04070c)}
.radarstage{display:block;min-height:auto;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 22%),radial-gradient(52% 76% at 80% 14%,rgba(233,182,98,.20),transparent 60%),radial-gradient(44% 62% at 12% 92%,rgba(78,110,132,.14),transparent 60%),radial-gradient(120% 150% at 82% 4%,#0d1729,#04070c)}
.scorewrap{background:radial-gradient(circle at 50% 50%,rgba(233,182,98,.12),transparent 64%)}
.rcore{padding:32px}
.rlock{margin-bottom:30px}
.rname{font-size:14px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-l);font-weight:700;display:flex;align-items:center;justify-content:center}
.rtag{font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:#a89a80}
.rtag::before{content:"";display:block;width:38px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:12px auto}
.rhead{font-size:clamp(27px,4.6vw,43px);font-weight:700;line-height:1.12;max-width:560px;margin:0 auto 30px;letter-spacing:-.015em}
.rlines{gap:13px}
.disc.d-near{background:radial-gradient(130% 70% at 50% -16%,rgba(230,185,84,.09),#fff 62%);box-shadow:0 1px 2px rgba(60,50,30,.05),0 24px 46px rgba(60,50,30,.12)}
.disc.d-mid{background:radial-gradient(130% 70% at 50% -16%,rgba(185,114,46,.07),#fff 62%)}
.disc.d-far{background:radial-gradient(130% 70% at 50% -16%,rgba(78,110,132,.06),#fff 62%);box-shadow:0 1px 2px rgba(60,50,30,.04),0 12px 26px rgba(60,50,30,.07)}
.rbeam line{stroke-dasharray:2 5;animation:beam 3.4s linear infinite}
@keyframes beam{to{stroke-dashoffset:-21}}
@media(prefers-reduced-motion:reduce){.rbeam line{animation:none}}

/* ===== Flagship depth pass ===== */
.ins{border-left:3px solid transparent;box-shadow:0 1px 2px rgba(60,50,30,.05),0 14px 30px rgba(60,50,30,.06),inset 0 1px 0 rgba(255,255,255,.7)}
.tier-high{border-left-color:var(--gold)}.tier-med{border-left-color:var(--amber)}.tier-monitor{border-left-color:var(--slate)}
.feat{background:linear-gradient(180deg,#fff8ec,#fff 120px);box-shadow:0 2px 4px rgba(60,50,30,.05),0 22px 46px rgba(60,50,30,.11),inset 0 1px 0 rgba(255,255,255,.85),0 0 0 1px var(--gold-bd)}
.tier{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:999px;letter-spacing:.02em}
.tier i{font-size:12px}
.t-high{background:var(--gold-soft);color:var(--gold-d)}.t-med{background:var(--amber-soft);color:var(--amber)}.t-monitor{background:var(--slate-soft);color:var(--slate)}
.frank{border-radius:10px;background:var(--raised);color:var(--gold-d);box-shadow:inset 0 0 0 1px var(--gold-bd),inset 0 1px 0 rgba(255,255,255,.6)}
.rmark{width:34px;height:34px;border-radius:11px;flex:none;background:linear-gradient(140deg,#F6E0A8,#C6863A);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 7px 18px rgba(198,138,60,.42),inset 0 1px 0 rgba(255,255,255,.55)}
.potential{padding:5px 14px 5px 6px;background:linear-gradient(180deg,#fff,#fffaf0);border:1px solid var(--gold-bd);box-shadow:0 3px 13px rgba(198,138,60,.20),inset 0 1px 0 rgba(255,255,255,.85)}
.potential .ring{width:22px;height:22px;box-shadow:0 0 11px rgba(230,185,84,.5)}
.potential.low{background:linear-gradient(180deg,#fff,#fdf3e7)}
.gauge{width:96px;height:96px}
.gauge>span{width:80px;height:80px;font-size:26px;box-shadow:inset 0 2px 6px rgba(0,0,0,.05),inset 0 0 0 1px rgba(232,214,176,.6)}
.disc{box-shadow:0 1px 2px rgba(60,50,30,.05),0 18px 38px rgba(60,50,30,.09),inset 0 1px 0 rgba(255,255,255,.7)}
.reason{min-height:580px;background:radial-gradient(40% 46% at 50% 56%,rgba(244,196,112,.15),transparent 64%),radial-gradient(58% 66% at 50% 58%,rgba(233,182,98,.09),transparent 68%),radial-gradient(42% 52% at 84% 86%,rgba(78,110,132,.11),transparent 60%),radial-gradient(130% 150% at 50% -10%,#0d1729,#110e08)}
.rhead{font-size:clamp(28px,5vw,48px)}

/* ===== Craftsmanship & consistency pass ===== */
/* 1 · Opportunity STATE — strongest signal, immediately recognisable */
.tier{font-size:11px;padding:3px 11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.t-high{background:linear-gradient(135deg,var(--gold-l),var(--gold));color:#3a2607}
.t-growing{background:linear-gradient(135deg,#dca06a,var(--amber));color:#fff}
.t-emerging{background:linear-gradient(135deg,#7e9fb4,var(--slate));color:#fff}
.t-monitor{background:var(--grey-soft);color:var(--grey-tx);box-shadow:inset 0 0 0 1px #e2ddd0}
.tier-growing{border-left-color:var(--amber)}.tier-emerging{border-left-color:var(--slate)}
/* 2 · CATEGORY — quiet identity, never competes with state */
.cat{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}
.c-prosp{color:var(--slate)}.c-rel{color:var(--green)}.c-mkt{color:var(--amber)}.c-prod{color:var(--gold-d)}.c-comp{color:var(--slate)}
.ftag{color:var(--text);font-weight:700}
/* 3 · Hero-level material on every smaller card */
.card{background:linear-gradient(180deg,#fffdf9,#fff);box-shadow:var(--sh),inset 0 1px 0 rgba(255,255,255,.85)}
.card.raised,.card.prep{box-shadow:var(--sh-s),inset 0 1px 0 rgba(255,255,255,.8)}
.kpi{box-shadow:var(--sh-s),inset 0 1px 0 rgba(255,255,255,.8)}
/* 4 · Text hierarchy — insight ▸ evidence ▸ supporting, consistently */
.insight{font-size:15px;font-weight:600;color:var(--ink);line-height:1.32;letter-spacing:-.005em}
.ins.conf-high .insight{font-size:16px}
.disc .insight{font-size:15px}
.facts .ft2{font-size:12.5px;color:#6a6256}
.src{color:var(--slate)!important;font-weight:600;font-size:11px}
.sub,.ev-sum{font-size:12px}
.h4{color:var(--ink)}

/* ===== Information hierarchy pass ===== */
/* status-led header: section label (subtle) · status (coloured) · score (hero) */
.rechdr{display:flex;align-items:flex-start;gap:14px;margin-bottom:9px}
.rmeta{flex:1;min-width:0}.rcat{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.state{display:inline-flex;align-items:center;gap:8px;font-size:15.5px;font-weight:700;letter-spacing:.01em}
.state .sdot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}
.s-high{color:var(--green)}.s-growing{color:var(--amber)}.s-emerging{color:var(--slate)}.s-monitor{color:var(--grey-tx)}
.s-high .sdot{background:var(--green)}.s-growing .sdot{background:var(--amber)}.s-emerging .sdot{background:var(--slate)}.s-monitor .sdot{background:#b8b1a2}
.rscore{flex:none;text-align:center}
.sgauge{width:54px;height:54px;border-radius:50%;background:conic-gradient(from -90deg,var(--gold-l),var(--gold) calc(var(--p)*1%),rgba(230,185,84,.16) 0);display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 5px 14px rgba(198,138,60,.24)}
.sgauge.low{background:conic-gradient(from -90deg,#e0a06a,var(--amber) calc(var(--p)*1%),var(--amber-soft) 0)}
.sgauge>span{width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--gold-d);box-shadow:inset 0 0 0 1px rgba(232,214,176,.6)}
.sgauge.low>span{color:var(--amber)}.sgauge>span small{font-size:9px;color:var(--muted);font-weight:600;align-self:flex-start;margin-top:3px}
.slabel{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:5px}
/* prepared material — crafted & valuable */
.draft{border-radius:11px;padding:13px 12px;transition:.18s}.draft:hover{background:var(--gold-soft)}
.fico{background:linear-gradient(140deg,var(--gold-soft),#fff);box-shadow:inset 0 0 0 1px var(--gold-bd),0 3px 8px rgba(198,138,60,.16);color:var(--gold-d)}
/* signal cards — hierarchy, metadata, depth */
.sigico{width:26px;height:26px;border-radius:8px;background:var(--slate-soft);color:var(--slate);display:inline-flex;align-items:center;justify-content:center;font-size:15px;box-shadow:inset 0 0 0 1px #d6e2ea}
.metrics{display:flex;gap:8px;margin-top:10px}
.metric{flex:1;background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:8px 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.metric b{display:block;font-size:15px;color:var(--ink);font-weight:700;line-height:1.1}.metric span{font-size:10px;color:var(--muted)}
/* radar mini-card timeline */
.hzbar{display:flex;gap:6px;margin:3px 0 9px}.hz{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px}
.hz-near{background:var(--gold-soft);color:var(--gold-d)}.hz-mid{background:var(--amber-soft);color:var(--amber)}.hz-long{background:var(--slate-soft);color:var(--slate)}
.hzdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:middle}.hzdot.near{background:var(--gold);box-shadow:0 0 7px rgba(230,185,84,.5)}
.hstate{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:700;color:#86C9A4;margin-top:5px;line-height:1.05;letter-spacing:-.01em}
.hsdot{width:11px;height:11px;border-radius:50%;background:#86C9A4;box-shadow:0 0 11px rgba(134,201,164,.7);flex:none}
.hzlist{display:flex;flex-direction:column;gap:10px;margin-top:2px}
.hzitem{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:var(--text);line-height:1.34}
.hzitem b{color:var(--ink);font-weight:600}.hzitem .hzdot{margin-top:5px}
.hzdot.mid{background:var(--amber);box-shadow:0 0 7px rgba(185,114,46,.45)}
.hzdot.long{background:var(--slate);box-shadow:0 0 7px rgba(78,110,132,.45)}
.radarbanner{position:relative;overflow:hidden;border-radius:16px;margin-top:18px;padding:clamp(18px,2.6vw,26px);background:radial-gradient(48% 80% at 82% 6%,rgba(233,182,98,.16),transparent 60%),radial-gradient(46% 72% at 10% 94%,rgba(78,110,132,.13),transparent 60%),radial-gradient(120% 150% at 82% 4%,#0d1729,#04070c);box-shadow:0 26px 60px rgba(4,7,12,.30),inset 0 0 0 1px rgba(230,185,84,.10);color:var(--cream)}
.radarbanner canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rb-in{position:relative;z-index:1}
.rb-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.radarbanner .eb{color:var(--gold-l)}
.rb-head h3{color:var(--cream);font-size:clamp(15px,1.9vw,19px);font-weight:600;margin:0}
.rb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rb-item{display:flex;gap:11px;align-items:flex-start;padding:14px 15px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(230,185,84,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:.18s}
.rb-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.07)}
.rb-item .hzdot{margin-top:5px}
.rb-hz{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:4px}
.rb-item.near .rb-hz{color:var(--gold-l)}.rb-item.mid .rb-hz{color:#E7B07A}.rb-item.long .rb-hz{color:#9DB6C6}
.rb-item b{color:var(--cream);font-size:14px;font-weight:600;display:block}
.rb-sub{color:#B6AB94;font-size:12px;margin-top:4px;line-height:1.35}
.rb-cta{color:var(--gold-l)!important}
@media(max-width:860px){.rb-cols{grid-template-columns:1fr}}
.rs-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rs-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--gold-l);padding:5px 11px;border-radius:999px;background:rgba(230,185,84,.13);border:1px solid rgba(230,185,84,.30)}
.rs-tag i{font-size:12px}
.rs-legend{display:flex;gap:18px;margin-top:18px;flex-wrap:wrap}
.rs-leg{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:#CFC4AE}
.rs-leg .hzdot{position:static;margin:0}
.rs-in{position:relative;z-index:1}
.rs-h{color:var(--cream);font-size:clamp(21px,3vw,29px);font-weight:700;margin:10px 0 0;max-width:560px;line-height:1.16}
.rs-p{color:#CFC4AE;font-size:14px;margin:10px 0 0;max-width:540px;line-height:1.45}
.rs-2col{display:flex;gap:34px;align-items:flex-start;margin-top:18px}
.rs-left{flex:1;min-width:0}
.rs-left .rs-viz{margin-top:20px;width:min(360px,90%)}
.rs-2col .rb-cols{flex:none;width:340px;grid-template-columns:1fr;gap:12px}
@media(max-width:860px){.rs-2col{flex-direction:column;gap:20px}.rs-2col .rb-cols{width:auto}.rs-left .rs-viz{width:min(300px,74%)}}
.bridge{position:relative;overflow:hidden;border-color:var(--gold-bd);background:linear-gradient(150deg,var(--gold-soft),#fff 72%)}
.bridge-cta{width:100%;justify-content:center;border:none!important;color:#3a2607;font-weight:700;background:linear-gradient(135deg,#E3B05A,#C68A3C);box-shadow:0 8px 20px rgba(198,138,60,.32)}
.bridge-cta:hover{filter:brightness(1.05)}
.bflow{margin-top:13px;display:flex;flex-direction:column;gap:8px}
.bf{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text)}
.bfdot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none;box-shadow:0 0 0 3px rgba(198,138,60,.14)}
.bconfirm{margin-top:13px;display:flex;gap:9px;align-items:flex-start;background:rgba(46,125,84,.08);border:1px solid rgba(46,125,84,.22);border-radius:10px;padding:10px 12px;font-size:12px;color:#2E7D54;line-height:1.4}
.bconfirm i{font-size:15px;margin-top:1px;flex:none}
.wsl-lockup{width:min(252px,66%);margin:0 auto 16px}.wsl-lockup img{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 16px rgba(230,185,84,.16))}
.wsl-sub{margin-top:0}

/* ===================== FINAL PREMIUM POLISH (additive, non-structural) ===================== */
/* Atmosphere — a second slow ambient bloom for depth (the intelligence layer) */
.app[data-shell="team"] .main::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(42% 50% at 84% 6%,rgba(230,185,84,.06),transparent 60%),radial-gradient(46% 54% at 6% 64%,rgba(78,110,132,.045),transparent 62%);animation:amb2 30s ease-in-out infinite}
@keyframes amb2{0%,100%{opacity:.7;transform:translate(0,0)}50%{opacity:1;transform:translate(0,-1.1%)}}

/* Card craft — restrained hover depth. :has() keeps container cards from double-moving when their rows lift */
.app[data-shell="team"] .card{transition:box-shadow .26s ease,transform .26s ease,border-color .26s ease}
.app[data-shell="team"] .card:not(:has(.ins)):not(:has(.draft)):not(:has(.catrow)):not(:has(.fld)):hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(60,50,30,.06),0 24px 48px rgba(60,50,30,.12),inset 0 1px 0 rgba(255,255,255,.82);border-color:var(--gold-bd)}

/* Recommendation cards — lift + warm glow, each one feels crafted */
.app[data-shell="team"] .ins{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
.app[data-shell="team"] .ins:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(60,50,30,.05),0 18px 38px rgba(198,138,60,.15);border-color:var(--gold-bd)}

/* Opportunity Score — premium intelligence indicator */
.app[data-shell="team"] .sgauge{position:relative;box-shadow:0 7px 18px rgba(198,138,60,.24),0 0 0 1px rgba(230,185,84,.20)}
.app[data-shell="team"] .sgauge::before{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(230,185,84,.32),transparent 70%);filter:blur(7px);z-index:-1;animation:breathe 5.5s ease-in-out infinite}
.app[data-shell="team"] .sgauge>span{background:radial-gradient(120% 120% at 50% 12%,#fff,#fffaf0);box-shadow:inset 0 0 0 1px rgba(230,185,84,.18),inset 0 2px 5px rgba(198,138,60,.10);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.app[data-shell="team"] .gauge{box-shadow:0 12px 26px rgba(198,138,60,.28),0 0 0 1px rgba(230,185,84,.18)}
.app[data-shell="team"] .gauge>span{align-items:center;background:radial-gradient(120% 120% at 50% 10%,#fff,#fffaf0);box-shadow:inset 0 0 0 1px rgba(230,185,84,.16),inset 0 2px 6px rgba(198,138,60,.10);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.app[data-shell="team"] .slabel{color:var(--gold-d)}
.app[data-shell="team"] .potential{box-shadow:0 4px 12px rgba(198,138,60,.18),inset 0 1px 0 rgba(255,255,255,.7)}

/* Storytelling — zone-coloured stage labels (Insight -> Evidence -> Relevance -> Value -> Next step) */
.app[data-shell="team"] .evcard .stage{color:var(--slate);background:var(--slate-soft)}
.app[data-shell="team"] .valcard .stage,.app[data-shell="team"] .nextcard .stage{color:var(--gold-d);background:var(--gold-soft)}
.app[data-shell="team"] .ps.now{box-shadow:0 4px 14px rgba(43,39,34,.26)}

/* KPI cards — semantic top accent + sharper value + hover */
.app[data-shell="team"] .kpi{position:relative;overflow:hidden;transition:box-shadow .22s ease,transform .22s ease}
.app[data-shell="team"] .kpi::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.95}
.app[data-shell="team"] .kpi.acc-green::before{background:var(--green)}
.app[data-shell="team"] .kpi.acc-slate::before{background:var(--slate)}
.app[data-shell="team"] .kpi.acc-gold::before{background:var(--gold)}
.app[data-shell="team"] .kpi:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(60,50,30,.06),0 16px 32px rgba(60,50,30,.11)}
.app[data-shell="team"] .kpi .v{font-size:24px;letter-spacing:-.02em}

/* Opportunity Radar — alive: slow sweep + deeper glow */
.app[data-shell="team"] .rs-viz::after{content:"";position:absolute;left:50%;top:50%;width:92%;height:92%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,rgba(230,185,84,.22),rgba(230,185,84,.05) 16%,transparent 32%,transparent 100%);mix-blend-mode:screen;animation:radarsweep 9s linear infinite}
@keyframes radarsweep{to{transform:translate(-50%,-50%) rotate(360deg)}}
.app[data-shell="team"] .rs-viz svg{filter:drop-shadow(0 0 22px rgba(230,185,84,.16))}

/* Prepared Material — ready-for-use medallions + hover */
.app[data-shell="team"] .fico{background:linear-gradient(140deg,#FBEFD6,#ECCF9E);box-shadow:0 5px 12px rgba(198,138,60,.20),inset 0 1px 0 rgba(255,255,255,.7)}
.app[data-shell="team"] .draft{transition:background .18s ease}
.app[data-shell="team"] .draft:hover{background:var(--gold-soft)}

/* Controls — premium feel */
.app[data-shell="team"] .tog{box-shadow:inset 0 1px 3px rgba(120,80,20,.25)}
.app[data-shell="team"] .seg span.on{background:linear-gradient(180deg,#fff,#fffaf0);color:var(--gold-d);box-shadow:0 2px 6px rgba(198,138,60,.18),inset 0 0 0 1px rgba(230,185,84,.25)}

/* Semantic dots — consistent glow; chips — subtle definition */
.app[data-shell="team"] .hzdot.near{box-shadow:0 0 9px rgba(230,185,84,.6)}
.app[data-shell="team"] .chip{box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)}

@media(prefers-reduced-motion:reduce){.app[data-shell="team"] .main::after,.app[data-shell="team"] .rs-viz::after,.app[data-shell="team"] .sgauge::before{animation:none}}

/* ===== POLISH PASS 2 — status hierarchy, smaller cards, radar, bridge ===== */
/* 1) Dashboard status: "Hög" is the primary semantic message */
.app[data-shell="team"] .hstate{font-size:31px;font-weight:800;color:#7FD7A0;letter-spacing:-.015em;text-shadow:0 0 20px rgba(127,215,160,.32)}
.app[data-shell="team"] .hsdot{width:12px;height:12px;background:#7FD7A0;box-shadow:0 0 16px rgba(127,215,160,.85)}
.app[data-shell="team"] .dstat .eb{opacity:.9}

/* 2) Smaller cards — crafted material, ambient light, depth, text hierarchy */
.app[data-shell="team"] .card:has(.draft){background:radial-gradient(120% 80% at 100% 0,rgba(230,185,84,.05),transparent 55%),linear-gradient(165deg,#FFFCF5,#fff 60%)}
.app[data-shell="team"] .card:has(.sigico){background:radial-gradient(120% 80% at 100% 0,rgba(78,110,132,.05),transparent 55%),linear-gradient(165deg,#FAFCFD,#fff 60%)}
.app[data-shell="team"] .card:has(.draft):hover,.app[data-shell="team"] .card:has(.sigico):hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(60,50,30,.06),0 22px 44px rgba(60,50,30,.12);border-color:var(--gold-bd)}
.app[data-shell="team"] .draft .nme{color:var(--ink);font-weight:600}
.app[data-shell="team"] .draft .sub{color:var(--text)}
.app[data-shell="team"] .draft .fico{position:relative}
.app[data-shell="team"] .draft .fico::after{content:"";position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid #fff;box-shadow:0 1px 3px rgba(46,125,84,.4)}
.app[data-shell="team"] .metric{background:linear-gradient(180deg,#fff,var(--raised));transition:box-shadow .18s ease,transform .18s ease}
.app[data-shell="team"] .metric:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(60,50,30,.08)}
.app[data-shell="team"] .sigico{box-shadow:inset 0 0 0 1px rgba(78,110,132,.18),0 4px 10px rgba(78,110,132,.14)}

/* 3) Opportunity Radar — strategic radar feel: discovery ping + horizon ambient + depth */
.app[data-shell="team"] .rs-viz::before{content:"";position:absolute;left:50%;top:50%;width:24%;height:24%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(230,185,84,.45);pointer-events:none;animation:radarping 4.2s ease-out infinite}
@keyframes radarping{0%{transform:translate(-50%,-50%) scale(.5);opacity:.6}80%{opacity:0}100%{transform:translate(-50%,-50%) scale(3.4);opacity:0}}
.app[data-shell="team"] .disc.d-near{background:radial-gradient(120% 85% at 100% 0,rgba(230,185,84,.07),transparent 52%),var(--card)}
.app[data-shell="team"] .disc.d-mid{background:radial-gradient(120% 85% at 100% 0,rgba(185,114,46,.055),transparent 52%),var(--card)}
.app[data-shell="team"] .disc.d-far{background:radial-gradient(120% 85% at 100% 0,rgba(78,110,132,.05),transparent 52%),var(--card);opacity:.985}
.app[data-shell="team"] .disc.d-near::before{box-shadow:0 0 14px rgba(230,185,84,.5)}
.app[data-shell="team"] .disc.d-mid::before{box-shadow:0 0 14px rgba(185,114,46,.4)}
.app[data-shell="team"] .disc.d-far::before{box-shadow:0 0 14px rgba(78,110,132,.4)}
.app[data-shell="team"] .dnum{animation:contactpulse 3.4s ease-in-out infinite}
@keyframes contactpulse{0%,100%{opacity:.55}50%{opacity:1}}

/* 4) Bridge action styling */
.app[data-shell="team"] .ins .act{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.app[data-shell="team"] .bridge-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;font-family:var(--f);color:var(--gold-d);background:var(--gold-soft);border:1px solid var(--gold-bd);border-radius:999px;padding:5px 13px;cursor:pointer;transition:box-shadow .18s ease,background .18s ease}
.app[data-shell="team"] .bridge-link:hover{background:linear-gradient(135deg,#F6E7C6,#EBD3A0);box-shadow:0 4px 12px rgba(198,138,60,.22)}
.app[data-shell="team"] .bridge-link i{font-size:14px}
.app[data-shell="team"] .bridge-done{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--green);background:var(--green-soft);border:1px solid #cfe3d6;border-radius:999px;padding:5px 13px}
.app[data-shell="team"] .bridge-done i{font-size:15px}

@media(prefers-reduced-motion:reduce){.app[data-shell="team"] .rs-viz::before,.app[data-shell="team"] .dnum{animation:none}.app[data-shell="team"] .dnum{opacity:.55}}

/* ===== Loader atmosphere — optical centering, light source, breathing motes ===== */
.wsl-lockup{position:relative;transform:translateX(-8px)}                 /* optical, not mathematical, centering */
.wsl-lockup::before{content:"";position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(400px,118%);aspect-ratio:1;border-radius:50%;z-index:-1;pointer-events:none;
  background:radial-gradient(circle,rgba(232,178,92,.30) 0%,rgba(232,178,92,.13) 24%,rgba(86,116,140,.075) 50%,rgba(86,116,140,.03) 64%,transparent 75%);
  animation:wsglow 7.5s ease-in-out infinite}
@keyframes wsglow{0%,100%{opacity:.82;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
.wsl-particles{position:absolute;inset:0;pointer-events:none;z-index:3}
.wsp{position:absolute;width:var(--s,3px);height:var(--s,3px);border-radius:50%;
  background:radial-gradient(circle,rgba(244,208,132,.95),rgba(230,185,84,.35) 55%,transparent 76%);
  box-shadow:0 0 7px rgba(230,185,84,.45);opacity:0;
  animation:wsfloat var(--d,12s) ease-in-out var(--delay,0s) infinite}
@keyframes wsfloat{0%,100%{opacity:0;transform:translate(0,0)}15%{opacity:.5}50%{opacity:.82;transform:translate(var(--dx,4px),var(--dy,-12px))}85%{opacity:.4}}
@media(prefers-reduced-motion:reduce){.wsl-lockup::before,.wsp{animation:none}.wsp{opacity:.35}}

/* ===== Continuous learning — not-surfaced, threads, feedback & history ===== */
.heldcard{border-top:3px solid var(--grey-tx);background:radial-gradient(120% 80% at 100% 0,rgba(133,126,112,.05),transparent 55%),var(--card)}
.held-stage{color:var(--grey-tx)!important;background:var(--grey-soft)!important}
.held{display:flex;flex-direction:column;gap:12px}
.helditem{display:flex;gap:11px;align-items:flex-start}
.hdot{width:9px;height:9px;border-radius:50%;background:var(--grey-tx);flex:none;margin-top:5px;box-shadow:0 0 0 3px rgba(133,126,112,.12)}
.htitle{font-size:13.5px;font-weight:600;color:var(--ink)}
.hreason{font-size:12.5px;color:var(--text);margin-top:2px;display:flex;gap:6px;align-items:flex-start}
.hreason i{color:var(--grey-tx);font-size:14px;margin-top:1px;flex:none}

.threadgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:860px){.threadgrid{grid-template-columns:1fr}}
.thread{display:flex;flex-direction:column}
.th-top{display:flex;align-items:center;gap:10px;margin-bottom:9px;flex-wrap:wrap}
.th-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}
.th-badge i{font-size:13px}
.tg-green{background:var(--green-soft);color:var(--green)}
.tg-amber{background:var(--amber-soft);color:var(--amber)}
.tg-slate{background:var(--slate-soft);color:var(--slate)}
.tg-gold{background:var(--gold-soft);color:var(--gold-d)}
.th-meta{font-size:11.5px;color:var(--muted);margin-left:auto}
.th-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:12px}
.th-flow{display:flex;flex-direction:column;gap:11px;position:relative;padding-left:4px}
.th-flow::before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--faint),var(--gold-bd))}
.th-step{display:flex;gap:11px;align-items:flex-start;font-size:13px;color:var(--text);line-height:1.42;position:relative}
.th-step b{color:var(--ink);font-weight:700;margin-right:5px}
.th-dot{width:10px;height:10px;border-radius:50%;flex:none;margin-top:3px;position:relative;z-index:1}
.th-dot.then{background:var(--faint);box-shadow:0 0 0 3px rgba(188,181,166,.16)}
.th-dot.th-green{background:var(--green);box-shadow:0 0 8px rgba(46,125,84,.5)}
.th-dot.th-amber{background:var(--amber);box-shadow:0 0 8px rgba(185,114,46,.5)}
.th-dot.th-slate{background:var(--slate);box-shadow:0 0 8px rgba(78,110,132,.5)}
.th-dot.th-gold{background:var(--gold);box-shadow:0 0 8px rgba(230,185,84,.55)}
.th-act{margin-top:14px}

.fbpop{display:flex;justify-content:center;margin-bottom:22px}
.fbpop-in{position:relative;width:min(560px,100%);background:linear-gradient(180deg,#fffdf8,#fff);border:1px solid var(--gold-bd);border-radius:18px;padding:24px 26px;box-shadow:0 2px 6px rgba(60,50,30,.05),0 30px 60px rgba(60,50,30,.16);text-align:center}
.fbk{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);font-weight:700;margin-bottom:11px}
.fbq{font-size:19px;font-weight:600;color:var(--ink);margin:0;line-height:1.3;letter-spacing:-.01em}
.fbsub{font-size:12.5px;color:var(--muted);margin-top:8px}
.fbscale{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.fbopt{font-family:var(--f);font-size:12.5px;font-weight:600;color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:999px;padding:8px 15px;cursor:pointer;transition:border-color .16s,color .16s,background .16s,box-shadow .16s}
.fbopt:hover{border-color:var(--gold-bd);color:var(--gold-d);background:var(--gold-soft);box-shadow:0 4px 12px rgba(198,138,60,.16)}
.fbnote{display:flex;gap:8px;align-items:flex-start;text-align:left;font-size:12px;color:var(--muted);margin-top:18px;padding-top:14px;border-top:1px solid var(--line2);line-height:1.45}
.fbnote i{color:var(--gold-d);font-size:15px;margin-top:1px;flex:none}

.hrow{display:flex;gap:13px;align-items:center;padding:13px 2px;border-top:1px solid var(--line2)}
.learn{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--ink);padding:7px 0;line-height:1.4}
.learn i{color:var(--slate);font-size:15px;margin-top:1px;flex:none}
.rmk img{transform:translateX(-17%)}

/* ===== Thread detail modal (Pågående trådar) ===== */
.thmodal[hidden]{display:none}
.thmodal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.thmodal-bd{position:absolute;inset:0;background:rgba(20,15,8,.5);backdrop-filter:blur(3px)}
.thmodal-card{position:relative;width:min(680px,100%);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#fffdf8,#fff);border:1px solid var(--gold-bd);border-radius:20px;padding:26px 28px;box-shadow:0 40px 90px rgba(4,7,12,.42)}
.thmodal-x{position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
.thmodal-x:hover{color:var(--ink);border-color:var(--gold-bd)}
.thm-top{display:flex;align-items:center;gap:10px;margin-bottom:9px;flex-wrap:wrap;padding-right:36px}
.thm-title{font-size:22px;font-weight:700;color:var(--ink);margin:0 0 20px;letter-spacing:-.01em}
.thm-body{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}
@media(max-width:680px){.thm-body{grid-template-columns:1fr;gap:20px}}
.thm-lab{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:12px}
.thm-tl{position:relative;padding-left:6px}
.thm-tl::before{content:"";position:absolute;left:9px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--faint),var(--gold-bd))}
.ev{display:flex;gap:13px;align-items:flex-start;padding:7px 0;position:relative}
.ev .dot{width:11px;height:11px;border-radius:50%;flex:none;margin-top:3px;background:var(--faint);position:relative;z-index:1;box-shadow:0 0 0 3px #fff}
.ev.mid .dot{background:var(--muted)}
.ev.green .dot{background:var(--green);box-shadow:0 0 0 3px #fff,0 0 9px rgba(46,125,84,.55)}
.ev.amber .dot{background:var(--amber);box-shadow:0 0 0 3px #fff,0 0 9px rgba(185,114,46,.55)}
.ev.slate .dot{background:var(--slate);box-shadow:0 0 0 3px #fff,0 0 9px rgba(78,110,132,.55)}
.ev.gold .dot{background:var(--gold);box-shadow:0 0 0 3px #fff,0 0 9px rgba(230,185,84,.6)}
.ev .when{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.ev .etext{font-size:13px;color:var(--text);line-height:1.42;margin-top:2px}
.thm-side{display:flex;flex-direction:column;gap:14px}
.thm-block{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:13px 15px}
.thm-h{display:flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--gold-d);margin-bottom:6px}
.thm-h i{font-size:14px}
.thm-block p{margin:0;font-size:13px;color:var(--text);line-height:1.46}
.thm-foot{margin-top:22px;display:flex;justify-content:flex-end}
.rb-item .hzdot{flex:none}
.rail a,.mnav a{cursor:pointer}
.fbdone{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--green);background:var(--green-soft);border:1px solid #cfe3d6;border-radius:999px;padding:9px 16px;margin-top:18px}
.fbdone i{font-size:16px}

/* ===== Generic overlay (preview + booking) ===== */
.ovl[hidden]{display:none}
.ovl{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.ovl-bd{position:absolute;inset:0;background:rgba(20,15,8,.5);backdrop-filter:blur(3px)}
.ovl-card{position:relative;width:min(620px,100%);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#fffdf8,#fff);border:1px solid var(--gold-bd);border-radius:20px;padding:26px 28px;box-shadow:0 40px 90px rgba(4,7,12,.42)}
.ovl-card.sm{width:min(460px,100%)}
.ovl-x{position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
.ovl-x:hover{color:var(--ink);border-color:var(--gold-bd)}
.pv-kick{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--gold-d);margin-bottom:7px}
.pv-title{font-size:21px;font-weight:700;color:var(--ink);margin:0 0 16px;letter-spacing:-.01em;padding-right:34px}
.pv-body{white-space:pre-wrap;font-family:var(--f);font-size:13.5px;line-height:1.62;color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:0}
.pv-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;flex-wrap:wrap}
.pv-note{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted)}
.pv-note i{font-size:14px;color:var(--gold-d)}
.pv-sub2{font-size:13px;color:var(--text);margin:0 0 16px;line-height:1.5}
.slots{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.slot{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;transition:.16s}
.slot:hover{border-color:var(--gold-bd);background:var(--gold-soft);transform:translateY(-1px)}
.slot b{font-size:13.5px;color:var(--ink);font-weight:700}
.slot span{font-size:12.5px;color:var(--text)}
.bookdone{display:flex;align-items:center;gap:14px;padding:6px 2px}
.bookdone i{font-size:34px;color:var(--green)}
.bookdone b{font-size:16px;color:var(--ink)}
/* added-to-customer confirmation */
.added{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--green);background:var(--green-soft);border:1px solid #cfe3d6;border-radius:999px;padding:10px 16px}
.added i{font-size:16px}
/* toast */
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,18px);z-index:240;display:flex;align-items:center;gap:9px;max-width:90vw;background:var(--dark);color:#F3EAD9;font-size:13.5px;font-weight:500;padding:12px 18px;border-radius:999px;box-shadow:0 18px 50px rgba(20,15,8,.4);opacity:0;transition:opacity .3s,transform .3s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast i{font-size:17px;color:var(--gold-l)}
.more{cursor:pointer}
@media(prefers-reduced-motion:reduce){.toast{transition:opacity .2s}.slot:hover{transform:none}}

/* recommendation list panels */
.recpanel[hidden]{display:none}
.reclist{display:flex;flex-direction:column;gap:12px}
.recrow{display:flex;align-items:center;gap:16px;padding:15px 18px}
.recmain{flex:1;min-width:0}
.rectop{display:flex;align-items:center;gap:10px;margin-bottom:5px}
.recwhen{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.02em}
.rectitle{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.recsub{font-size:13px;color:var(--text);line-height:1.45;margin-top:3px}
.recrow .clink,.donecard .clink,.recrow .fbgiven{flex:none}
.recrow.dismissed{opacity:.85}.recrow.dismissed .rectitle{color:var(--text)}
.donecard{display:flex;align-items:center;gap:16px;padding:15px 18px;transition:.16s}
.donecard:hover{transform:translateY(-1px);box-shadow:var(--sh)}
.fbgiven{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--green);background:var(--green-soft);border:1px solid #cfe3d6;border-radius:999px;padding:7px 13px}
.fbgiven i{font-size:15px}
.dn-out{font-size:13px;color:var(--text);margin:-6px 0 16px}
.dn-fb{background:var(--green-soft);border:1px solid #cfe3d6;border-radius:14px;padding:15px 17px}
.dn-fbh{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--green);margin-bottom:9px}
.dn-rate{font-size:17px;font-weight:700;color:var(--ink)}
.dn-note{font-size:13px;color:var(--text);line-height:1.5;margin:6px 0 0}
.dn-ask .fbk{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--gold-d);margin-bottom:8px}
.dn-ask .fbq{font-size:15px;color:var(--ink);font-weight:600;line-height:1.4;margin-bottom:14px}
.dn-ask .fbscale{display:flex;flex-wrap:wrap;gap:8px}
.dn-ask .fbopt{font-size:12.5px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--raised);color:var(--text);cursor:pointer;transition:.15s}
.dn-ask .fbopt:hover{border-color:var(--gold-bd);background:var(--gold-soft);color:var(--gold-d)}
/* signals (evidence) */
.sigsum{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:12px;background:linear-gradient(135deg,var(--green-soft),#fff);border:1px solid #cfe3d6;margin-bottom:12px;font-size:13px;color:var(--ink);line-height:1.4}
.sigsum b{color:var(--green)}
.sigsum-dot{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(46,125,84,.16);flex:none}
.siglist{display:flex;flex-direction:column;gap:8px}
.sigrow{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:11px;background:var(--raised);border:1px solid var(--line);border-left-width:3px;transition:.16s}
.sigrow:hover{transform:translateX(2px)}
.sigrow>i{font-size:18px;flex:none}
.sigmain{flex:1;min-width:0}
.sigtitle{font-size:13.5px;color:var(--ink);font-weight:600;line-height:1.32}
.sigsrc{font-size:11px;color:var(--muted);margin-top:1px}
.sigtag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px;flex:none}
.sigrow.s-high{border-left-color:var(--green)}.sigrow.s-high>i{color:var(--green)}.sigrow.s-high .sigtag{color:var(--green);background:var(--green-soft)}
.sigrow.s-mid{border-left-color:var(--gold)}.sigrow.s-mid>i{color:var(--gold-d)}.sigrow.s-mid .sigtag{color:var(--gold-d);background:var(--gold-soft)}
.sigrow.s-low{border-left-color:var(--slate)}.sigrow.s-low>i{color:var(--slate)}.sigrow.s-low .sigtag{color:var(--slate);background:var(--slate-soft)}
/* triage selected */
.dbtn.sel{border-width:2px}
.dbtn.g.sel{border-color:var(--green);background:var(--green-soft)}
.dbtn.s.sel{border-color:var(--slate);background:var(--slate-soft)}
.dbtn.y.sel{border-color:var(--amber);background:var(--amber-soft)}
.dbtn.r.sel{border-color:var(--red);background:#f7e6e2}
/* pipeline pressable */
.ps{cursor:pointer;transition:.15s}.ps:hover{filter:brightness(.97)}
/* inline field edit */
.fedit{font-family:var(--f);font-size:13.5px;color:var(--ink);width:100%;border:1px solid var(--gold-bd);border-radius:8px;padding:6px 9px;background:#fff;outline:none}
.fedit:focus{border-color:var(--gold)}
.card.editing{box-shadow:0 0 0 2px rgba(198,138,60,.18)}
/* link-style button */
.linktext{display:inline-block;margin-top:12px;background:none;border:none;color:var(--gold-d);font-family:var(--f);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 0}
.linktext:hover{color:var(--gold)}

.av img{object-position:center!important;display:block}
.pv-p{font-size:13.5px;color:var(--text);line-height:1.6;margin:0 0 12px}.pv-p b{color:var(--ink)}
.pv-rows{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.pv-row{display:flex;align-items:center;gap:11px;background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13px;color:var(--ink)}
.pv-row i{font-size:16px;color:var(--gold-d);flex:none}
.pv-quote{font-size:13.5px;line-height:1.6;color:var(--text);background:var(--raised);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:11px;padding:15px 17px;margin-bottom:14px}
.pv-why{font-size:13px;color:var(--text);line-height:1.55;background:var(--gold-soft);border:1px solid var(--gold-bd);border-radius:11px;padding:12px 14px;margin-bottom:10px}
.pv-wh{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--gold-d);margin-bottom:5px}
.pv-foot2{flex-direction:column;align-items:flex-start;gap:11px}
.pv-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--gold-d);text-decoration:underline;text-underline-offset:3px}
.pv-link:hover{color:var(--gold)}.pv-link i{font-size:15px}
.rs-viz .node{cursor:pointer}.rs-viz .node:hover .halo{opacity:.85}
.dnum{cursor:pointer}
.detgrid{grid-template-columns:1fr}
.ps:hover{filter:brightness(.96)}

[data-stage][hidden]{display:none!important}
.matchev{color:var(--faint);font-size:17px;flex:none;transition:.15s}
.matrow{transition:background .15s}
.matrow:hover{background:var(--raised)}
.matrow:hover .matchev{color:var(--gold-d)}
.matrow.active{background:var(--gold-soft)}
.matrow.active .matchev{color:var(--gold-d)}
.matrow[hidden]{display:none}
.matfil{cursor:pointer;transition:.15s}
.matbody{background:var(--raised);border:1px solid var(--line);border-radius:11px;padding:14px;font-size:13px;color:var(--text);line-height:1.6}
.recact{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex:none}
.rmark{white-space:nowrap}
.recrow.dimmed{opacity:.6}
.mstatus{margin-left:6px}
.markopts{display:flex;flex-direction:column;gap:9px;margin-top:8px}
.markopts .dbtn{width:100%;text-align:left}
.av img{object-fit:cover!important;object-position:50% 50%!important;transform:none!important;width:100%!important;height:100%!important}
.disc{transition:.16s}.disc[onclick]:hover{transform:translateY(-2px);box-shadow:var(--sh)}

.probanner{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:16px;border:1px solid var(--gold-bd);border-radius:14px;background:linear-gradient(135deg,var(--gold-soft),#fff);cursor:pointer;transition:.16s;text-decoration:none}
.probanner:hover{transform:translateY(-1px);box-shadow:var(--sh)}
.pb-ic{width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid var(--gold-bd);display:flex;align-items:center;justify-content:center;color:var(--gold-d);font-size:20px;flex:none}
.pb-tx{flex:1;min-width:0}.pb-tx b{display:block;font-size:14.5px;color:var(--ink)}.pb-tx span{font-size:12.5px;color:var(--text)}
.pb-go{color:var(--gold-d);font-size:18px;flex:none}
.prgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.prospect{display:flex;flex-direction:column;gap:11px;transition:.16s}
.prospect:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.prtop{display:flex;align-items:flex-start;gap:12px}
.prhead{flex:1;min-width:0}
.prname{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.prmeta{font-size:12px;color:var(--muted);margin-top:2px}
.prsignals{display:flex;flex-direction:column;gap:6px}
.prsig{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text)}
.prsig i{font-size:15px;color:var(--gold-d);flex:none}
.prcontact{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:9px 11px}
.prcontact i{color:var(--slate);font-size:15px;flex:none;margin-top:1px}.prcontact b{color:var(--ink)}.prcontact.in{margin-top:12px}
.practs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.proopen{margin-left:auto;font-size:12px;font-weight:600;color:var(--gold-d);display:inline-flex;align-items:center;gap:5px}
.draftbox{white-space:pre-wrap;font-size:13px;line-height:1.62;color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:16px 18px;max-height:46vh;overflow:auto}
.complist{margin-bottom:16px}
.creclist{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.crecrow{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;border:1px solid var(--line);background:var(--raised);transition:.15s;cursor:pointer}
.crecrow:hover{background:#fff;border-color:var(--gold-bd)}
.crecrow.active{background:var(--gold-soft);border-color:var(--gold-bd);cursor:default}
.cdot{width:9px;height:9px;border-radius:50%;flex:none}
.cdot.k-green{background:var(--green)}.cdot.k-gold{background:var(--gold)}.cdot.k-slate{background:var(--slate)}
.crmain{flex:1;min-width:0}.crtitle{font-size:13.5px;font-weight:600;color:var(--ink)}.crsub{font-size:11.5px;color:var(--muted);margin-top:1px}
@media(max-width:760px){.prgrid{grid-template-columns:1fr}}
.fu-ta{width:100%;min-height:120px;font-family:var(--f);font-size:13px;line-height:1.55;color:var(--ink);border:1px solid var(--gold-bd);border-radius:12px;padding:12px 14px;background:#fff;outline:none;resize:vertical;box-sizing:border-box}
.fu-ta:focus{border-color:var(--gold)}
.fu-ta::placeholder{color:var(--faint)}

/* ===== Team Hub ===== */
.thero{position:relative;overflow:hidden;border-radius:var(--r);background:linear-gradient(135deg,var(--dark),#0d1729);padding:26px 28px;margin-bottom:18px;border:1px solid #2c2110}
.thero canvas{position:absolute;inset:0;width:100%;height:100%}
.thero .th-in{position:relative;z-index:1}
.thero .th-eb{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-l);font-weight:600;margin-bottom:7px;display:flex;align-items:center;gap:8px}
.thero h2{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px;color:#fff}
.thero p{font-size:13.5px;color:rgba(255,255,255,.8);margin:0;max-width:570px;line-height:1.55}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.kpi{padding:16px 18px}
.kpi .kn{font-size:27px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1}
.kpi .kl{font-size:12px;color:var(--muted);margin-top:6px}
.kpi .kd{font-size:11px;font-weight:600;margin-top:8px;display:inline-flex;align-items:center;gap:4px}
.kpi .kd.up{color:var(--green)}.kpi .kd.warn{color:var(--amber)}.kpi .kd.flat{color:var(--muted)}
.kpi .kd i{font-size:13px}
.attn{display:flex;flex-direction:column;gap:9px;margin-top:6px}
.attnrow{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;border:1px solid var(--line);border-left-width:3px;background:var(--raised);cursor:pointer;transition:.15s}
.attnrow:hover{background:#fff;transform:translateX(2px)}
.attnrow.a-red{border-left-color:var(--red)}.attnrow.a-amber{border-left-color:var(--amber)}.attnrow.a-slate{border-left-color:var(--slate)}
.attic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.a-red .attic{background:#f7e6e2;color:var(--red)}.a-amber .attic{background:var(--amber-soft);color:var(--amber)}.a-slate .attic{background:var(--slate-soft);color:var(--slate)}
.attmain{flex:1;min-width:0}.attt{font-size:13.5px;font-weight:600;color:var(--ink)}.atts{font-size:12px;color:var(--muted);margin-top:1px}
.cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ccard{cursor:pointer;transition:.16s;display:flex;flex-direction:column;gap:12px}
.ccard:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.cc-top{display:flex;align-items:flex-start;gap:12px}
.cc-logo{width:42px;height:42px;border-radius:11px;background:var(--gold-soft);border:1px solid var(--gold-bd);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--gold-d);font-size:16px;flex:none}
.cc-h{flex:1;min-width:0}.cc-name{font-size:15.5px;font-weight:700;color:var(--ink)}.cc-meta{font-size:12px;color:var(--muted);margin-top:2px}
.cc-mods{display:flex;gap:6px;flex-wrap:wrap}
.cc-stats{display:flex;flex-wrap:wrap;gap:9px 18px;font-size:12px;color:var(--text);border-top:1px solid var(--line2);padding-top:11px}
.cc-stat{display:flex;align-items:center;gap:6px}.cc-stat i{color:var(--muted);font-size:15px}
.health{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;flex:none}
.hdotc{width:8px;height:8px;border-radius:50%}
.health.ok{color:var(--green)}.health.ok .hdotc{background:var(--green)}
.health.warn{color:var(--amber)}.health.warn .hdotc{background:var(--amber)}
.health.stale{color:var(--red)}.health.stale .hdotc{background:var(--red)}
.sov{position:fixed;inset:0;z-index:200}.sov[hidden]{display:none}
.sov-bd{position:absolute;inset:0;background:rgba(30,24,14,.34);animation:sovfade .25s}
.sov-panel{position:absolute;top:0;right:0;height:100%;width:min(460px,94vw);background:var(--page);border-left:1px solid var(--line);box-shadow:-20px 0 56px rgba(60,50,30,.18);overflow-y:auto;animation:sovin .3s cubic-bezier(.2,.7,.2,1);padding:22px 22px 32px}
@keyframes sovin{from{transform:translateX(34px);opacity:.5}to{transform:translateX(0);opacity:1}}
@keyframes sovfade{from{opacity:0}to{opacity:1}}
.sov-x{position:absolute;top:16px;right:18px;width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:17px}
.sov-x:hover{background:var(--raised)}
.sov-head{display:flex;align-items:center;gap:13px;margin:4px 40px 16px 0}
.sov-logo{width:46px;height:46px;border-radius:12px;background:var(--gold-soft);border:1px solid var(--gold-bd);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--gold-d);font-size:18px;flex:none}
.sov-sec{margin-top:18px}.sov-sec .h4{margin-bottom:8px}
.usr{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid var(--line2)}
.usr-av{width:30px;height:30px;border-radius:50%;background:var(--slate-soft);color:var(--slate);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:none}
.usr-m{flex:1;min-width:0}.usr-n{font-size:13px;font-weight:600;color:var(--ink)}.usr-r{font-size:11px;color:var(--muted)}
.sov-acts{display:flex;flex-direction:column;gap:8px;margin-top:6px}.sov-acts .btn{justify-content:flex-start}
.egrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ecard{display:flex;flex-direction:column;gap:11px}
.eav{width:46px;height:46px;border-radius:50%;background:var(--slate-soft);color:var(--slate);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex:none}
.en{font-size:14.5px;font-weight:700;color:var(--ink)}.et{font-size:12px;color:var(--muted)}
.libgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.libcard{cursor:pointer;transition:.16s;display:flex;flex-direction:column;gap:9px}
.libcard:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.lib-ic{width:40px;height:40px;border-radius:11px;background:var(--gold-soft);border:1px solid var(--gold-bd);color:var(--gold-d);display:flex;align-items:center;justify-content:center;font-size:19px}
.lib-n{font-size:14px;font-weight:700;color:var(--ink)}.lib-c{font-size:12px;color:var(--muted)}
.tasks{display:flex;flex-direction:column;gap:8px}
.trow{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.15s}
.trow:hover{border-color:var(--gold-bd)}
.tcheck{width:22px;height:22px;border-radius:7px;border:2px solid var(--faint);flex:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:.15s}
.tcheck.done{background:var(--green);border-color:var(--green)}
.tmain{flex:1;min-width:0}.tt{font-size:13.5px;font-weight:600;color:var(--ink)}.tm{font-size:11.5px;color:var(--muted);margin-top:1px}
.trow.tdone .tt{text-decoration:line-through;color:var(--muted)}
.stbl{width:100%;border-collapse:collapse;font-size:13px}
.stbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.stbl td{padding:11px 12px;border-bottom:1px solid var(--line2);color:var(--text);white-space:nowrap}
.stbl tr:last-child td{border-bottom:none}.stbl td b{color:var(--ink)}
@media(max-width:760px){.kpis{grid-template-columns:repeat(2,1fr)}.cgrid,.egrid,.libgrid{grid-template-columns:1fr}}

.teamfilter{margin-bottom:18px}
.tf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.tf-chips{display:flex;gap:7px;flex-wrap:wrap}
.tfil{cursor:pointer;transition:.15s}
.teamgroup{margin-bottom:22px}
.teamgroup[hidden]{display:none}
.tg-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.tg-ic{width:34px;height:34px;border-radius:9px;background:var(--gold-soft);border:1px solid var(--gold-bd);color:var(--gold-d);display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.tg-title{font-size:15px;font-weight:700;color:var(--ink)}
.tg-sub{font-size:12px;color:var(--muted);margin-top:1px}
.eav.sm{width:34px;height:34px;font-size:12px}
.ecard{cursor:pointer}
.ecard.mgr{border-color:var(--gold-bd);background:linear-gradient(150deg,var(--gold-soft),#fff)}
.wl{display:flex;flex-direction:column;gap:11px;margin-top:6px}
.wl-row{display:flex;align-items:center;gap:11px}
.wl-n{font-size:12.5px;color:var(--ink);font-weight:600;width:84px;flex:none}
.wl .bar{flex:1}
.wl-v{font-size:11.5px;color:var(--muted);width:54px;text-align:right;flex:none}

.thero.big{padding:40px 40px 32px;background:radial-gradient(120% 150% at 80% -25%,rgba(230,185,84,.24),rgba(230,185,84,0) 55%),linear-gradient(135deg,var(--dark),#0d1729)}
.th-glow{position:absolute;top:-70%;left:50%;width:92%;height:250%;transform:translateX(-32%);background:radial-gradient(closest-side,rgba(230,185,84,.46),rgba(198,138,60,.18) 46%,rgba(230,185,84,0) 73%);z-index:0;pointer-events:none;animation:thglow 8s ease-in-out infinite}
@keyframes thglow{0%,100%{opacity:.7;transform:translateX(-32%) scale(1)}50%{opacity:1;transform:translateX(-28%) scale(1.07)}}
.thero.big h2{font-size:34px;line-height:1.08;margin:0 0 10px}
.th-name{color:#F3E4BE;text-shadow:0 0 22px rgba(230,185,84,.42)}
.thero.big p{font-size:14.5px;max-width:610px}
.th-pulse{display:flex;align-items:center;gap:0;margin-top:24px;flex-wrap:wrap}
.thp{padding:2px 22px 2px 0;cursor:pointer;transition:.18s}
.thp:hover .thp-n{color:#fff}
.thp-n{font-size:27px;font-weight:700;color:var(--gold-l);letter-spacing:-.02em;line-height:1;transition:.18s}
.thp-l{font-size:11px;color:rgba(255,255,255,.6);margin-top:5px;text-transform:uppercase;letter-spacing:.05em}
.thp-div{width:1px;height:36px;background:rgba(255,255,255,.13);margin-right:22px}
.compose{margin-bottom:12px;border-color:var(--gold-bd)}
.compose[hidden]{display:none}
.comp-row{display:flex;gap:9px;align-items:center}
.comp-row input{flex:1;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;color:var(--ink);background:var(--raised);outline:none;transition:.15s}
.comp-row input:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px var(--gold-soft)}
.comp-hint{font-size:11.5px;color:var(--muted);margin-top:9px;display:flex;align-items:center;gap:6px}
.comp-hint i{color:var(--gold-d)}
@media(max-width:760px){.thero.big{padding:28px 22px}.thero.big h2{font-size:26px}.thp{padding:2px 16px 2px 0}.thp-div{display:none}.comp-row{flex-wrap:wrap}.comp-row input{flex:1 1 100%}}

.lb-file{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:7px;cursor:pointer;font-size:13px;color:var(--ink);transition:.14s}
.lb-file:hover{border-color:var(--gold-bd);background:var(--raised)}
.lb-file i:first-child{color:var(--gold-d);font-size:17px}
.lb-file span{flex:1;min-width:0}
.lb-dl{color:var(--muted);font-size:16px}
.comp-row select{padding:11px 11px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:13.5px;color:var(--ink);background:var(--raised);outline:none;cursor:pointer}
.comp-row select:focus{border-color:var(--gold)}
.pmodal{position:fixed;inset:0;z-index:240}
.pmodal[hidden]{display:none}
.pm-bd{position:absolute;inset:0;background:rgba(30,24,14,.42);animation:sovfade .2s}
.pm-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,92vw);background:var(--page);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 70px rgba(40,30,15,.3);padding:24px 24px 22px;animation:pmin .25s cubic-bezier(.2,.7,.2,1)}
@keyframes pmin{from{opacity:.4;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}
.pm-x{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text)}
.pm-x:hover{background:var(--raised)}
.pm-kick{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-d);font-weight:700}
.pm-title{font-size:18px;font-weight:700;color:var(--ink);margin:5px 40px 16px 0;line-height:1.25}
.pm-file{display:flex;flex-direction:column;align-items:center;gap:7px;padding:22px;border:1.5px dashed var(--gold-bd);border-radius:12px;background:var(--gold-soft);color:var(--gold-d);font-size:13px;cursor:pointer;margin-bottom:16px;transition:.15s}
.pm-file:hover{background:#fff}
.pm-file i{font-size:26px}
.pm-dl{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px}
.pm-dests{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;max-height:236px;overflow-y:auto}
.pm-dest{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-size:13.5px;color:var(--ink);font-weight:500;transition:.14s;display:flex;align-items:center;gap:10px}
.pm-dest:before{content:"";width:15px;height:15px;border-radius:50%;border:2px solid var(--faint);flex:none;transition:.14s}
.pm-dest:hover{border-color:var(--gold-bd)}
.pm-dest.sel{border-color:var(--gold);background:var(--gold-soft)}
.pm-dest.sel:before{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 3px var(--gold-soft)}
.pm-go{width:100%;justify-content:center}
.pm-go:disabled{opacity:.45;cursor:not-allowed}

.usr-msg{margin-left:auto;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--slate);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;flex:none;transition:.14s}
.usr-msg:hover{border-color:var(--gold-bd);color:var(--gold-d);background:var(--gold-soft)}
.msgwrap{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:stretch}
.msglist{padding:8px;display:flex;flex-direction:column;gap:3px;max-height:520px;overflow-y:auto}
.thread{display:flex;flex-direction:row;align-items:center;gap:11px;padding:11px;border-radius:11px;cursor:pointer;transition:.14s}
.thread:hover{background:var(--raised)}
.thread.on{background:var(--gold-soft)}
.th-m{flex:1;min-width:0}
.th-n{font-size:13.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:7px}
.th-last{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.th-badge{background:var(--gold);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex:none}
.msgpane{display:flex;flex-direction:column;min-height:520px;padding:0;overflow:hidden}
.msg-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.msg-hn{font-size:15px;font-weight:700;color:var(--ink)}
.msg-ho{font-size:12px;color:var(--muted)}
.msg-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:18px;overflow-y:auto;background:var(--raised)}
.bubble{max-width:76%;align-self:flex-start}
.bubble.me{align-self:flex-end}
.bub-t{padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.45;background:#fff;border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:4px}
.bubble.me .bub-t{background:var(--ink);color:#fff;border-color:var(--ink);border-bottom-left-radius:14px;border-bottom-right-radius:4px}
.bub-time{font-size:10.5px;color:var(--muted);margin-top:4px;padding:0 4px}
.bubble.me .bub-time{text-align:right}
.msg-compose{display:flex;gap:9px;padding:14px 16px;border-top:1px solid var(--line);background:var(--card)}
.msg-compose input{flex:1;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;color:var(--ink);background:var(--raised);outline:none}
.msg-compose input:focus{border-color:var(--gold);background:#fff}
@media(max-width:760px){.msgwrap{grid-template-columns:1fr}.msglist{max-height:240px}.msgpane{min-height:420px}}

.bge-list{display:flex;flex-direction:column;gap:9px}
.bge-item{border:1px solid var(--gold-bd);border-radius:12px;background:linear-gradient(160deg,var(--gold-soft),#fff);padding:13px 14px}
.bge-top{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.bge-ic{width:28px;height:28px;border-radius:8px;background:#fff;border:1px solid var(--gold-bd);color:var(--gold-d);display:flex;align-items:center;justify-content:center;font-size:15px;flex:none}
.bge-body{font-size:13px;line-height:1.5;color:var(--text)}
.bge-act{margin-top:11px}
.bge-note{font-size:11.5px;color:var(--muted);margin-top:11px;display:flex;align-items:center;gap:6px}
.bge-note i{color:var(--gold-d)}
.chart{display:flex;align-items:flex-end;gap:12px;height:172px;padding-top:10px}
.col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px}
.col-b{width:100%;max-width:42px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--gold-l),var(--gold));height:var(--hh);animation:grow 1s cubic-bezier(.2,.7,.2,1)}
.col:last-child .col-b{background:linear-gradient(180deg,#f4cd80,var(--gold-d))}
.col-l{font-size:11px;color:var(--muted);font-weight:600}
@keyframes grow{from{height:0}to{height:var(--hh)}}
.vm{display:flex;flex-direction:column;gap:13px;margin-top:8px}
.vm-row{display:flex;align-items:center;gap:12px}
.vm-n{font-size:12.5px;color:var(--ink);font-weight:600;flex:1;min-width:0}
.vm .bar{width:88px;flex:none}
.vm-v{font-size:12px;color:var(--gold-d);font-weight:700;width:40px;text-align:right;flex:none}

.mfilbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.mfil{cursor:pointer}
.th-co{font-size:13.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:7px}
.th-sub{font-size:11.5px;color:var(--text);margin-top:1px}
.msg-hm{min-width:0}
.msg-ic{width:40px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none;transition:.14s}
.msg-ic:hover{border-color:var(--gold-bd);color:var(--gold-d);background:var(--gold-soft)}
.emojibar{display:flex;gap:4px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--line);background:var(--card)}
.emojibar[hidden]{display:none}
.emoji{width:34px;height:34px;border:none;background:transparent;border-radius:8px;font-size:18px;cursor:pointer;transition:.12s}
.emoji:hover{background:var(--raised)}
.attachchip{display:flex;align-items:center;gap:7px;margin:12px 16px 0;padding:8px 11px;background:var(--gold-soft);border:1px solid var(--gold-bd);border-radius:9px;font-size:12.5px;color:var(--gold-d);font-weight:600}
.attachchip[hidden]{display:none}
.attachchip button{margin-left:auto;border:none;background:transparent;color:var(--gold-d);cursor:pointer;display:flex;font-size:15px;padding:0}
.bub-file{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:12px;font-size:12.5px;background:#fff;border:1px solid var(--line);color:var(--ink);margin-bottom:5px}
.bubble.me .bub-file{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:#fff}
.sfil{cursor:pointer}

.inv-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line2)}
.inv-row:first-of-type{border-top:none}
.inv-m{flex:1;min-width:0}
.inv-d{font-size:13px;font-weight:600;color:var(--ink)}
.inv-a{font-size:12px;color:var(--muted);margin-top:1px}
.inv-row .btn.sm{flex:none;padding:7px 9px}
.thread .th-badge{flex:none;align-self:center;margin-left:8px}
.av img{object-fit:cover!important;object-position:50% 40%!important;transform:scale(1.2)!important;transform-origin:center center!important;width:100%!important;height:100%!important;display:block!important}

.pm-safe{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--amber);background:var(--amber-soft);border:1px solid #ecd9c2;border-radius:10px;padding:10px 12px;margin-bottom:11px;line-height:1.45}
.pm-safe i{font-size:16px;flex:none;margin-top:1px}
.pm-safe b{color:var(--ink)}
.pm-hold{position:relative;overflow:hidden;width:100%;height:48px;border:1px solid var(--ink);border-radius:11px;background:var(--ink);color:#fff;cursor:pointer;font:inherit;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.15s;user-select:none;-webkit-user-select:none;touch-action:none}
.pm-hold:disabled{opacity:.45;cursor:not-allowed}
.pm-hold-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--green),#3FA86E);z-index:0}
.pm-hold.holding .pm-hold-fill{width:100%;transition:width 1.3s linear}
.pm-hold-l{position:relative;z-index:1;display:flex;align-items:center;gap:8px;pointer-events:none}
.pm-holdhint{font-size:11.5px;color:var(--muted);text-align:center;margin-top:9px}

.pm-file.ok,.pm-file.bad{flex-direction:row;align-items:flex-start;gap:11px;text-align:left;padding:14px 15px;border-style:solid}
.pm-file.ok{border-color:var(--green);background:var(--green-soft);color:var(--green)}
.pm-file.bad{border-color:var(--red);background:#f7e6e2;color:var(--red)}
.pm-file.ok i,.pm-file.bad i{font-size:22px;margin-top:1px}
.pm-fmeta{flex:1;min-width:0}
.pm-fn{font-size:13px;font-weight:700;color:var(--ink);word-break:break-word}
.pm-fok{font-size:12px;color:var(--green);margin-top:3px}
.pm-fbad{font-size:12px;color:var(--red);margin-top:3px;line-height:1.45}

.cc-stat.link{cursor:pointer;border-radius:6px;transition:.13s}
.cc-stat.link:hover{color:var(--gold-d)}
.tl-card{max-width:470px}
.tl-sub{font-size:12.5px;color:var(--text);margin:-2px 0 14px;line-height:1.5}
.tl-view{border:1px solid var(--line);border-radius:12px;background:var(--raised);padding:4px 14px 8px;max-height:236px;overflow:auto;margin-bottom:15px}
.tl-ev{display:flex;gap:12px;padding:9px 0}
.tl-dot{width:13px;height:13px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 1.5px var(--line);background:var(--faint);flex:none;margin-top:3px}
.tl-dot.t-Leverabel{background:var(--gold)}
.tl-dot.t-Statusuppdatering{background:var(--slate)}
.tl-dot.t-Möte{background:var(--amber)}
.tl-dot.t-Beslut{background:var(--ink)}
.tl-dot.t-Milstolpe{background:var(--green)}
.tl-ev-t{font-size:13.5px;font-weight:650;color:var(--ink)}
.tl-ev-meta{font-size:11.5px;color:var(--muted);margin-top:1px}
.tl-slot{display:flex;align-items:center;gap:9px;padding:2px 0;cursor:pointer;opacity:.5;transition:.14s}
.tl-slot:hover{opacity:.9}
.tl-slot.sel{opacity:1}
.tl-slot-line{flex:1;height:0;border-top:1.5px dashed var(--gold-bd)}
.tl-slot-lbl{font-size:10.5px;font-weight:700;letter-spacing:.02em;color:var(--gold-d);white-space:nowrap}
.tl-ghost{display:flex;gap:12px;padding:10px 11px;margin:3px 0;border:1.5px dashed var(--gold);border-radius:11px;background:var(--gold-soft)}
.tl-gt{font-size:13.5px;font-weight:750;color:var(--gold-d)}
.tl-gmeta{font-size:11.5px;color:var(--gold-d);opacity:.85;margin-top:1px}
.tl-form{display:flex;flex-direction:column;gap:9px;margin-bottom:8px}
.tl-lab{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.tl-in,.tl-sel{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;font-size:13.5px;color:var(--ink);background:#fff;box-sizing:border-box}
.tl-in:focus,.tl-sel:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.tl-row2{display:grid;grid-template-columns:1fr 116px;gap:9px}
.doc-prev{display:flex;align-items:center;justify-content:center;height:92px;border-radius:12px;background:var(--gold-soft);color:var(--gold-d);font-size:38px;margin-bottom:13px}
.doc-name{font-size:16px;font-weight:750;color:var(--ink);text-align:center;word-break:break-word}
.doc-meta{font-size:12px;color:var(--muted);text-align:center;margin:3px 0 15px}
.doc-act{display:flex;flex-direction:column;gap:8px}
.doc-ok{border-color:#bfe0cc!important;color:var(--green)!important}

.pv-row.link{cursor:pointer;border-radius:7px;margin:0 -6px;padding-left:6px;padding-right:6px;transition:.12s}
.pv-row.link:hover{background:var(--gold-soft)}
.stbl tbody tr.strow{cursor:pointer;transition:.12s}
.stbl tbody tr.strow:hover{background:var(--gold-soft)}

.tl-warn{display:flex;gap:8px;align-items:flex-start;margin-top:2px;padding:10px 12px;border-radius:10px;background:var(--amber-soft);color:var(--amber);font-size:12px;line-height:1.45;border:1px solid #ecd6bf}
.tl-warn i{margin-top:1px;flex:none;font-size:15px}

.tl-ev{position:relative}
.tl-ev::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--line);z-index:0}
.tl-ev:first-child::before{top:13px}
.tl-ev:last-child::before{bottom:auto;height:13px}
.tl-dot{position:relative;z-index:1}
.cal-head{font-weight:700;color:var(--ink);font-size:14px;text-align:center;margin:4px 0 12px;text-transform:capitalize}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.cal-wd{font-size:10.5px;font-weight:700;color:var(--muted);text-align:center;padding:3px 0}
.cal-d{height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;border-radius:9px;color:var(--ink)}
.cal-d.av{cursor:pointer;background:var(--raised);border:1px solid var(--line);transition:.12s}
.cal-d.av:hover{border-color:var(--gold);background:var(--gold-soft)}
.cal-d.off{color:var(--faint)}
.cal-d.sel{background:var(--ink);color:#fff}
.cal-slots{margin-top:15px}
.cal-slots-l{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:9px}
.cal-slot{display:inline-block;padding:8px 15px;margin:0 7px 7px 0;border:1px solid var(--line);border-radius:999px;font-size:13px;cursor:pointer;color:var(--ink);transition:.12s}
.cal-slot:hover{border-color:var(--gold);background:var(--gold-soft)}
.cal-slot.sel{background:var(--ink);color:#fff;border-color:var(--ink)}

.htl-wrap{margin:2px 0 16px}
.htl-h{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:10px}
.htl{display:flex;align-items:flex-start}
.htl-step{flex:1;position:relative;text-align:center;min-width:0}
.htl-step::before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}
.htl-step:first-child::before{display:none}
.htl-step.done::before,.htl-step.now::before{background:var(--gold)}
.htl-dot{position:relative;z-index:1;display:block;width:13px;height:13px;border-radius:50%;margin:0 auto 7px;background:var(--line);border:2px solid var(--card)}
.htl-step.done .htl-dot{background:var(--gold)}
.htl-step.now .htl-dot{background:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}
.htl-l{font-size:10px;color:var(--muted);line-height:1.2;display:block}
.htl-step.now .htl-l{color:var(--ink);font-weight:700}
.htl-step.done .htl-l{color:var(--text)}
.swrow{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line2)}
.sw{width:42px;height:24px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;transition:.18s;flex:none}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.18s}
.sw.on{background:var(--green)}
.sw.on::after{left:21px}
select.tl-in{cursor:pointer;background:var(--card);font-size:13px;font-weight:600;color:var(--ink)}

.inv-l{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 5px}
.inv-f{width:100%;box-sizing:border-box;display:block}
select.inv-f{cursor:pointer}
.inv-prev{margin-top:15px;border:1px solid var(--line);border-radius:12px;background:var(--raised);padding:13px}
.inv-pl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}
.inv-pbody{font-size:12.5px;color:var(--text);line-height:1.7}
.inv-link{display:inline-block;margin:7px 0;padding:7px 14px;background:var(--ink);color:#fff;border-radius:999px;font-size:12px;font-weight:600}

.kp-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}
@media(max-width:760px){.kp-grid{grid-template-columns:1fr}}
.kh-add{margin-bottom:16px}
.kh-ev{position:relative;display:flex;gap:12px;padding:0 0 16px 0}
.kh-ev:last-child{padding-bottom:0}
.kh-dot{position:relative;z-index:1;width:11px;height:11px;border-radius:50%;background:var(--gold);border:2px solid var(--card);margin-top:3px;flex:none}
.kh-ev::before{content:"";position:absolute;left:4.5px;top:3px;bottom:0;width:2px;background:var(--line);z-index:0}
.kh-ev:last-child::before{display:none}
.kh-c{flex:1;min-width:0}
.kh-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.kh-who{font-size:12.5px;font-weight:700;color:var(--ink)}
.kh-d{font-size:11px;color:var(--muted);flex:none}
.kh-t{font-size:13px;color:var(--text);line-height:1.5;margin-top:2px}
/* CRM prototype */.prscore{display:flex;align-items:center;gap:10px;flex:none}.sgauge{width:50px;height:50px;border-radius:50%;background:conic-gradient(from -90deg,var(--gold-l),var(--gold) calc(var(--p)*1%),rgba(230,185,84,.16) 0);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 15px rgba(198,138,60,.22),0 0 0 1px rgba(230,185,84,.18)}.sgauge>span{width:40px;height:40px;border-radius:50%;background:radial-gradient(120% 120% at 50% 12%,#fff,#fffaf0);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--gold-d);box-shadow:inset 0 0 0 1px rgba(230,185,84,.18);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sgauge.sg-green{background:conic-gradient(from -90deg,#7fc6a0,#2e7d54 calc(var(--p)*1%),rgba(46,125,84,.14) 0)}.sgauge.sg-green>span{color:#2e7d54}.sgauge.sg-slate{background:conic-gradient(from -90deg,#8fb0c6,#4e6e84 calc(var(--p)*1%),rgba(78,110,132,.14) 0)}.sgauge.sg-slate>span{color:#4e6e84}.prtiming{font-size:10.5px;font-weight:700;display:flex;align-items:center;gap:3px;letter-spacing:.02em}.prtiming i{font-size:12px}.tm-now{color:#2e7d54}.tm-soon{color:#9C6A28}.tm-watch{color:#4e6e84}.crm-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.crm-kpi{flex:1;min-width:120px;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.crm-kpi b{display:block;font-size:19px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.crm-kpi span{font-size:11px;color:var(--muted);font-weight:600}.lead-inbox{display:flex;flex-direction:column;gap:10px}.leadrow{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 15px;box-shadow:var(--sh-s);transition:.45s}.leadrow.go{opacity:0;transform:translateX(16px)}.lead-mid{flex:1;min-width:0}.lead-co{font-weight:700;color:var(--ink);font-size:14.5px}.lead-sig{font-size:12px;color:var(--text);margin-top:2px}.lead-tags{display:flex;gap:7px;align-items:center;margin-top:6px;flex-wrap:wrap}.lead-act{display:flex;flex-direction:column;gap:6px;flex:none}.lead-act .btn{white-space:nowrap}.pipe{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity}.pipe-col{flex:none;width:208px;background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:10px;scroll-snap-align:start}.pipe-h{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--ink);padding:2px 4px 8px;border-bottom:2px solid var(--gold);margin-bottom:9px}.pipe-h span{font-size:10px;color:var(--muted);font-weight:600}.pipe-col[data-s="vunnen"] .pipe-h{border-color:var(--green)}.pipe-col[data-s="ny"] .pipe-h{border-color:var(--slate)}.pipe-col[data-s="offert"] .pipe-h{border-color:var(--gold-d)}.dealcard{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:10px 11px;margin-bottom:8px;cursor:pointer;transition:.2s;box-shadow:var(--sh-s)}.dealcard:hover{transform:translateY(-2px);box-shadow:var(--sh)}.deal-co{font-weight:700;font-size:13px;color:var(--ink)}.deal-val{font-size:12.5px;color:var(--gold-d);font-weight:700;font-variant-numeric:tabular-nums;margin-top:1px}.deal-foot{display:flex;align-items:center;gap:7px;margin-top:8px}.deal-av{width:22px;height:22px;border-radius:50%;background:var(--dark);color:#fff;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.deal-next{font-size:10.5px;color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipe-empty{font-size:11px;color:var(--faint);text-align:center;padding:14px 4px}.crm-sec{font-weight:700;color:var(--ink);font-size:13.5px;display:flex;align-items:center;gap:7px}.lfilbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.lfil{cursor:pointer}.leaddoc{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--gold-d);background:var(--gold-soft);border:1px solid var(--gold-bd);border-radius:8px;padding:3px 8px;cursor:pointer;transition:.2s}.leaddoc:hover{background:#fff}.leaddoc.lg{font-size:12.5px;padding:9px 12px;margin:10px 0 4px}.crm-dl-row{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:12px}.crm-dl-row>i{font-size:15px;color:var(--gold-d);margin-top:1px;flex:none}.crm-dl-row>div{color:var(--ink);font-weight:600;flex:1}.pm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.notis-list{display:flex;flex-direction:column;gap:2px}.notis{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line2);font-size:12.5px;color:var(--ink)}.notis>i{font-size:15px;color:var(--gold-d);flex:none}.notis-t{flex:1}.notis-d{font-size:10.5px;color:var(--muted);font-weight:600}.bge-rec{border:1px solid var(--gold-bd);background:linear-gradient(180deg,#fffdf8,var(--card))}.bge-rt{font-weight:700;color:var(--ink);font-size:14.5px;margin-bottom:5px}.bge-why{font-size:12.5px;color:var(--text);line-height:1.5}.bge-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.bge-note{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--gold-d);background:var(--gold-soft);border-radius:9px;padding:8px 11px;margin-top:11px}.docs-list{display:flex;flex-direction:column;gap:2px}.docrow{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line2)}.doc-ic{font-size:20px;color:var(--slate);flex:none}.doc-m{flex:1;min-width:0}.doc-n{font-weight:700;font-size:13px;color:var(--ink)}.doc-meta{font-size:11px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:6px}.pipe-col[data-s="kund"] .pipe-h{border-color:var(--green)}.pipe-col[data-s="prospekt"] .pipe-h{border-color:var(--slate)}.pipe-col[data-s="mote"] .pipe-h{border-color:var(--gold)}.crm-tabs{display:flex;gap:4px;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:12px;width:fit-content;max-width:100%;overflow-x:auto}.crm-tab{padding:8px 16px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;white-space:nowrap;border:none;background:none}.crm-tab.on{background:var(--card);color:var(--ink);box-shadow:var(--sh-s)}.crm-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.crm-search{flex:1;min-width:180px;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 13px}.crm-search input{border:none;outline:none;background:none;font:inherit;font-size:13px;color:var(--ink);width:100%}.crm-search i{color:var(--muted);font-size:16px}.crm-view{display:none}.crm-view.on{display:block}.comp-wrap{margin:4px 0 12px;padding:11px 13px;background:var(--raised);border:1px solid var(--line);border-radius:11px}.comprow{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:11.5px}.comp-l{width:82px;color:var(--text);font-weight:600;flex:none}.comp-track{flex:1;height:7px;border-radius:4px;background:var(--line);overflow:hidden}.comp-track>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold-l),var(--gold))}.comp-v{width:26px;text-align:right;font-weight:700;color:var(--gold-d);font-variant-numeric:tabular-nums;flex:none}.lead-own{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text)}.lead-own.un{color:var(--amber)}.own-av{width:18px;height:18px;border-radius:50%;background:var(--dark);color:#fff;font-size:8.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.stbadge{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}.stbadge.s-prospekt{background:var(--slate-soft);color:var(--slate)}.stbadge.s-lead{background:var(--gold-soft);color:var(--gold-d)}.stbadge.s-mote{background:var(--gold-soft);color:var(--gold-d)}.stbadge.s-offert{background:var(--amber-soft);color:var(--amber)}.stbadge.s-kund{background:var(--green-soft);color:var(--green)}.deal-bigval{font-size:15px;font-weight:700;color:var(--gold-d);font-variant-numeric:tabular-nums;text-align:right}.dealrow .lead-act,.custrow .lead-act{align-items:flex-end;justify-content:center;gap:7px}.pipe-group{margin-bottom:18px}.pipe-glabel{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--ink);margin:0 2px 9px;padding-bottom:6px;border-bottom:1px solid var(--line)}.pipe-glabel span{font-size:10.5px;color:var(--muted);font-weight:600}.cc-logo.lgsz{width:50px;height:50px;font-size:18px;flex:none}.deal-wt{font-size:10.5px;color:var(--muted);font-weight:600;text-align:right;margin-top:1px}.actpill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;border-radius:7px;padding:3px 8px;border:1px solid var(--line)}.actpill .actdot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.actpill.ov{color:var(--red);background:#fbeae7;border-color:#f2cfc8}.actpill.ov .actdot{background:var(--red)}.actpill.today{color:var(--amber);background:var(--amber-soft);border-color:var(--gold-bd)}.actpill.today .actdot{background:var(--amber)}.actpill.fut{color:var(--text);background:var(--raised)}.actpill.fut .actdot{background:var(--slate)}.actpill.none{color:var(--amber);background:var(--amber-soft);border-color:var(--gold-bd)}.dl-close{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--text)}.rotflag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--red);background:#fbeae7;border-radius:6px;padding:2px 6px;margin-left:6px}.probbar{height:7px;border-radius:4px;background:var(--line);overflow:hidden;width:110px}.probbar>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-l),var(--gold))}.tlrow{display:flex;gap:10px;padding:8px 0}.tldot{width:26px;height:26px;border-radius:50%;background:var(--gold-soft);color:var(--gold-d);display:flex;align-items:center;justify-content:center;font-size:13px;flex:none}.tlc{flex:1}.tlt{font-size:12.5px;font-weight:600;color:var(--ink)}.tld{font-size:10.5px;color:var(--muted);margin-top:1px}.deal-assoc{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;margin:4px 0 12px;cursor:pointer;transition:.2s}.deal-assoc:hover{background:var(--raised)}.assoc-av{width:34px;height:34px;border-radius:50%;background:var(--dark);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.assoc-m{flex:1;min-width:0}.assoc-n{font-weight:700;font-size:13px;color:var(--ink)}.assoc-r{font-size:11px;color:var(--muted)}.pipe-sum{display:flex;gap:18px;flex-wrap:wrap;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:11px 15px;margin-bottom:14px;font-size:12px}.pipe-sum b{color:var(--ink);font-variant-numeric:tabular-nums}.pipe-sum span{color:var(--muted);font-weight:600;display:block;font-size:10.5px;margin-bottom:1px}.sec-sub{font-size:11.5px;font-weight:700;color:var(--ink);margin:14px 0 8px}.todo-card{background:linear-gradient(180deg,#fffdf8,var(--card));border:1px solid var(--gold-bd);border-radius:13px;padding:13px 15px;margin-bottom:14px}.todo-h{font-size:12.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:7px;margin-bottom:7px}.todo-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line2);cursor:pointer}.todo-row:hover{opacity:.82}.todo-ic{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex:none;color:#fff}.todo-m{flex:1;min-width:0}.todo-t{font-size:12.5px;font-weight:600;color:var(--ink)}.todo-d{font-size:10.5px;color:var(--muted)}.cocts{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 12px}.coct{display:inline-flex;align-items:center;gap:6px;background:var(--raised);border:1px solid var(--line);border-radius:9px;padding:5px 9px;font-size:11.5px;font-weight:600;color:var(--ink);cursor:pointer}.coct .own-av{background:var(--slate)}.kundtag{font-size:9.5px;font-weight:700;color:var(--green);background:var(--green-soft);border-radius:5px;padding:1px 6px;margin-left:6px;vertical-align:middle}.audit-line{font-size:10.5px;color:var(--faint);margin-top:10px}@keyframes popfall{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}.confetti-wrap{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti{position:absolute;width:9px;height:9px;border-radius:2px;will-change:transform,opacity;animation:popfall 1.5s cubic-bezier(.18,.7,.3,1) forwards}.celebrate-banner{position:fixed;left:50%;top:32%;z-index:10000;background:var(--dark);color:var(--cream);padding:15px 22px;border-radius:14px;box-shadow:0 22px 60px rgba(0,0,0,.32);font-weight:700;text-align:center;pointer-events:none;animation:celeb 1.9s ease forwards}@keyframes celeb{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}14%{opacity:1;transform:translate(-50%,-50%) scale(1)}82%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.02)}}.mom-ring{width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--mp)*1%),var(--line) 0);display:flex;align-items:center;justify-content:center;flex:none}.mom-ring span{width:26px;height:26px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:var(--gold-d)}.todo-cleared{display:flex;align-items:center;gap:10px;background:var(--green-soft);border:1px solid #cfe6d8;border-radius:13px;padding:13px 15px;margin-bottom:14px;font-size:12.5px;color:var(--green);font-weight:600}.todo-cleared i{font-size:20px}.editpen{cursor:pointer;color:var(--faint);font-size:13px;margin-left:6px}.editpen:hover{color:var(--gold-d)}.tagchip{display:inline-flex;align-items:center;gap:5px;background:var(--slate-soft);color:var(--slate);border-radius:7px;padding:3px 8px;font-size:11px;font-weight:600}.tagchip i{cursor:pointer;font-size:12px}.tagchip i:hover{color:var(--red)}.tag-add,.field-add{display:inline-flex;align-items:center;gap:4px;border:1px dashed var(--line);border-radius:7px;padding:3px 8px;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;background:none}.tag-add:hover,.field-add:hover{color:var(--gold-d);border-color:var(--gold-bd)}.pe-row{display:flex;align-items:center;gap:7px;margin-bottom:8px}.pe-row input{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;color:var(--ink);background:var(--card)}.stbadge.s-new{background:var(--gold-soft);color:var(--gold-d)}@keyframes rowin{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes hlfade{0%{box-shadow:0 0 0 2px var(--gold) inset,0 0 0 5px var(--gold-soft)}100%{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent}}.justin{animation:rowin .45s ease, hlfade 1.7s ease .2s}@keyframes gpulse{0%{transform:scale(1)}40%{transform:scale(1.13)}100%{transform:scale(1)}}.gauge-bump{animation:gpulse .7s ease}@keyframes livedot{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.live-ind{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:13px;background:var(--raised);border:1px solid var(--line2);border-radius:10px;padding:9px 12px}.live-ind .ld{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--gold-soft);animation:livedot 1.8s ease-in-out infinite;flex:none}@keyframes kbump{0%{transform:scale(1)}45%{transform:scale(1.06)}100%{transform:scale(1)}}.kpi-bump{animation:kbump .5s ease}.draft-box{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.65;color:var(--ink);margin-bottom:10px}.wc-warn{display:flex;gap:9px;align-items:flex-start;background:var(--amber-soft);border:1px solid var(--gold-bd);border-radius:11px;padding:11px 13px;font-size:12.5px;color:var(--amber);font-weight:600;margin:6px 0 12px}.wc-warn i{font-size:17px;flex:none}.upl-drop{display:flex;flex-direction:column;align-items:center;gap:8px;border:2px dashed var(--line);border-radius:13px;padding:24px;color:var(--muted);font-size:13px;cursor:pointer;margin-bottom:10px;background:var(--raised)}.upl-drop i{font-size:26px;color:var(--gold-d)}.upl-drop:hover{border-color:var(--gold-bd)}.calrow{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line2)}.calrow:last-child{border-bottom:none}.cal-ic{width:38px;height:38px;border-radius:10px;background:var(--raised);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink);flex:none}.cal-m{flex:1}.cal-n{font-weight:600;color:var(--ink);font-size:13.5px}.cal-d{font-size:11.5px;color:var(--muted);margin-top:1px}.cal-badge{display:inline-flex;align-items:center;gap:5px;background:var(--green-soft);color:var(--green);border-radius:7px;padding:3px 9px;font-size:11px;font-weight:700}.dkband{position:relative;overflow:hidden;border-radius:var(--r);background:linear-gradient(135deg,var(--dark),#0d1729);padding:20px 24px;margin-bottom:18px;border:1px solid rgba(230,185,84,.18)}.dkband canvas.cloud{position:absolute;inset:0;width:100%;height:100%;opacity:.75}.dk-glow{position:absolute;top:-60%;left:50%;width:80%;height:220%;transform:translateX(-40%);background:radial-gradient(closest-side,rgba(230,185,84,.40),rgba(230,185,84,0) 70%);pointer-events:none}.dk-in{position:relative;z-index:2}.dk-eb{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-l)}.dk-h{color:var(--cream);font-size:17px;font-weight:700;margin:9px 0 2px}.dk-sub{color:rgba(244,239,227,.72);font-size:12.5px;margin-bottom:15px;max-width:60ch}.dk-stats{display:flex;align-items:center;flex-wrap:wrap}.dk-stat{padding:0 22px 6px 0}.dk-n{font-size:24px;font-weight:700;color:var(--gold-l);letter-spacing:-.5px}.dk-l{font-size:11px;color:rgba(244,239,227,.62);margin-top:2px}.dk-div{width:1px;height:30px;background:rgba(230,185,84,.22);margin:0 22px 6px 0}
.crm-kpi{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--dark),#0d1729)!important;border:1px solid rgba(230,185,84,.18)!important;display:flex;flex-direction:column;align-items:flex-start;gap:2px;transition:.16s}
.crm-kpi .ck-ic{font-size:17px;color:var(--gold-l);margin-bottom:7px;display:block}
.crm-kpi b{color:var(--gold-l)!important}
.crm-kpi span{color:rgba(244,239,227,.7)!important}
.crm-kpi:hover{border-color:var(--gold-bd)!important;transform:translateY(-2px)}
.dkwl .wl-n{color:rgba(244,239,227,.85)}
.dkwl .wl-v{color:var(--gold-l);font-weight:700}
.dkwl .bar{background:rgba(255,255,255,.12)}
.dkwl .bar b{background:linear-gradient(90deg,var(--gold-d),var(--gold-l))}
.libcard{border:1px solid var(--line2);position:relative}
.libcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(43,39,34,.10);border-color:var(--gold-bd)}
.libcard::after{content:'';position:absolute;top:0;left:18px;right:18px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-l));border-radius:2px;opacity:0;transition:.18s}
.libcard:hover::after{opacity:1}
.lib-ic{width:46px!important;height:46px!important;border-radius:13px!important;background:linear-gradient(135deg,var(--gold-soft),#FFFDF8)!important;font-size:21px!important;box-shadow:0 4px 12px rgba(198,138,60,.12);transition:.18s}
.libcard:hover .lib-ic{transform:scale(1.06)}
.lib-c{font-size:11.5px!important;color:var(--gold-d)!important;font-weight:600;background:var(--gold-soft);display:inline-block;padding:2px 9px;border-radius:7px}

.libgrid{align-items:start;gap:12px}
.libcard{display:grid!important;grid-template-columns:auto 1fr;align-items:center;column-gap:13px;row-gap:0;padding:13px 15px!important}
.libcard .lib-ic{grid-row:1 / span 2}
.libcard .lib-n{grid-column:2;align-self:end;line-height:1.2}
.libcard .lib-c{grid-column:2;align-self:start;margin-top:4px}
.libcard::after{left:15px;right:15px}

.ob-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.ob-danger{border-color:var(--red)!important;color:var(--red)!important}
.ob-danger:hover{background:var(--red)!important;color:#fff!important}
.ob-steps{background:var(--raised);border:1px solid var(--line2);border-radius:11px;padding:12px 14px}
.ob-eb{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:8px}
.ob-step{display:flex;gap:9px;align-items:center;font-size:12.5px;color:var(--text);padding:4px 0}
.ob-step i{color:var(--gold-d);font-size:16px;flex:none}

.upl-field{margin:14px 0}
.upl-lab{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:6px}
.upl-sel{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--raised);padding:11px 13px;font-family:inherit;font-size:13.5px;color:var(--ink);outline:none;cursor:pointer}
.upl-sel:focus{border-color:var(--gold-bd);box-shadow:0 0 0 3px var(--gold-soft);background:#fff}
.upl-sel.err{border-color:var(--red);box-shadow:0 0 0 3px rgba(190,74,58,.12)}

@keyframes kpiSheen{0%{transform:translateX(-130%)}55%,100%{transform:translateX(175%)}}
@keyframes kglow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
[data-active="oversikt"] .card.kpi,[data-active="statistik"] .card.kpi{background:linear-gradient(135deg,#0A1525,#0d1729)!important;border:1px solid rgba(230,185,84,.18)!important;position:relative;overflow:hidden;transition:.16s}
[data-active="oversikt"] .card.kpi .kn,[data-active="statistik"] .card.kpi .kn{color:var(--gold-l)!important;text-shadow:0 0 16px rgba(230,185,84,.22)}
[data-active="oversikt"] .card.kpi .kl,[data-active="statistik"] .card.kpi .kl{color:rgba(244,239,227,.72)!important}
[data-active="oversikt"] .card.kpi .kd.up,[data-active="statistik"] .card.kpi .kd.up{color:#8FD3AC!important}
[data-active="oversikt"] .card.kpi .kd.warn,[data-active="statistik"] .card.kpi .kd.warn{color:var(--gold-l)!important}
[data-active="oversikt"] .card.kpi:hover,[data-active="statistik"] .card.kpi:hover{border-color:var(--gold-bd)!important;transform:translateY(-2px)}
.crm-kpi::after,[data-active="oversikt"] .card.kpi::after,[data-active="statistik"] .card.kpi::after{content:'';position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(90deg,transparent,rgba(230,185,84,.12),transparent);transform:translateX(-130%);animation:kpiSheen 6s ease-in-out infinite;pointer-events:none}
.crm-kpi:nth-of-type(2)::after,[data-active="oversikt"] .card.kpi:nth-of-type(2)::after,[data-active="statistik"] .card.kpi:nth-of-type(2)::after{animation-delay:.9s}
.crm-kpi:nth-of-type(3)::after,[data-active="oversikt"] .card.kpi:nth-of-type(3)::after,[data-active="statistik"] .card.kpi:nth-of-type(3)::after{animation-delay:1.8s}
.crm-kpi:nth-of-type(4)::after,[data-active="oversikt"] .card.kpi:nth-of-type(4)::after,[data-active="statistik"] .card.kpi:nth-of-type(4)::after{animation-delay:2.7s}
.crm-kpi b{text-shadow:0 0 16px rgba(230,185,84,.22)}
.crm-kpi .ck-ic{animation:kglow 3.6s ease-in-out infinite}
.bar b{transform-origin:left;animation:barGrow 1.1s cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){.crm-kpi::after,[data-active="oversikt"] .card.kpi::after,[data-active="statistik"] .card.kpi::after,.bar b,.crm-kpi .ck-ic{animation:none!important}}

/* ===== BGE-grade richness ===== */
.card{background:linear-gradient(180deg,#FFFCF5,#fff 90px)}
.bge-item{position:relative;background:linear-gradient(180deg,#fff8ec,#fff 120px)!important;border:1px solid var(--gold-bd)!important;border-radius:14px!important;box-shadow:0 2px 4px rgba(60,50,30,.05),0 18px 42px rgba(60,50,30,.12),inset 0 1px 0 rgba(255,255,255,.85)!important;padding:15px 16px 15px 18px!important;transition:transform .18s,box-shadow .18s,border-color .18s}
.bge-item:hover{transform:translateY(-3px);box-shadow:0 4px 9px rgba(60,50,30,.07),0 28px 56px rgba(60,50,30,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;border-color:#E6CF9E!important}
.bge-item::before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(var(--gold),var(--gold-l))}
.bge-ic{width:36px!important;height:36px!important;border-radius:11px!important;background:linear-gradient(140deg,#F6E0A8,#C6863A)!important;border:none!important;color:#fff!important;font-size:18px!important;box-shadow:0 7px 18px rgba(198,138,60,.42),inset 0 1px 0 rgba(255,255,255,.5)!important}
.bge-act{background:var(--gold-soft)!important;border:1px solid var(--gold-bd)!important;color:var(--gold-d)!important;border-radius:999px!important;font-weight:600;box-shadow:none!important}
.bge-act:hover{background:var(--gold-d)!important;color:#fff!important;border-color:var(--gold-d)!important}
.bge-rec{position:relative;background:linear-gradient(180deg,#fff8ec,#fff 130px)!important;border:1px solid var(--gold-bd)!important;box-shadow:0 2px 4px rgba(60,50,30,.05),0 18px 42px rgba(60,50,30,.11),inset 0 1px 0 rgba(255,255,255,.85)!important;overflow:hidden}
.bge-rec::before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(var(--gold),var(--gold-l))}
.bge-rec .h4 i{color:var(--gold-d)}

.bge-state{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--gold-d)}
.bge-dot{width:9px;height:9px;border-radius:50%;flex:none;background:currentColor;box-shadow:0 0 8px currentColor}
.lvl-high .bge-state,.bge-state.lvl-high{color:var(--green)}
.lvl-mid .bge-state,.bge-state.lvl-mid{color:var(--gold-d)}
.lvl-low .bge-state,.bge-state.lvl-low{color:var(--slate)}
.lvl-high.bge-rec::before{background:linear-gradient(var(--green),#5FB088)!important}
.lvl-mid.bge-rec::before{background:linear-gradient(var(--gold),var(--gold-l))!important}

.card.kpi{padding-right:52px!important}
.kpi-ic{position:absolute;top:13px;right:13px;width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,#F6E0A8,#C6863A);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 6px 16px rgba(198,138,60,.40),inset 0 1px 0 rgba(255,255,255,.5);z-index:2}

/* hover gold line on every card */
.card{position:relative}
.card:not(.bge-rec)::before{content:'';position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(var(--gold),var(--gold-l));opacity:0;transition:opacity .18s;pointer-events:none;z-index:3}
.card:not(.bge-rec):hover::before{opacity:1}
/* toned-down, unified KPI icons */
.kpi-ic,.crm-kpi .ck-ic{position:absolute;top:13px;right:13px;width:30px;height:30px;border-radius:9px;background:rgba(230,185,84,.13)!important;color:var(--gold-l)!important;border:1px solid rgba(230,185,84,.22);box-shadow:none!important;display:flex;align-items:center;justify-content:center;font-size:15px;margin:0!important;animation:none!important;z-index:2}
.card.kpi{padding-right:46px!important}
.crm-kpi{padding-right:44px}

/* richer customer mini-stats (Era kunder) */
.cc-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line2);padding-top:12px}
.cc-stat{background:linear-gradient(180deg,#FFFCF5,#fff);border:1px solid var(--line2);border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text)}
.cc-stat i{color:var(--gold-d)!important;font-size:15px;flex:none}

/* documents: drop top hover line, light up the count chip */
.lib-c{transition:background .15s,color .15s}
.libcard::after{display:none!important}
.libcard:hover .lib-c{background:var(--gold-d)!important;color:#fff!important;border-color:var(--gold-d)!important}
/* highlight specific rows on hover */
.pv-row:hover,.trow:hover,.leadrow:hover,.docrow:hover,.tl-ev:hover{background:var(--gold-soft);box-shadow:inset 3px 0 0 var(--gold);transition:background .15s,box-shadow .15s}
/* progress bars light up on hover */
.wl-row:hover .bar{box-shadow:0 0 0 1px rgba(230,185,84,.35),0 2px 9px rgba(230,185,84,.3)}
.wl-row:hover .bar b{filter:brightness(1.13) saturate(1.08)}

.csub{font-size:12px;color:var(--muted);margin:-4px 0 14px}
.col-b{position:relative}
.col-v{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;color:#4a3712;white-space:nowrap}
.acttbl{width:100%;border-collapse:collapse;font-size:13px}
.acttbl th{text-align:left;color:var(--muted);font-weight:600;font-size:11.5px;padding:6px 10px;border-bottom:1px solid var(--line)}
.acttbl td{padding:7px 10px;border-bottom:1px solid var(--line2);color:var(--text)}
.acttbl td:first-child,.acttbl th:first-child{padding-left:0}

.chart.grouped{display:flex;align-items:flex-end;gap:14px;height:180px;padding-top:20px}
.cgroup{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px;min-width:0}
.cbars{display:flex;align-items:flex-end;gap:4px;height:100%;width:100%;justify-content:center}
.cbar{position:relative;width:30%;max-width:18px;border-radius:6px 6px 0 0;height:var(--hh);animation:grow 1s cubic-bezier(.2,.7,.2,1)}
.cbar.c-slate{background:linear-gradient(180deg,#7892a6,#4e6e84)}
.cbar.c-green{background:linear-gradient(180deg,#4ca877,#2e7d54)}
.cbar.c-gold{background:linear-gradient(180deg,var(--gold-l),var(--gold))}
.cbar .col-v{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;color:var(--text)}
.aclegend{display:flex;gap:14px;flex-wrap:wrap;margin:-2px 0 10px;font-size:11.5px;color:var(--text)}
.alg{display:inline-flex;align-items:center;gap:5px}
.dotc{width:9px;height:9px;border-radius:3px;display:inline-block}
.dotc.c-slate{background:#4e6e84}.dotc.c-green{background:#2e7d54}.dotc.c-gold{background:var(--gold)}
.cgroup:hover .cbar{filter:brightness(1.07) saturate(1.05)}


.statbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.insight-card{margin-bottom:16px}
.ins-mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,#F6E0A8,#C6863A);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.ins-empty{display:flex;gap:9px;align-items:flex-start;color:var(--text);font-size:13.5px;line-height:1.55;background:var(--gold-soft);border:1px solid var(--gold-bd);border-radius:12px;padding:13px 15px}
.ins-empty i{color:var(--gold-d);margin-top:2px}
.ins-loading{display:flex;align-items:center;gap:10px;color:var(--text);font-size:14px;padding:8px 2px}
.spin{width:16px;height:16px;border:2px solid var(--gold-bd);border-top-color:var(--gold);border-radius:50%;display:inline-block;animation:inspin .7s linear infinite}
@keyframes inspin{to{transform:rotate(360deg)}}
.ins-lead{font-size:15px;line-height:1.55;color:var(--ink);margin:0 0 12px;font-weight:500}
.ins-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.ins-block{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;font-size:13.5px;line-height:1.55;color:var(--text)}
.ins-lbl{font-size:11px;font-weight:700;color:var(--gold-d);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;display:flex;align-items:center;gap:6px}
.ins-foot{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin-top:8px}
.ins-foot i{color:var(--green)}

.cust-pulse{font-size:11.5px;color:var(--muted);margin-top:3px;display:flex;align-items:center;gap:5px;line-height:1.4}
.cust-pulse i{color:var(--gold-d);font-size:13px;flex:none}
.custrow .lead-act{flex-wrap:wrap;align-items:flex-end;gap:6px}

.wsboot{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(130% 150% at 50% -10%,#0d1729,#04070c);transition:opacity .7s ease}
.wsboot.done{opacity:0;pointer-events:none}
.wsboot-canvas{position:absolute;inset:0;width:100%;height:100%}
.wsboot-core{position:relative;z-index:2;text-align:center;width:min(360px,82%)}
.wsboot-core::before{content:'';position:absolute;left:50%;top:40%;width:320px;height:320px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(230,185,84,.15),transparent 62%);opacity:0;animation:wsbootGlow 1.5s ease .3s forwards;z-index:-1}
.wsboot-mark{width:min(268px,72vw);margin:0 auto 22px;opacity:0;transform:translateY(7px) scale(.985);filter:drop-shadow(0 10px 34px rgba(0,0,0,.55));transition:opacity .75s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.wsboot-mark.wsin{opacity:1;transform:none}
.wsboot-mark img{width:100%;height:auto;display:block}
.wsboot-sub{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-l);margin-bottom:20px;opacity:0;animation:wsbootFade .8s ease .75s forwards}
.wsboot-bar{height:3px;border-radius:3px;background:rgba(255,255,255,.10);overflow:hidden;width:190px;margin:0 auto;opacity:0;animation:wsbootFade .8s ease .85s forwards}
.wsboot-bar b{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--gold-d),var(--gold-l));transition:width .35s ease}
@keyframes wsbootMark{to{opacity:1;transform:none}}
@keyframes wsbootFade{to{opacity:1}}
@keyframes wsbootGlow{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.wsboot-mark,.wsboot-sub,.wsboot-bar,.wsboot-core::before{animation-duration:.01s;opacity:1;transform:none}}

/* initial-avatar circles & tiles: same colour, added depth & pop (ref: BGE prepared tiles) */
.usr-av,.eav{background:radial-gradient(125% 125% at 30% 22%,#ffffff 0%,var(--slate-soft) 76%)!important;box-shadow:0 2px 7px rgba(78,110,132,.20),inset 0 1px 0 rgba(255,255,255,.75),inset 0 0 0 1px rgba(78,110,132,.12)!important;border:none}
.cc-logo{background:linear-gradient(150deg,#ffffff,var(--gold-soft))!important;box-shadow:0 3px 9px rgba(198,138,60,.18),inset 0 1px 0 rgba(255,255,255,.7)!important}

/* pipeline stage tiles: same colour, added depth & pop */
.stbadge{background-image:radial-gradient(120% 120% at 30% 22%,rgba(255,255,255,.72),rgba(255,255,255,0) 72%)!important;box-shadow:0 2px 8px rgba(43,39,34,.12),inset 0 1px 0 rgba(255,255,255,.55)!important}

.wsboot-mark{position:relative;left:-16px}
.reklink{color:var(--gold-d);font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:4px 6px;margin-left:-6px;border-radius:6px;transition:.15s}.reklink:hover{color:var(--gold-d);background:var(--gold-soft)}.kp-rek .recrow{margin-bottom:10px}.rek-sent{opacity:.82}.rek-lbl{display:block;font-size:12px;color:var(--muted);font-weight:600;margin:10px 0 4px}#rekmodal select.tl-in,#rekmodal input.tl-in,#rekmodal textarea.tl-in{width:100%}.usr-click{cursor:pointer;transition:.14s;border-radius:9px;padding:6px;margin:0 -6px}.usr-click:hover{background:var(--gold-soft)}.usr-ch{margin-left:auto;color:var(--faint)}.usr-click:hover .usr-ch{color:var(--gold-d)}#consov .sov-acts{display:flex;gap:8px;flex-wrap:wrap}#consov .sov-acts .btn{flex:1;min-width:150px;justify-content:center}.cs-editbar{padding:2px 0 8px}.mini-edit{display:inline-flex;align-items:center;gap:6px;background:var(--gold-soft,#F7EFE0);border:1px solid #EAD9B6;color:#9C6A28;border-radius:20px;padding:6px 13px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
#cs-editform .cs-ef{background:#fff;border:1px solid var(--line,#E7DFCF);border-radius:14px;padding:15px;margin:2px 0 14px;box-shadow:0 8px 20px rgba(60,50,30,.06)}
.cs-ef label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#6F6757;margin:0 0 11px}
.cs-ef input{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1px solid #D9CDB2;border-radius:10px;font:inherit;font-size:14.5px;color:#2B2722;background:#FCFAF4}
.cs-ef-btns{display:flex;gap:9px}.cs-ef-btns .sv{background:#0A1525;color:#E6B954;border:0;border-radius:10px;padding:9px 16px;font-weight:700;cursor:pointer;font-size:13.5px}
.cs-ef-btns .cx{background:#fff;border:1px solid #E7DFCF;color:#2B2722;border-radius:10px;padding:9px 16px;font-weight:700;cursor:pointer;font-size:13.5px}
.cs-ef-note{font-size:11.5px;color:#8A8272;margin-top:10px}

.ek-view{display:none}.ek-view.on{display:block}.ek-kvar{font-variant-numeric:tabular-nums;letter-spacing:-.01em}

:root{color-scheme:light only;--page:#F6F1E7;--card:#FFF;--navy:#0A1525;--gold:#C68A3C;--gold-d:#9C6A28;--gold-l:#E6B954;--ink:#2B2722;--text:#4B4335;--mut:#6F6757;--line:#E7DFCF;--soft:#FBF7EE;--gold-soft:#F7EFE0;--green:#2E7D54;--red:#B23A48;--slate:#4E6E84}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:#F6F1E7}
body{margin:0;background:var(--page);color:var(--text);font-family:'Schibsted Grotesk','Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.5}
@media(prefers-color-scheme:dark){html,body{background:#F6F1E7 !important}body{color:#4B4335 !important}}
.wrap{max-width:920px;margin:0 auto;padding:0 14px 60px}
.hero{background:radial-gradient(120% 150% at 50% -30%,#152238,#0A1525 60%);border-radius:20px;padding:22px;margin:16px 0 12px;box-shadow:0 16px 38px rgba(10,21,37,.22);border-top:2px solid var(--gold)}
.brand{font-family:'Space Grotesk','Hanken Grotesk',sans-serif;font-weight:700;color:var(--gold-l);letter-spacing:.24em;font-size:12px;text-transform:uppercase}
.hero h1{font-family:'Space Grotesk','Hanken Grotesk',sans-serif;color:#F4EFE3;font-size:25px;margin:8px 0 6px}
.hero .sub{color:#C9BFA9;font-size:13.5px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.badge{background:rgba(230,185,84,.14);border:1px solid rgba(230,185,84,.4);color:var(--gold-l);border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:700}
.secure{display:flex;gap:9px;align-items:center;background:var(--gold-soft);border:1px solid #EAD9B6;border-radius:12px;padding:10px 13px;margin:0 0 12px;color:#6b4a12;font-size:13px}
.tabs{display:flex;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 0 10px}
.tab{flex:none;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:20px;padding:8px 15px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.tab.on{background:var(--navy);color:#F4EFE3;border-color:var(--navy)}
.panel{display:none} .panel.on{display:block}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin:12px 0;box-shadow:0 1px 2px rgba(60,50,30,.04),0 10px 24px rgba(60,50,30,.06)}
h2{font-family:'Space Grotesk','Hanken Grotesk',sans-serif;color:var(--ink);font-size:19px;margin:2px 0 3px}
.api{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--gold-d);background:var(--gold-soft);border:1px solid #EAD9B6;border-radius:7px;padding:2px 8px;display:inline-block;margin:0 0 12px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.kpi{text-align:left;font:inherit;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 8px 20px rgba(60,50,30,.05);min-width:0;position:relative;transition:.12s}
.kpi:hover{border-color:var(--gold);transform:translateY(-1px)}
.kpi .n{font-family:'Space Grotesk','Hanken Grotesk',sans-serif;font-weight:700;color:var(--ink);font-size:23px}
.kpi .l{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-top:2px}
.kpi .go{position:absolute;top:12px;right:13px;color:var(--gold);font-weight:800}
.flagrow{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:13px 0;border-top:1px solid var(--line)}
.flagrow:first-of-type{border-top:0}
.sw{position:relative;width:54px;height:30px;flex:none}
.sw input{opacity:0;width:0;height:0;position:absolute}
.sw .tr{position:absolute;inset:0;background:#D8CEB8;border-radius:20px;transition:.2s}
.sw .tr::before{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}
.sw input:checked+.tr{background:linear-gradient(90deg,var(--gold-l),var(--gold-d))}
.sw input:checked+.tr::before{transform:translateX(24px)}
.pill{border-radius:20px;padding:3px 11px;font-size:12.5px;font-weight:700;display:inline-block;min-width:40px;text-align:center}
.pill.off{background:#F0E7D6;color:#7A5A1E} .pill.on{background:#E4F1E9;color:var(--green)}
.btn{border:0;border-radius:11px;padding:10px 15px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.btn.sm{padding:7px 12px;font-size:13px} .btn.g{background:linear-gradient(180deg,var(--gold),var(--gold-d));color:#231a09} .btn.o{background:#fff;border:1px solid var(--line);color:var(--ink)}
.kill{background:#fff;border:1.5px solid var(--red);color:var(--red);border-radius:11px;padding:8px 12px;font-weight:700;font-size:13.5px;cursor:pointer} .kill.sm{padding:6px 10px}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}
th{background:var(--navy);color:#fff;text-align:left;padding:10px 12px;font-weight:700;font-size:12.5px}
td{padding:11px 12px;border-top:1px solid var(--line);vertical-align:middle}
tr:nth-child(even) td{background:var(--soft)}
.mut{color:var(--mut)} .ar{text-align:right} .lk{color:var(--gold-d);font-weight:700;cursor:pointer}
.chip{border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:700;white-space:nowrap}
.k-gold{background:#F6E9CE;color:#8A5A16} .k-slate{background:#EAF0F4;color:var(--slate)} .k-navy{background:#E7ECF3;color:#26364D} .k-green{background:#E4F1E9;color:var(--green)} .k-grey{background:#ECE7DC;color:#6A6250} .k-amber{background:#FBEED2;color:#8A6516} .k-red{background:#F7E0E3;color:var(--red)}
.icard{display:flex;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid var(--line);flex-wrap:wrap}
.icard:first-child{border-top:0}

.stdot{width:9px;height:9px;border-radius:50%;background:var(--green);flex:none;display:inline-block;margin-right:8px;vertical-align:middle;box-shadow:0 0 0 3px rgba(46,125,84,.14)}
.icard b{display:block;font-size:15px;color:var(--ink)} .icard span.mtxt,.icard>div span{font-size:12.5px;color:var(--mut)} .icard>div{flex:1;min-width:120px}
.note{background:var(--gold-soft);border:1px solid #EAD9B6;border-left:5px solid var(--gold);border-radius:12px;padding:12px 15px;color:#6b4a12;font-size:13.5px;margin-top:12px}
.rowbtns{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.ok{display:none;color:var(--green);font-weight:700;font-size:14px;margin-top:12px}
#kpidetail{display:none}
@media(max-width:560px){.kpis{grid-template-columns:1fr 1fr}.hero h1{font-size:22px}}
.mx{background:none;border:0;font-size:18px;color:var(--mut);cursor:pointer;line-height:1}
.mc{text-align:center}.matrix-toggle{width:18px;height:18px;accent-color:var(--gold-d);cursor:pointer}
.modal{position:fixed;inset:0;background:rgba(10,21,37,.45);display:none;align-items:center;justify-content:center;padding:16px;z-index:60}
.modal.on{display:flex}
.modal-card{background:#fff;border-radius:18px;max-width:460px;width:100%;padding:18px 18px 16px;box-shadow:0 24px 60px rgba(10,21,37,.3);max-height:86vh;overflow:auto}
.modal-card h2{font-family:'Space Grotesk','Hanken Grotesk',sans-serif;color:var(--ink);font-size:19px}
.msearch{width:100%;padding:11px 13px;border:1px solid #D9CDB2;border-radius:11px;font:inherit;font-size:15px;background:#FCFAF4;margin-bottom:10px}
.plist{max-height:200px;overflow:auto;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
.prow{padding:10px 12px;border-top:1px solid var(--line);cursor:pointer}
.prow:first-child{border-top:0}.prow.sel{background:var(--gold-soft)}
.prow b{display:block;font-size:14.5px;color:var(--ink)}.prow span{font-size:12px;color:var(--mut)}
.mlab{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--mut);margin:0 0 14px}
.mlab select{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1px solid #D9CDB2;border-radius:11px;font:inherit;font-size:15px;background:#FCFAF4;color:var(--ink)}
.ovchip{display:inline-flex;gap:9px;align-items:center;background:var(--gold-soft);border:1px solid #EAD9B6;border-radius:20px;padding:7px 13px;margin:0 8px 8px 0;font-size:13.5px;color:#6b4a12}
.ovchip .rv{cursor:pointer;color:var(--red);font-weight:800}

.th-shell{display:flex;min-height:100vh;background:var(--page)}
.th-rail{width:230px;flex:none;background:var(--navy);color:#EDE7DA;padding:22px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}
.th-rail .brand{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.14em;font-size:15px;color:#E6B954;margin:0 10px 18px}
.th-rail a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:rgba(237,231,218,.75);font-size:13.5px;text-decoration:none}
.th-rail a:hover{background:rgba(230,185,84,.08);color:#F4EFE3}
.th-rail a.on{background:rgba(230,185,84,.14);color:#E6B954;font-weight:600}
.th-rail .sp{flex:1}
.th-main{flex:1;min-width:0;padding:26px clamp(18px,3vw,40px)}
.th-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.th-user{font-size:13px;color:var(--text)}
.th-guard{display:none;padding:60px 20px;text-align:center;color:var(--text)}
[data-role-denied] .th-guard{display:block}
[data-role-denied] .th-content{display:none}
.tw{overflow-x:auto}
.tw table{width:100%;border-collapse:collapse;font-size:13.5px}
.tw th{text-align:left;padding:9px 10px;background:transparent;color:var(--mut);font-weight:600;border-bottom:1px solid var(--line)}
.tw td{padding:9px 10px;border-bottom:1px solid var(--line2);color:var(--ink)}
.th-actions{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.th-btn{background:linear-gradient(180deg,var(--gold),var(--gold-d));color:#231a09;font-weight:700;border:0;border-radius:9px;padding:8px 14px;font-size:13px;cursor:pointer}
.th-btn.ghost{background:transparent;color:var(--gold-d);border:1px solid var(--gold-bd)}
.th-input{border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:13.5px;background:#fff;min-width:220px}
.th-slide{position:fixed;top:0;right:-480px;width:460px;max-width:92vw;height:100vh;background:#fff;box-shadow:-18px 0 50px rgba(0,0,0,.14);transition:right .3s;z-index:80;padding:26px;overflow-y:auto}
.th-slide.open{right:0}
.th-field{margin-bottom:12px}.th-field label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:4px}
.th-field input,.th-field select,.th-field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13.5px}
@media(max-width:900px){.th-shell{display:block}.th-rail{position:sticky;top:0;z-index:40;width:100%;height:auto;flex-direction:row;align-items:center;gap:2px;padding:10px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.th-rail .brand{margin:0 10px 0 0;font-size:13px;flex:none}.th-rail a{flex:none;padding:8px 10px;white-space:nowrap}.th-rail .sp{display:none}}

/* granskning v1: fokus + tillganglighet */
.th-btn:focus-visible,.th-input:focus-visible,.tab:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--gold-d);outline-offset:2px}
.sw input:focus-visible+.tr{outline:2px solid var(--gold-d);outline-offset:2px}
/* v4: mobilfinish for th-sidorna - kaskadsakert sist i filen */
@media(max-width:760px){
.kpis{grid-template-columns:repeat(2,1fr)}
.th-main{padding:16px 13px}
.th-topbar{flex-wrap:wrap;gap:8px}
.th-topbar h1{font-size:22px}
.card{padding:14px 14px}
.th-actions .th-input{flex:1 1 100%;min-width:0}
.tw table{min-width:620px}
.th-slide{width:100vw;max-width:100vw;right:-100vw;padding:20px 16px}
.kpi .n{font-size:22px}
}
@media(min-width:561px) and (max-width:900px){
.kpis{grid-template-columns:repeat(2,1fr)}
}
/* v5: facit-paritet for Team Hub-skalet (ikonrail, boot-skarm, kort/kpi/tabell, ambience) - kaskadsakert sist */
body{font-family:var(--f)}
.th-shell{background:radial-gradient(100% 86% at 28% -8%,rgba(255,251,243,.92),rgba(247,243,234,0) 56%),linear-gradient(150deg,#F7F3EA 0%,#F1ECE1 60%,#EDE7DB 100%)}
.th-rail{width:72px;background:var(--raised);color:var(--muted);border-right:1px solid var(--line);padding:14px 0;align-items:center;gap:4px}
.th-rail .brand{margin:0 0 12px;letter-spacing:0}
.th-rail .mk-s{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;color:var(--gold-d);background:var(--gold-soft);border:1px solid var(--gold-bd);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.th-rail a{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:20px;position:relative;padding:0;gap:0;transition:.15s}
.th-rail a:hover{background:var(--gold-soft);color:var(--gold-d)}
.th-rail a.on{background:var(--gold-soft);color:var(--gold-d);box-shadow:inset 0 0 0 1px var(--gold-bd);font-weight:400}
.th-rail a::after{content:attr(data-label);position:absolute;left:50px;white-space:nowrap;background:var(--ink);color:var(--cream);font-size:11px;padding:4px 8px;border-radius:6px;opacity:0;pointer-events:none;z-index:9;transition:.12s}
.th-rail a:hover::after{opacity:1}
.th-rail .sp{flex:1;background:transparent;width:auto;height:auto}
.th-topbar{border-bottom:1px solid var(--line);padding-bottom:12px}
.th-topbar h1{font-size:19px;letter-spacing:-.01em}
.th-user{font-size:12.5px;color:var(--muted)}
.th-main{position:relative}
.th-main::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(38% 48% at 16% 10%,rgba(230,185,84,.10),transparent 60%),radial-gradient(46% 56% at 88% 82%,rgba(78,110,132,.07),transparent 62%);animation:amb 24s ease-in-out infinite}
.th-main>*{position:relative;z-index:1}
@keyframes amb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(2%,-2%) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.th-main::before{animation:none}}
.card{background:linear-gradient(180deg,#fffdf9,#fff);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh),inset 0 1px 0 rgba(255,255,255,.85);padding:18px 20px;transition:box-shadow .26s ease,transform .26s ease,border-color .26s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(60,50,30,.06),0 24px 48px rgba(60,50,30,.12),inset 0 1px 0 rgba(255,255,255,.82);border-color:var(--gold-bd)}
.kpis{gap:14px;margin-bottom:18px}
.kpi{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:13px;padding:16px 18px;box-shadow:var(--sh-s),inset 0 1px 0 rgba(255,255,255,.8);transition:box-shadow .22s ease,transform .22s ease}
.kpi::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);opacity:.95}
.kpi:nth-child(2)::before{background:var(--slate)}
.kpi:nth-child(3)::before{background:var(--green)}
.kpi:nth-child(4)::before{background:var(--amber)}
.kpi:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(60,50,30,.06),0 16px 32px rgba(60,50,30,.11)}
.kpi .n{font-size:27px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1;font-family:var(--f)}
.kpi .l{font-size:12px;color:var(--muted);margin-top:6px;text-transform:none;letter-spacing:0;font-weight:500}
.tw{border:0;border-radius:0}
.tw table{border-collapse:collapse;font-size:13px;min-width:560px}
.tw th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:transparent}
.tw td{padding:11px 12px;border-bottom:1px solid var(--line2);color:var(--text);white-space:nowrap}
.tw tr:last-child td{border-bottom:none}
.tw td b{color:var(--ink)}
.tw tbody tr{transition:.12s}
.tw tbody tr:hover td{background:var(--gold-soft)}
tr:nth-child(even) td{background:transparent}
.th-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--f);font-size:13px;font-weight:600;border-radius:10px;padding:9px 15px;cursor:pointer;border:1px solid var(--dark);background:var(--dark);color:var(--cream);box-shadow:var(--sh-s),inset 0 1px 0 rgba(255,255,255,.1);transition:.15s}
.th-btn:hover{transform:translateY(-1px)}
.th-btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--sh-s)}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)}
.th-input,.th-field input,.th-field select,.th-field textarea{border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-family:var(--f);font-size:13.5px;color:var(--ink);background:var(--raised);outline:none;transition:.15s}
.th-input:focus,.th-field input:focus,.th-field textarea:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px var(--gold-soft)}
/* wsboot loading screen */
.wsboot{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(130% 150% at 50% -10%,#0d1729,#04070c);transition:opacity .7s ease}
.wsboot.done{opacity:0;pointer-events:none}
.wsboot-core{position:relative;z-index:2;text-align:center;width:min(360px,82%)}
.wsboot-core::before{content:'';position:absolute;left:50%;top:40%;width:320px;height:320px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(230,185,84,.15),transparent 62%);opacity:0;animation:wsbootGlow 1.5s ease .3s forwards;z-index:-1}
.wsboot-mark{width:min(268px,72vw);margin:0 auto 22px;opacity:0;transform:translateY(7px) scale(.985);filter:drop-shadow(0 10px 34px rgba(0,0,0,.55));transition:opacity .75s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.wsboot-mark.wsin{opacity:1;transform:none}
.wsboot-mark img{width:100%;height:auto;display:block}
.wsboot-sub{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-l);margin-bottom:20px;opacity:0;animation:wsbootFade .8s ease .75s forwards}
.wsboot-bar{height:3px;border-radius:3px;background:rgba(255,255,255,.10);overflow:hidden;width:190px;margin:0 auto;opacity:0;animation:wsbootFade .8s ease .85s forwards}
.wsboot-bar b{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--gold-d),var(--gold-l));transition:width .35s ease}
@keyframes wsbootFade{to{opacity:1}}
@keyframes wsbootGlow{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.wsboot-mark,.wsboot-sub,.wsboot-bar,.wsboot-core::before{animation-duration:.01s;opacity:1;transform:none}}
/* mobil: horisontell ikonrad (facit-mnav) */
@media(max-width:900px){
.th-rail{width:100%;height:auto;flex-direction:row;justify-content:flex-start;padding:7px 8px;border-right:0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#FBF8F1,#F7F3EA);overflow-x:auto;-webkit-overflow-scrolling:touch}
.th-rail .brand{margin:0 6px 0 2px;flex:none}
.th-rail a{flex:none;width:40px;height:40px;padding:0;white-space:normal}
.th-rail a::after{display:none}
.th-rail .sp{display:none}
}
@media(max-width:760px){.kpis{grid-template-columns:repeat(2,1fr)}}
/* v6: kontrollpanel-kontrast, maxbredd, facit-reglage, boot-logga */
.th-topbar,.th-content,.th-guard{max-width:1120px;margin-left:auto;margin-right:auto}
.th-topbar{margin-bottom:18px}
.card b,.flagrow b{color:var(--ink)}
.api{color:var(--gold-d)!important;background:var(--gold-soft)!important;border:1px solid #EAD9B6!important}
.flagrow{padding:11px 0}
.sw{width:42px;height:24px}
.sw .tr::before{width:18px;height:18px;left:3px;top:3px}
.sw input:checked+.tr::before{transform:translateX(18px)}
.pill{font-size:11px;padding:2px 9px;min-width:34px}
h2{font-size:16px;font-weight:600;margin:0 0 12px}
.th-topbar h1{font-size:20px}
.wsboot-mark{width:min(300px,72vw);left:0}
/* ===== granskning v7: kaskad- & kontrastfixar + facit-paritetsstod — MASTE ligga sist i filen ===== */
/* referensens div-switch lacker pa live .sw (spokknopp) */
.sw{background:transparent;border-radius:0}
.sw::after{content:none}
/* pill: gor Pa-laget till default */
.pill{background:#E4F1E9;color:var(--green)}
.pill.off{background:#F0E7D6;color:#7A5A1E}
/* chips utan k-klass far neutral bakgrund (0-specificitet, k-* vinner alltid) */
:where(.chip){background:var(--grey-soft);color:var(--grey-tx)}
/* rail fore JS-ikonbyte */
.th-rail .brand{color:var(--gold-d);font-size:11px;letter-spacing:.02em;text-align:center}
.th-rail a:not([data-label]){width:auto;height:auto;padding:8px 10px;font-size:12.5px;overflow:hidden}
.th-rail a:focus-visible{outline:2px solid var(--gold-d);outline-offset:2px}
.th-rail a:focus-visible::after{opacity:1}
/* kontrast-hardning (skyddar mot sajtens morka body/cream) */
body{color:var(--text)}
.card b,.flagrow b,.tw td b{color:var(--ink)}
/* neutralisera sajt-CSS h1/h2-lackor */
h1{font-family:var(--f);line-height:1.2;letter-spacing:-.01em}
h2{max-width:none;line-height:1.3;letter-spacing:0}
/* .mut i tabellceller */
.tw td.mut{color:var(--mut)}
/* nakna selects i tabeller + select-fokus */
.tw td select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-family:var(--f);font-size:12.5px;color:var(--ink);background:#fff;cursor:pointer}
.th-field select:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px var(--gold-soft)}
/* tabeller i slide ska inte tvinga h-scroll */
.th-slide .tw table{min-width:0}
/* desarmera generiska th (navy/vit) utanfor .tw */
th{background:transparent;color:var(--mut)}
/* referensens guldlinje-hover pa .card */
.th-shell .card::before{content:none}
.th-shell .kpi::before{content:""}
/* stycken & basstorlek */
.th-content p{margin:10px 0 0}
.th-content p:first-child{margin-top:0}
.th-main{font-size:14px}
/* topbar som facit-phead */
.th-topbar>div .eb{color:var(--gold-d);display:flex;align-items:center;gap:2px;letter-spacing:.14em}
.th-topbar .eb .live{background:var(--gold-d);box-shadow:0 0 7px var(--gold)}
.th-topbar h1{margin:3px 0 0;font-size:20px;font-weight:700}
.th-topbar .mut{font-size:12.5px;margin-top:2px}
/* kpi-ic: guld pa ljusa kort, transparent pa morka (oversikt/statistik) */
.card.kpi .kpi-ic{background:var(--gold-soft)!important;color:var(--gold-d)!important;border:1px solid var(--gold-bd)}
[data-active="oversikt"] .card.kpi .kpi-ic,[data-active="statistik"] .card.kpi .kpi-ic{background:rgba(230,185,84,.13)!important;color:var(--gold-l)!important;border:1px solid rgba(230,185,84,.22)}
[data-active="oversikt"] .kpi::before,[data-active="statistik"] .kpi::before{content:none}
.kpi .kd{position:relative;z-index:2}
/* grids som ersatter kort behover kortens vertikala rytm */
.cgrid,.egrid,.libgrid,.tasks,.grid.g23{margin:12px 0}
.cgrid .card,.egrid .card,.libgrid .card{margin:0}
.grid.g23 .card{margin:0 0 18px}
.grid.g23>div{min-width:0}
@media(max-width:980px){.grid.g23{grid-template-columns:1fr}}
/* h4-radens more-lank */
.h4 .more{text-decoration:none}
.h4 i{color:var(--gold-d)}
/* compose-formularet pa uppgifter */
form.compose{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
form.compose .th-input{flex:1;min-width:180px}
form.compose #task-due{flex:0 0 160px;min-width:150px}
/* toast */
.th-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px);background:var(--dark);color:var(--cream);padding:11px 18px;border-radius:11px;font-size:13.5px;font-family:var(--f);z-index:100000;box-shadow:0 14px 34px rgba(10,21,37,.35);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.th-toast.on{opacity:1;transform:translate(-50%,0)}
/* aterupprätta v4-mobilen som v5/v6 slog ut (sist for att vinna) */
@media(max-width:760px){
.card{padding:14px}
.kpi .n,.kpi .kn{font-size:22px}
.grid.g23{grid-template-columns:1fr}
.thero.big{margin-bottom:14px}
form.compose #task-due{flex:1 1 100%}
}
/* v8: boot-partiklar, backdrop, rail-tooltip over innehall, klickbara rader */
.wsboot-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.th-backdrop{position:fixed;inset:0;background:rgba(10,21,37,.32);z-index:79;opacity:0;transition:opacity .25s ease}
.th-backdrop.on{opacity:1}
.th-rail{z-index:70}
.th-rail a::after{z-index:99}
[data-active="oversikt"] [data-bind="tbl-leads-recent"] tr,[data-active="oversikt"] [data-bind="tbl-tasks-open"] tr{cursor:pointer}
/* v9: cookiebot bort i team hub, g23-tabeller, vikarie-falt, slide-knappordning */
#CybotCookiebotDialog,#CybotCookiebotDialogBackdrop,#CookiebotWidget,#cookiebanner{display:none!important}
.grid.g23 .tw table{min-width:0}
.grid.g23 .tw td,.grid.g23 .tw th{white-space:normal}
#cf-access input[type=text]{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-family:var(--f);font-size:13.5px;color:var(--ink);background:var(--raised);outline:none;transition:.15s}
#cf-access input[type=text]:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px var(--gold-soft)}
/* v10: profil, teamchatt, motes-kort */
.prow2{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line2);font-size:13.5px}
.prow2>span:first-child{color:var(--muted);font-size:12.5px}
.prow2 b{color:var(--ink)}
.th-user-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:4px 13px 4px 4px;font-family:var(--f);font-size:12.5px;font-weight:600;color:var(--ink);box-shadow:var(--sh-s);transition:.15s}
.th-user-btn:hover{border-color:var(--gold-bd);background:var(--gold-soft)}
.th-user-btn .eav{width:26px;height:26px;font-size:10.5px}
.th-msgs{display:flex;flex-direction:column;gap:8px;margin:12px 0;height:52vh;overflow-y:auto;padding:4px 2px}
.msg{max-width:84%;padding:9px 12px;border-radius:13px;font-size:13.5px;line-height:1.45;background:var(--raised);border:1px solid var(--line);align-self:flex-start;color:var(--text);white-space:pre-wrap;word-break:break-word}
.msg.mine{align-self:flex-end;background:var(--dark);color:var(--cream);border-color:var(--dark)}
.msg .mf{font-size:11px;font-weight:700;color:var(--gold-d);margin-bottom:2px}
.msg .mm{font-size:10.5px;color:var(--muted);margin-top:4px}
.msg.mine .mm{color:rgba(244,239,227,.6)}
.rail-dot{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--raised)}
#meet-card .trow{margin-bottom:8px}
#meet-card .trow:last-child{margin-bottom:0}
#meet-card .th-btn.ghost{padding:6px 11px;font-size:12px}
/* v11: konversationsvyn (Alla/Externt/Internt) i bred panel */
#chat-slide{width:min(940px,94vw);right:calc(-1*min(940px,94vw) - 60px)}
#chat-slide.open{right:0}
#chat-slide .msgpane{min-height:0;height:calc(100vh - 190px)}
#chat-slide .msglist{max-height:calc(100vh - 190px)}
#chat-slide .phead h2{max-width:none}
.msg-compose .th-btn{padding:10px 16px}
@media(max-width:760px){#chat-slide{width:100vw;right:-105vw}#chat-slide .msgpane{height:auto;min-height:380px}}
/* v12: djup tillbaka pa dashboarden - guldlinje-hover, djupare morka kort, moln-canvas */
.th-shell .card:not(.kpi)::before{content:''}
[data-active="oversikt"] .card.kpi,[data-active="statistik"] .card.kpi{box-shadow:0 3px 8px rgba(10,21,37,.25),0 18px 40px rgba(10,21,37,.32),inset 0 1px 0 rgba(255,255,255,.06)!important}
[data-active="oversikt"] .card.kpi:hover,[data-active="statistik"] .card.kpi:hover{box-shadow:0 6px 14px rgba(10,21,37,.30),0 26px 54px rgba(10,21,37,.40),inset 0 1px 0 rgba(255,255,255,.08)!important}
.thero.big{box-shadow:0 4px 12px rgba(10,21,37,.22),0 30px 70px rgba(10,21,37,.35),inset 0 1px 0 rgba(255,255,255,.05);border-color:rgba(230,185,84,.28)}
.thero canvas.cloud{opacity:.8}
/* v13: statusprickar (gron/amber/rod) pa dashboarden - BGE-monstret */
.sig{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:middle;flex:none}
.sig.g{background:var(--green);box-shadow:0 0 8px rgba(46,125,84,.55)}
.sig.a{background:var(--amber);box-shadow:0 0 8px rgba(200,140,40,.65)}
.sig.r{background:var(--red);box-shadow:0 0 9px rgba(200,70,50,.75);animation:sigPulse 1.6s ease-in-out infinite}
@keyframes sigPulse{0%,100%{box-shadow:0 0 4px rgba(200,70,50,.5)}50%{box-shadow:0 0 13px rgba(200,70,50,.95)}}
@media(prefers-reduced-motion:reduce){.sig.r{animation:none}}
.h4 .sig{margin-right:8px}
[data-active="oversikt"] .card.kpi .kl .sig.g,[data-active="statistik"] .card.kpi .kl .sig.g{box-shadow:0 0 10px rgba(80,200,130,.8)}
/* v14: mer djup och kansla i ljusa kort */
.th-shell .card{background:linear-gradient(180deg,#FFFEFB 0%,#FFFDF8 55%,#FAF6EC 100%);border-color:#E3D9C4;box-shadow:0 1px 2px rgba(60,50,30,.06),0 6px 14px rgba(60,50,30,.07),0 24px 52px rgba(60,50,30,.13),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(60,50,30,.04)}
.th-shell .card:hover{box-shadow:0 2px 5px rgba(60,50,30,.08),0 12px 26px rgba(60,50,30,.10),0 38px 76px rgba(60,50,30,.17),inset 0 1px 0 rgba(255,255,255,.95);border-color:var(--gold-bd)}
.attnrow{box-shadow:0 2px 6px rgba(60,50,30,.05)}
.trow{box-shadow:0 2px 6px rgba(60,50,30,.05)}
.trow:hover,.attnrow:hover{box-shadow:0 6px 16px rgba(60,50,30,.10)}
/* v15: hemsidans kortrecept i ljust lage - mjuka upphojda sidor (inset-glod nertill + topphighlight) */
.th-shell .card{background:linear-gradient(168deg,#FFFFFE 0%,#FFFDF7 46%,#F6F0E0 100%);border:1px solid #E2D7C1;box-shadow:0 26px 54px -30px rgba(60,48,26,.45),0 6px 14px rgba(60,50,30,.06),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -26px 46px -34px rgba(198,138,60,.22);transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .45s}
.th-shell .card:hover{transform:translateY(-4px);border-color:rgba(198,138,60,.5);box-shadow:0 44px 88px -32px rgba(60,48,26,.5),0 0 44px -12px rgba(230,185,84,.25),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -26px 46px -34px rgba(198,138,60,.28)}
@media(prefers-reduced-motion:reduce){.th-shell .card,.th-shell .card:hover{transform:none}}
/* v16: hemsidans kortpop fullt ut (harlinje i vila, tydlig kant, lyft), kontrollcenter-meny, klickbara KPI:er.
   Slides/toast/meny flyttas till document.body av JS - pa vissa sidor malades backdropen annars over slidern. */
.th-shell .card:not(.kpi){background:linear-gradient(168deg,#FFFFFE 0%,#FFFDF6 42%,#F4EDDA 100%);border:1px solid #DBCDAE;box-shadow:0 30px 60px -30px rgba(56,44,22,.5),0 6px 14px rgba(60,50,30,.07),0 1px 2px rgba(60,50,30,.05),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -30px 50px -32px rgba(198,138,60,.3)}
.th-shell .card:not(.kpi)::after{content:'';position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,138,60,.7),transparent);opacity:.55;transition:opacity .4s;pointer-events:none;z-index:3}
.th-shell .card:not(.kpi):hover::after{opacity:1}
.th-shell .card:not(.kpi):hover{transform:translateY(-5px);border-color:rgba(198,138,60,.55);box-shadow:0 48px 92px -34px rgba(56,44,22,.55),0 0 44px -12px rgba(230,185,84,.28),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -30px 50px -32px rgba(198,138,60,.36)}
:where(.th-shell) .card.kpi{background:linear-gradient(168deg,#FFFFFE 0%,#FFFDF7 46%,#F5EEDD 100%);border:1px solid #DFD1B4;box-shadow:0 20px 42px -26px rgba(56,44,22,.4),0 4px 10px rgba(60,50,30,.06),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -20px 36px -30px rgba(198,138,60,.24)}
@media(prefers-reduced-motion:reduce){.th-shell .card:not(.kpi),.th-shell .card:not(.kpi):hover{transform:none}}
.card.kpi[data-nav]{cursor:pointer}
.card.kpi[data-nav]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#th-ccmenu{position:fixed;min-width:218px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(20,16,8,.2),0 4px 12px rgba(20,16,8,.08);padding:7px;display:none;z-index:96}
#th-ccmenu.open{display:block;animation:ccIn .16s ease}
@keyframes ccIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
#th-ccmenu a.ccitem{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--ink);font-size:13.5px;text-decoration:none;transition:.14s}
#th-ccmenu a.ccitem i{font-size:18px;color:var(--muted);flex:none}
#th-ccmenu a.ccitem:hover{background:var(--gold-soft);color:var(--gold-d)}
#th-ccmenu a.ccitem:hover i,#th-ccmenu a.ccitem.on i{color:var(--gold-d)}
#th-ccmenu a.ccitem.on{background:var(--gold-soft);color:var(--gold-d);font-weight:600}
@media(prefers-reduced-motion:reduce){#th-ccmenu.open{animation:none}}
/* v17: granskningsvanda 1 - affarer-tabellen far inte klippa varde/status vid hogerkanten */
.th-shell .tw{overflow-x:auto}
.tw input[data-lead-value]{width:84px;min-width:0;box-sizing:border-box;padding:8px 8px}
.tw select[data-lead-status]{width:118px;min-width:0;box-sizing:border-box;padding:8px 6px;font-size:12.5px}
.tw td:last-child,.tw th:last-child{padding-right:14px}
.tw td{padding-left:10px;padding-right:10px}
/* v18: dialogsystem, S-marke utan bakgrund, morka kortens djup, rikare rail-ikoner, CRM-vy (facit-port) */
/* -- dialoger -- */
.th-dlg-ov{position:fixed;inset:0;background:rgba(10,21,37,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:120;opacity:0;transition:opacity .2s ease;padding:20px}
.th-dlg-ov.on{opacity:1}
.th-dlg{background:linear-gradient(168deg,#FFFFFE 0%,#FFFDF7 46%,#F6F0E0 100%);border:1px solid #DCCFB4;border-radius:18px;padding:28px 26px;max-width:400px;width:100%;text-align:center;box-shadow:0 30px 80px rgba(20,16,8,.35),inset 0 1px 0 rgba(255,255,255,.95);transform:translateY(6px);transition:transform .2s ease}
.th-dlg-ov.on .th-dlg{transform:none}
.th-dlg-ic{width:52px;height:52px;border-radius:50%;background:var(--gold-soft);border:2px solid var(--gold-bd);color:var(--gold-d);font-size:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.th-dlg-ic.danger{background:var(--red-soft);border-color:rgba(190,74,58,.4);color:var(--red)}
.th-dlg-ic.ok{background:var(--green-soft);border-color:rgba(46,125,84,.35);color:var(--green)}
.th-dlg h3{font-size:18px;margin:0 0 8px;color:var(--ink)}
.th-dlg p{font-size:13.5px;line-height:1.6;color:var(--text);margin:0}
.th-dlg-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}
.th-dlg-ok.danger{background:var(--red);border-color:var(--red);color:#fff}
/* -- S-marke -- */
.th-rail .brand{background:none;border:none}
.th-rail .brand .mk-img{width:42px;height:42px;object-fit:contain;display:block;filter:drop-shadow(0 2px 6px rgba(198,138,60,.35))}
/* -- morka KPI-kort: hemsidans recept -- */
[data-active="oversikt"] .card.kpi,[data-active="statistik"] .card.kpi{position:relative;background:linear-gradient(165deg,#17253F 0%,#0E1A33 52%,#0A1525 100%)!important;border:1px solid rgba(150,180,220,.16)!important;box-shadow:0 26px 54px -30px rgba(0,0,0,.82),0 6px 14px rgba(10,21,37,.32),inset 0 1px 0 rgba(255,255,255,.05),inset 0 -26px 46px -34px rgba(120,160,220,.28)!important;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .45s!important}
[data-active="oversikt"] .card.kpi::after,[data-active="statistik"] .card.kpi::after{content:'';position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(230,185,84,.6),transparent);opacity:.5;transition:opacity .4s;pointer-events:none;z-index:3}
[data-active="oversikt"] .card.kpi:hover::after,[data-active="statistik"] .card.kpi:hover::after{opacity:1}
[data-active="oversikt"] .card.kpi:hover,[data-active="statistik"] .card.kpi:hover{transform:translateY(-4px);border-color:rgba(230,185,84,.45)!important;box-shadow:0 44px 88px -32px rgba(0,0,0,.85),0 0 44px -12px rgba(230,185,84,.2),inset 0 1px 0 rgba(255,255,255,.06)!important}
@media(prefers-reduced-motion:reduce){[data-active="oversikt"] .card.kpi:hover,[data-active="statistik"] .card.kpi:hover{transform:none}}
/* -- rikare rail-ikoner -- */
.th-rail a i{transition:transform .18s ease,filter .18s ease}
.th-rail a:hover i{transform:translateY(-1px) scale(1.08)}
.th-rail a.on{background:linear-gradient(150deg,rgba(230,185,84,.22),rgba(198,138,60,.10));box-shadow:inset 0 0 0 1px var(--gold-bd),0 8px 16px -8px rgba(198,138,60,.5)}
.th-rail a.on i{color:var(--gold-d);filter:drop-shadow(0 2px 5px rgba(198,138,60,.45));transform:scale(1.06)}
/* -- CRM (Affarer) - portat fran facit -- */
.crm-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.crm-kpi{flex:1;min-width:130px;background:linear-gradient(168deg,#FFFFFE,#F8F3E6);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 10px 24px -14px rgba(60,48,26,.3),inset 0 1px 0 rgba(255,255,255,.9)}
.crm-kpi b{display:block;font-size:19px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.crm-kpi span{font-size:11px;color:var(--muted);font-weight:600}
.crm-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}
.crm-tab{appearance:none;background:none;border:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);padding:9px 14px 11px;border-bottom:2px solid transparent;cursor:pointer;transition:.15s}
.crm-tab:hover{color:var(--ink)}
.crm-tab.on{color:var(--ink);border-color:var(--gold)}
.crm-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.crm-search{flex:1;display:flex;align-items:center;gap:9px;background:var(--raised);border:1px solid var(--line);border-radius:11px;padding:9px 13px}
.crm-search input{border:none;outline:none;background:none;font:inherit;font-size:13px;color:var(--ink);width:100%}
.crm-search i{color:var(--muted);font-size:16px}
.crm-view{display:none}.crm-view.on{display:block}
.lfilbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.lfil{cursor:pointer;user-select:none}
.lead-inbox{display:flex;flex-direction:column;gap:10px}
.leadrow{display:flex;align-items:center;gap:14px;background:linear-gradient(168deg,#FFFFFE 0%,#FFFDF7 46%,#F7F1E2 100%);border:1px solid #DFD3B9;border-radius:14px;padding:13px 15px;box-shadow:0 14px 30px -18px rgba(60,48,26,.35),inset 0 1px 0 rgba(255,255,255,.9);cursor:pointer;transition:transform .25s ease,border-color .25s,box-shadow .25s}
.leadrow:hover{transform:translateY(-2px);border-color:rgba(198,138,60,.5);box-shadow:0 22px 44px -20px rgba(60,48,26,.4)}
.prscore{flex:none}
.sgauge{width:50px;height:50px;border-radius:50%;background:conic-gradient(from -90deg,var(--gold-l),var(--gold) calc(var(--p)*1%),rgba(230,185,84,.16) 0);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 15px rgba(198,138,60,.22),0 0 0 1px rgba(230,185,84,.18);flex:none}
.sgauge>span{width:40px;height:40px;border-radius:50%;background:radial-gradient(120% 120% at 50% 12%,#fff,#fffaf0);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--gold-d);box-shadow:inset 0 0 0 1px rgba(230,185,84,.18);font-variant-numeric:tabular-nums}
.sgauge.sg-green{background:conic-gradient(from -90deg,#7fc6a0,#2e7d54 calc(var(--p)*1%),rgba(46,125,84,.14) 0)}
.sgauge.sg-green>span{color:#2e7d54}
.sgauge.sg-slate{background:conic-gradient(from -90deg,#8fb0c6,#4e6e84 calc(var(--p)*1%),rgba(78,110,132,.14) 0)}
.sgauge.sg-slate>span{color:#4e6e84}
.lead-mid{flex:1;min-width:0}
.lead-co{font-weight:700;color:var(--ink);font-size:14.5px}
.lead-sig{font-size:12.5px;color:var(--muted);margin:1px 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-tags{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.prtiming{font-size:10.5px;font-weight:700;display:flex;align-items:center;gap:3px;letter-spacing:.02em}
.prtiming i{font-size:12px}
.tm-now{color:#2e7d54}.tm-soon{color:#9C6A28}.tm-watch{color:#4e6e84}
.lead-act{flex:none;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.crm-open{padding:8px 13px;font-size:12.5px}
.cc-init{width:44px;height:44px;border-radius:50%;background:var(--gold-soft);border:1px solid var(--gold-bd);color:var(--gold-d);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex:none}
.pipe-sum{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.pipe-sum>div{flex:1;min-width:150px;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:11px 14px}
.pipe-sum span{font-size:11px;color:var(--muted);font-weight:600;display:block}
.pipe-sum b{font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}
.pipe-group{margin-bottom:16px;display:flex;flex-direction:column;gap:10px}
.pipe-glabel{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;gap:8px;align-items:baseline}
.pipe-glabel span{font-weight:600;color:var(--faint)}
.pipe-empty{padding:28px;text-align:center;color:var(--muted);font-size:13.5px;background:var(--raised);border:1px dashed var(--line);border-radius:13px}
.ld-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.ld-edit select,.ld-edit input{border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:13px;color:var(--ink);background:var(--raised)}
.ld-edit input{width:130px}
.ld-sub{border-top:1px solid var(--line2);padding-top:8px;margin-top:8px}
.ld-sub:first-of-type{border-top:none;margin-top:0;padding-top:0}
.ld-answers{background:var(--raised);border:1px solid var(--line2);border-radius:10px;padding:4px 12px;margin-top:4px}
.ld-arow{padding:7px 0}
.ld-arow b{max-width:60%;text-align:right;word-break:break-word}
@media(max-width:760px){
.leadrow{flex-wrap:wrap}
.lead-act{flex-direction:row;width:100%;justify-content:flex-end}
.crm-kpi{min-width:calc(50% - 5px)}
.crm-tab{padding:9px 10px 11px;font-size:12.5px}
}
/* v18b: lead-detaljens huvud - titel vanster om gaugen */
.ld-head>div:not(.sgauge){flex:1;min-width:0}
.ld-head h2,.ld-head .chip{text-align:left}
.ld-head h2{font-size:22px}
@media(max-width:760px){#crm-root{max-width:100%;overflow-x:clip}.pipe-sum>div{min-width:calc(50% - 6px)}}
/* v18c: mobil-toppraden rymmer alla ikoner (9 st) utan overflow */
@media(max-width:760px){
.th-rail{overflow-x:auto;scrollbar-width:none}
.th-rail::-webkit-scrollbar{display:none}
.th-rail a{width:38px;height:38px;font-size:18px;flex:none}
.th-rail .brand .mk-img{width:34px;height:34px}
}
html,body{overflow-x:hidden} /* app-skal: dokumentet ska aldrig panorera i sidled */
/* v18d: hero-gloden far inte skapa horisontell scroll (relative kravs for att klippa absoluta barn) */
.thero.big{position:relative;overflow:hidden}
.th-glow{max-width:100%}
/* v20: morka kort ljusare i grunden + universellt djup pa ALLA morka kort, pipeline-gauge cirkulär, viktat-info */
/* Gemensamt morkt kort-recept (ljusare bas + guld-harlinje i vila + inre glod) */
[data-active="oversikt"] .card.kpi,[data-active="statistik"] .card.kpi,.crm-kpi{
 background:linear-gradient(159deg,#22334F 0%,#182741 54%,#111E36 100%)!important;
 border:1px solid rgba(158,188,228,.20)!important;
 box-shadow:0 26px 54px -30px rgba(0,0,0,.7),0 6px 14px rgba(10,21,37,.28),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -26px 46px -34px rgba(150,185,240,.30)!important}
[data-active="oversikt"] .card.kpi::after,[data-active="statistik"] .card.kpi::after,.crm-kpi::after{content:'';position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(230,185,84,.65),transparent);opacity:.55;z-index:3;pointer-events:none;transform:none;width:auto;animation:none}
[data-active="oversikt"] .card.kpi:hover,[data-active="statistik"] .card.kpi:hover,.crm-kpi:hover{transform:translateY(-4px);border-color:rgba(230,185,84,.42)!important}
.crm-kpi b{color:var(--gold-l)!important}
.crm-kpi span{color:rgba(244,239,227,.72)!important}
.crm-kpi{position:relative;overflow:hidden;flex-direction:column;align-items:flex-start;gap:2px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s}
.ck-info{font-size:12.5px;color:rgba(230,185,84,.7);cursor:help;vertical-align:middle;margin-left:2px}
/* hero ljusare i grunden */
.thero.big{background:linear-gradient(150deg,#1C2C48,#12203A 60%,#0E1A30)!important}
/* pipeline/lead gauge alltid perfekt cirkel */
#crm-root .sgauge{flex:0 0 50px!important;width:50px!important;height:50px!important;aspect-ratio:1;border-radius:50%}
#crm-root .prscore{flex:0 0 auto;width:50px}

/* v20b: guldlinje tydligt runt de bla korten (harlinje starkare + subtil guldram) */
[data-active="oversikt"] .card.kpi,[data-active="statistik"] .card.kpi,.crm-kpi{border-color:rgba(230,185,84,.32)!important}
[data-active="oversikt"] .card.kpi::after,[data-active="statistik"] .card.kpi::after,.crm-kpi::after{opacity:.9!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(230,185,84,.9),transparent)!important}

/* v22: gauge ALLTID perfekt cirkel overallt (aven i lead-detalj utanfor #crm-root) */
.sgauge{flex:0 0 50px!important;width:50px!important;height:50px!important;aspect-ratio:1;border-radius:50%!important}
.ld-head .sgauge{flex:0 0 50px!important}