*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}


:root{

  --bg:#F5F2EC;--s1:#FDFBF7;--s2:#F5F2EC;--s3:#EDE9E1;

  --b1:rgba(0,0,0,.08);--b2:rgba(0,0,0,.12);--b3:rgba(0,0,0,.18);

  --t1:#0D0D0F;--t2:#4A4A52;--t3:#787880;--t4:#A0A0A8;

  --acc:#D94E12;--acc-lo:rgba(217,78,18,.09);
  --ok:#1A6B3C;--ok-lo:rgba(26,107,60,.08);
  --warn:#8C5800;--warn-lo:rgba(140,88,0,.08);
  --crit:#B5251C;--crit-lo:rgba(181,37,28,.07);
  --info:#1A5CA0;--info-lo:rgba(26,92,160,.07);
  --gold:#8C6800;--gold-lo:rgba(140,104,0,.10);

  --r:3px;--sans:'Manrope',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;
}
html,body{background:var(--bg);color:var(--t1);font-family:var(--sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;}
button,input{cursor:pointer;font-family:inherit;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes pulse-ring{0%{opacity:.7}50%{opacity:.2}100%{opacity:.7}}


.nav{position:sticky;top:0;z-index:500;background:var(--bg);border-bottom:1px solid var(--b2);display:flex;align-items:stretch;height:44px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.nav::-webkit-scrollbar{display:none;}
.nav-brand{display:flex;align-items:center;padding:0 16px;border-right:1px solid var(--b1);flex-shrink:0;}
.nav-brand-text{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--t1);letter-spacing:.04em;white-space:nowrap;}
.nav-brand-text i{color:var(--acc);font-style:normal;}
.nav-tabs{display:flex;align-items:stretch;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;}
.nav-tabs::-webkit-scrollbar{display:none;}
.ptab{font-family:var(--mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;padding:0 13px;display:flex;align-items:center;gap:6px;color:var(--t3);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;flex-shrink:0;transition:color 80ms;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.ptab:hover{color:var(--t2);}
.ptab.on{color:var(--t1);border-bottom-color:var(--acc);}
.ptab-av{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;font-family:var(--mono);flex-shrink:0;}
.pane{display:none;}.pane.on{display:block;}


.page{max-width:1040px;margin:0 auto;padding:28px 24px 80px;display:flex;flex-direction:column;gap:24px;}


.phdr{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--b1);}
.phdr-left{display:flex;align-items:center;gap:14px;}
.phdr-av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:15px;font-weight:600;flex-shrink:0;}
.phdr-text{}
.phdr-role{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--t4);margin-bottom:3px;}
.phdr-name{font-size:20px;font-weight:600;color:var(--t1);letter-spacing:-.02em;line-height:1.15;}
.phdr-sub{font-family:var(--mono);font-size:10px;color:var(--t3);margin-top:2px;}
.phdr-actions{display:flex;gap:6px;}


.cbar{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--s1);border:1px solid var(--b2);border-radius:var(--r);cursor:text;transition:border-color 100ms;}
.cbar:hover{border-color:rgba(184,144,40,.4);}
.cbar-who{display:flex;align-items:center;gap:5px;padding-right:12px;border-right:1px solid var(--b1);flex-shrink:0;}
.cbar-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:blink 2.4s ease-in-out infinite;}
.cbar-label{font-family:var(--mono);font-size:10px;font-weight:500;color:var(--gold);letter-spacing:.03em;white-space:nowrap;}
.cbar-input{flex:1;font-size:12px;color:var(--t3);font-weight:300;}
.cbar-pills{display:flex;gap:4px;flex-wrap:wrap;}
.cbar-pill{font-family:var(--mono);font-size:9px;padding:3px 8px;border-radius:100px;background:var(--s3);color:var(--t4);border:1px solid var(--b1);cursor:pointer;white-space:nowrap;transition:all 80ms;}
.cbar-pill:hover{color:var(--t2);border-color:var(--b2);}
.cbar-send{font-family:var(--mono);font-size:10px;padding:5px 13px;background:var(--gold-lo);color:var(--gold);border:1px solid rgba(184,144,40,.3);border-radius:var(--r);cursor:pointer;flex-shrink:0;transition:opacity 80ms;}
.cbar-send:hover{opacity:.8;}


.alert-crit{display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--crit-lo);border:1px solid rgba(229,77,77,.25);border-radius:var(--r);}
.alert-dot{width:5px;height:5px;border-radius:50%;background:var(--crit);flex-shrink:0;animation:blink 1.8s ease-in-out infinite;}
.alert-text{font-family:var(--mono);font-size:10px;color:var(--crit);flex:1;}
.alert-cta{font-family:var(--mono);font-size:10px;color:var(--crit);text-decoration:underline;cursor:pointer;opacity:.7;flex-shrink:0;}
.alert-info{display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--acc-lo);border:1px solid rgba(245,93,30,.22);border-radius:var(--r);}
.alert-info .alert-text{color:var(--acc);}


.btn{font-family:var(--mono);font-size:10px;letter-spacing:.04em;padding:0 12px;height:28px;display:inline-flex;align-items:center;gap:5px;border-radius:var(--r);transition:opacity 80ms;}
.bp{background:var(--acc);color:#fff;border:1px solid var(--acc);}.bp:hover{opacity:.85;}
.bs{background:transparent;color:var(--t2);border:1px solid var(--b2);}.bs:hover{border-color:var(--b3);color:var(--t1);}
.bg{background:transparent;color:var(--t3);border:1px solid transparent;}.bg:hover{color:var(--t2);border-color:var(--b1);}


.g{display:grid;gap:8px;}
.g3{grid-template-columns:repeat(3,1fr);}
.g2{grid-template-columns:repeat(2,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}
.g21{grid-template-columns:2fr 1fr;}
.g12{grid-template-columns:1fr 2fr;}
.stack{display:flex;flex-direction:column;gap:8px;}
.span2{grid-column:span 2;}
.span3{grid-column:span 3;}


.tile{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;transition:border-color 100ms;box-shadow:0 1px 3px rgba(0,0,0,.06);}
.tile:hover{border-color:var(--b2);}
.th{display:flex;align-items:center;justify-content:space-between;padding:9px 13px 8px;border-bottom:1px solid var(--b1);}
.th-left{display:flex;align-items:center;gap:7px;}
.ti{width:20px;height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ti svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:1.5;}
.ti.acc{background:var(--acc-lo);color:var(--acc);border:1px solid rgba(245,93,30,.2);}
.ti.ok {background:var(--ok-lo); color:var(--ok); border:1px solid rgba(56,199,106,.2);}
.ti.warn{background:var(--warn-lo);color:var(--warn);border:1px solid rgba(232,147,10,.2);}
.ti.crit{background:var(--crit-lo);color:var(--crit);border:1px solid rgba(229,77,77,.22);}
.ti.info{background:var(--info-lo);color:var(--info);border:1px solid rgba(90,160,232,.2);}
.ti.gold{background:var(--gold-lo);color:var(--gold);border:1px solid rgba(184,144,40,.22);}
.ti.dim {background:var(--s3);color:var(--t3);border:1px solid var(--b2);}
.ti.hub{background:rgba(196,114,201,.1);color:#C472C9;border:1px solid rgba(196,114,201,.2);}
.tl{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--t4);}
.tb2{font-family:var(--mono);font-size:9px;padding:1px 6px;border-radius:10px;}
.tb2.alert{background:var(--crit-lo);color:var(--crit);border:1px solid rgba(229,77,77,.2);}
.tb2.warn {background:var(--warn-lo);color:var(--warn);border:1px solid rgba(232,147,10,.2);}
.tb2.ok   {background:var(--ok-lo);  color:var(--ok);  border:1px solid rgba(56,199,106,.2);}
.tb2.acc  {background:var(--acc-lo); color:var(--acc); border:1px solid rgba(245,93,30,.2);}
.tb2.dim  {background:var(--s3);color:var(--t3);border:1px solid var(--b2);}
.tb2.gold {background:var(--gold-lo);color:var(--gold);border:1px solid rgba(184,144,40,.22);}
.tb2.live{display:flex;align-items:center;gap:3px;background:var(--ok-lo);color:var(--ok);border:1px solid rgba(56,199,106,.2);}
.tb2-dot{width:4px;height:4px;border-radius:50%;background:currentColor;animation:blink 2.4s ease-in-out infinite;}
.tbdy{padding:11px 13px;display:flex;flex-direction:column;gap:8px;flex:1;}
.tn{font-size:14px;font-weight:600;color:var(--t1);letter-spacing:-.01em;line-height:1.2;}
.ta{font-family:var(--mono);font-size:10px;color:var(--t3);line-height:1.55;padding:7px 9px;background:var(--s2);border:1px solid var(--b1);border-radius:2px;}
.ta strong{color:var(--t2);font-weight:500;}
.trows{display:flex;flex-direction:column;border-top:1px solid var(--b1);padding-top:7px;}
.tr{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--b1);}
.tr:last-child{border-bottom:none;}
.trk{font-family:var(--mono);font-size:9px;color:var(--t4);}
.trv{font-family:var(--mono);font-size:9px;color:var(--t2);font-weight:500;}
.trv.alert{color:var(--crit);}.trv.warn{color:var(--warn);}.trv.ok{color:var(--ok);}.trv.acc{color:var(--acc);}.trv.gold{color:var(--gold);}
.tprog{display:flex;flex-direction:column;gap:5px;}
.tph{display:flex;justify-content:space-between;}
.tpl{font-size:11px;color:var(--t2);}
.tpv{font-family:var(--mono);font-size:9px;color:var(--t3);}
.tptrack{height:2px;background:var(--b2);border-radius:1px;overflow:hidden;}
.tpfill{height:100%;border-radius:1px;}
.task{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--b1);}
.task:last-child{border-bottom:none;}
.task-info{flex:1;min-width:0;}
.task-name{font-size:11px;color:var(--t1);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.task-meta{font-family:var(--mono);font-size:9px;color:var(--t4);margin-top:1px;}
.task-btn{font-family:var(--mono);font-size:9px;color:var(--t4);cursor:pointer;flex-shrink:0;margin-left:8px;transition:color 80ms;}
.tile:hover .task-btn,.task:hover .task-btn{color:var(--acc);}
.tile-ask{display:flex;align-items:center;gap:6px;padding:7px 13px;border-top:1px solid var(--b2);background:var(--s2);}
.ta-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0;animation:blink 2.4s ease-in-out infinite;}
.ta-in{flex:1;font-family:var(--mono);font-size:10px;color:var(--t4);}
.ta-send{font-family:var(--mono);font-size:9px;color:var(--gold);padding:2px 7px;border:1px solid rgba(184,144,40,.25);border-radius:2px;background:var(--gold-lo);cursor:pointer;}


.kcard{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06);}
.kcard::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}
.kcard.ok::before{background:var(--ok);}.kcard.warn::before{background:var(--warn);}.kcard.crit::before{background:var(--crit);}.kcard.acc::before{background:var(--acc);}.kcard.gold::before{background:var(--gold);}.kcard.info::before{background:var(--info);}
.kl{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--t4);}
.kv{font-size:28px;font-weight:600;letter-spacing:-.03em;color:var(--t1);line-height:1;}
.kv.ok{color:var(--ok);}.kv.warn{color:var(--warn);}.kv.crit{color:var(--crit);}.kv.acc{color:var(--acc);}.kv.gold{color:var(--gold);}
.ks{font-family:var(--mono);font-size:9px;color:var(--t4);}
.ks .met{color:var(--ok);}.ks .beh{color:var(--warn);}
.kprog{height:2px;background:var(--b2);border-radius:1px;overflow:hidden;}
.kfill{height:100%;border-radius:1px;}
.kdelta{font-family:var(--mono);font-size:9px;}
.kdelta.up{color:var(--ok);}.kdelta.down{color:var(--crit);}.kdelta.flat{color:var(--t4);}
.kspark{display:flex;align-items:flex-end;gap:2px;height:18px;margin-top:2px;}
.ksp{flex:1;border-radius:1px 1px 0 0;min-height:2px;opacity:.75;}


.dtbl{width:100%;border-collapse:collapse;font-size:11px;}
.dtbl thead th{font-family:var(--mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--t4);padding:7px 11px;border-bottom:1px solid var(--b1);text-align:left;white-space:nowrap;}
.dtbl thead th:first-child{padding-left:0;}
.dtbl tbody tr{border-bottom:1px solid var(--b1);cursor:pointer;transition:background 80ms;}
.dtbl tbody tr:last-child{border-bottom:none;}
.dtbl tbody tr:hover td{background:var(--s2);}
.dtbl td{padding:7px 11px;vertical-align:middle;color:var(--t2);}
.dtbl td:first-child{padding-left:0;}
.tcell{color:var(--t1);font-weight:400;}
.tsub{font-family:var(--mono);font-size:9px;color:var(--t3);display:block;margin-top:1px;}
.tmono{font-family:var(--mono);font-size:10px;color:var(--t3);}
.tact{font-family:var(--mono);font-size:9px;color:var(--t4);cursor:pointer;}
.dtbl tr:hover .tact{color:var(--acc);}


.tag{display:inline-flex;align-items:center;height:16px;padding:0 6px;border-radius:100px;font-family:var(--mono);font-size:9px;border:1px solid;white-space:nowrap;}
.tok {color:var(--ok);background:var(--ok-lo);border-color:rgba(56,199,106,.2);}
.twarn{color:var(--warn);background:var(--warn-lo);border-color:rgba(232,147,10,.2);}
.tcrit{color:var(--crit);background:var(--crit-lo);border-color:rgba(229,77,77,.2);}
.tacc{color:var(--acc);background:var(--acc-lo);border-color:rgba(245,93,30,.2);}
.tdim{color:var(--t3);background:var(--s3);border-color:var(--b2);}
.tinfo{color:var(--info);background:var(--info-lo);border-color:rgba(90,160,232,.2);}
.tgold{color:var(--gold);background:var(--gold-lo);border-color:rgba(184,144,40,.22);}
.sla{font-family:var(--mono);font-size:10px;font-weight:500;padding:2px 7px;border-radius:var(--r);border:1px solid;white-space:nowrap;}
.sla-c{color:var(--crit);background:var(--crit-lo);border-color:rgba(229,77,77,.22);}
.sla-w{color:var(--warn);background:var(--warn-lo);border-color:rgba(232,147,10,.22);}
.sla-o{color:var(--ok);background:var(--ok-lo);border-color:rgba(56,199,106,.2);}
.dot{display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-right:4px;}
.dok{background:var(--ok);}.dwarn{background:var(--warn);}.dcrit{background:var(--crit);}.ddim{background:var(--t4);}.dlive{background:var(--ok);animation:blink 2.4s ease-in-out infinite;}


.feed{display:flex;flex-direction:column;}
.frow{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--b1);}
.frow:last-child{border-bottom:none;}
.ft{font-family:var(--mono);font-size:9px;color:var(--t4);width:36px;flex-shrink:0;padding-top:3px;text-align:right;}
.fdot{width:7px;height:7px;border-radius:50%;border:1px solid;flex-shrink:0;margin-top:4px;}
.fdot.agent{background:var(--gold-lo);border-color:rgba(184,144,40,.5);}
.fdot.human{background:var(--info-lo);border-color:rgba(90,160,232,.4);}
.fdot.alert{background:var(--crit-lo);border-color:rgba(229,77,77,.5);}
.fdot.ok{background:var(--ok-lo);border-color:rgba(56,199,106,.4);}
.fbody{flex:1;min-width:0;}
.fh{font-size:11px;color:var(--t1);line-height:1.35;}
.fh strong{font-weight:600;}
.fm{font-family:var(--mono);font-size:9px;color:var(--t4);margin-top:2px;}
.fa{display:inline-block;font-family:var(--mono);font-size:9px;color:var(--acc);margin-top:3px;cursor:pointer;}


.pipe-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--b1);}
.pipe-row:last-child{border-bottom:none;}
.pr-company{font-size:12px;font-weight:500;color:var(--t1);flex:1;}
.pr-stage{font-family:var(--mono);font-size:9px;color:var(--t3);width:80px;flex-shrink:0;}
.pr-val{font-size:12px;font-weight:600;color:var(--t1);letter-spacing:-.01em;width:56px;text-align:right;flex-shrink:0;}
.pr-cta{font-family:var(--mono);font-size:9px;color:var(--t4);cursor:pointer;flex-shrink:0;transition:color 80ms;}
.pipe-row:hover .pr-cta{color:var(--acc);}


.pending-item{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--b1);}
.pending-item:last-child{border-bottom:none;}
.pi-num{font-family:var(--mono);font-size:20px;font-weight:600;line-height:1;width:26px;flex-shrink:0;}
.pi-body{flex:1;}
.pi-title{font-size:12px;font-weight:500;color:var(--t1);}
.pi-sub{font-family:var(--mono);font-size:9px;color:var(--t4);margin-top:2px;line-height:1.5;}
.pi-btn{font-family:var(--mono);font-size:9px;padding:4px 11px;border-radius:var(--r);cursor:pointer;flex-shrink:0;background:var(--acc);color:#fff;border:1px solid var(--acc);margin-top:1px;transition:opacity 80ms;}
.pi-btn:hover{opacity:.85;}
.pi-btn.sec{background:transparent;color:var(--t2);border-color:var(--b2);}


.mrow{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid var(--b1);}
.mrow:last-child{border-bottom:none;}
.mav{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:8px;font-weight:600;flex-shrink:0;}
.mname{font-size:11px;font-weight:500;color:var(--t1);flex:1;}
.mrole{font-family:var(--mono);font-size:9px;color:var(--t4);margin-top:1px;}
.mload{display:flex;align-items:center;gap:7px;flex-shrink:0;}
.ml-track{width:52px;height:2px;background:var(--b2);border-radius:1px;overflow:hidden;}
.ml-fill{height:100%;border-radius:1px;}
.ml-val{font-family:var(--mono);font-size:9px;color:var(--t3);width:36px;text-align:right;}


.slbl{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--t4);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;}
.slbl-link{color:var(--acc);cursor:pointer;}


@media(max-width:720px){
  .g3,.g4{grid-template-columns:repeat(2,1fr);}
  .g21,.g12{grid-template-columns:1fr;}
  .span2,.span3{grid-column:auto;}
  .page{padding:16px 14px 60px;gap:16px;}
  .phdr{flex-direction:column;align-items:flex-start;gap:10px;}
  .cbar-pills{display:none;}
  .dtbl thead th:nth-child(n+4){display:none;}
  .dtbl td:nth-child(n+4){display:none;}
}


.sub-tabs {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid var(--b2);
  margin-bottom: 20px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.sub-tabs::-webkit-scrollbar { display: none; }
.stab {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 0 16px;
  height: 36px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--t3);
  cursor: pointer;
  border: none;
  background: transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  white-space: nowrap;
  flex-shrink: 0;
  transition: color 80ms;
  -webkit-tap-highlight-color: transparent;
}
.stab:hover { color: var(--t2); }
.stab.on { color: var(--t1); border-bottom-color: var(--acc); }
.stab-count {
  font-family: var(--mono);
  font-size: 9px;
  padding: 1px 5px;
  border-radius: 10px;
  background: var(--s3);
  color: var(--t3);
  border: 1px solid var(--b2);
}
.stab-count.alert { background: rgba(181,37,28,.08); color: var(--crit); border-color: rgba(181,37,28,.18); }
.sub-pane { display: none; }
.sub-pane.on { display: block; }


.nav-prompts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 12px 16px;
  background: var(--s1);
  border: 1px solid var(--b1);
  border-radius: var(--r);
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.np-label {
  font-family: var(--mono);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--t3);
  width: 100%;
  margin-bottom: 2px;
}
.np-pill {
  font-family: var(--mono);
  font-size: 10px;
  padding: 5px 12px;
  border-radius: 100px;
  border: 1px solid var(--b2);
  background: var(--bg);
  color: var(--t2);
  cursor: pointer;
  transition: all 80ms;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.np-pill:hover { border-color: var(--acc); color: var(--acc); background: rgba(217,78,18,.06); }
.np-pill-arrow { font-size: 10px; opacity: .6; }


.report-page { max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: 24px; }
.rpt-masthead {
  border-top: 3px solid var(--t1);
  border-bottom: 1px solid var(--b2);
  padding: 16px 0 14px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.rpt-corp { font-size: 22px; font-weight: 700; color: var(--t1); letter-spacing: -.02em; }
.rpt-meta { font-family: var(--mono); font-size: 10px; color: var(--t3); text-align: right; line-height: 1.8; }
.rpt-meta-label { font-family: var(--mono); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: var(--acc); display: block; margin-bottom: 2px; }
.rpt-stripe { height: 3px; background: repeating-linear-gradient(90deg, var(--t1) 0, var(--t1) 6px, transparent 6px, transparent 10px); margin-bottom: 20px; }
.rpt-kpis { display: grid; grid-template-columns: repeat(5,1fr); gap: 0; border: 1px solid var(--t1); margin-bottom: 24px; }
.rpt-kpi { padding: 12px 14px; border-right: 1px solid rgba(0,0,0,.12); }
.rpt-kpi:last-child { border-right: none; }
.rpt-kpi-lbl { font-family: var(--mono); font-size: 8px; letter-spacing: .12em; text-transform: uppercase; color: var(--t3); margin-bottom: 5px; }
.rpt-kpi-val { font-size: 22px; font-weight: 700; color: var(--t1); line-height: 1; }
.rpt-kpi-val.ok { color: var(--ok); } .rpt-kpi-val.warn { color: var(--warn); } .rpt-kpi-val.crit { color: var(--crit); }
.rpt-kpi-sub { font-size: 10px; color: var(--t3); margin-top: 3px; }
.rpt-kpi-delta { font-size: 10px; font-weight: 600; }
.rpt-section-hdr { display: flex; align-items: baseline; gap: 10px; border-bottom: 1.5px solid var(--t1); padding-bottom: 5px; margin-bottom: 14px; }
.rpt-section-hdr h2 { font-size: 15px; font-weight: 700; color: var(--t1); }
.rpt-section-hdr span { font-family: var(--mono); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; color: var(--t3); }
.rpt-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; }
.rpt-tbl { width: 100%; border-collapse: collapse; font-size: 11px; margin-bottom: 14px; }
.rpt-tbl thead th { font-family: var(--mono); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; color: var(--t3); padding: 6px 10px; border-bottom: 1px solid var(--b2); text-align: left; }
.rpt-tbl tbody tr { border-bottom: 1px solid var(--b1); }
.rpt-tbl tbody tr:last-child { border-bottom: none; }
.rpt-tbl td { padding: 7px 10px; vertical-align: top; color: var(--t2); font-size: 11px; }
.rpt-badge { display: inline-flex; height: 16px; padding: 0 7px; border-radius: 2px; font-family: var(--mono); font-size: 9px; align-items: center; font-weight: 500; }
.rpt-badge.g { background: rgba(26,107,60,.1); color: var(--ok); }
.rpt-badge.a { background: rgba(140,88,0,.1); color: var(--warn); }
.rpt-badge.r { background: rgba(181,37,28,.1); color: var(--crit); }
.rpt-badge.b { background: rgba(26,92,160,.09); color: var(--info); }
.rpt-bar-wrap { margin-bottom: 10px; }
.rpt-bar-lbl { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; color: var(--t3); margin-bottom: 4px; }
.rpt-bar { height: 6px; background: var(--s3); border-radius: 2px; overflow: hidden; }
.rpt-bar-fill { height: 100%; border-radius: 2px; }
.insight-block { padding: 10px 12px; border-left: 3px solid; border-radius: 0 var(--r) var(--r) 0; background: var(--s1); margin-bottom: 10px; }
.insight-block.crit { border-color: var(--crit); background: rgba(181,37,28,.05); }
.insight-block.warn { border-color: var(--warn); background: rgba(140,88,0,.05); }
.insight-block.ok   { border-color: var(--ok);   background: rgba(26,107,60,.05); }
.insight-tag { font-family: var(--mono); font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 5px; }
.insight-block.crit .insight-tag { color: var(--crit); }
.insight-block.warn .insight-tag { color: var(--warn); }
.insight-block.ok   .insight-tag { color: var(--ok); }
.insight-text { font-size: 11px; color: var(--t2); line-height: 1.65; }


.pulse-tl { display: flex; flex-direction: column; }
.ptl-day-hdr { display: flex; align-items: center; gap: 10px; padding: 6px 0; margin-bottom: 4px; }
.ptl-day-lbl { font-family: var(--mono); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--t2); }
.ptl-day-line { flex: 1; height: 1px; background: var(--b2); }
.ptl-entry { display: flex; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--b1); position: relative; }
.ptl-entry:last-child { border-bottom: none; }
.ptl-time { font-family: var(--mono); font-size: 10px; color: var(--t3); width: 42px; flex-shrink: 0; padding-top: 2px; text-align: right; }
.ptl-dot { width: 8px; height: 8px; border-radius: 50%; border: 1px solid; flex-shrink: 0; margin-top: 4px; }
.ptl-dot.agent { background: rgba(140,104,0,.2); border-color: rgba(140,104,0,.45); }
.ptl-dot.human { background: rgba(26,92,160,.15); border-color: rgba(26,92,160,.35); }
.ptl-dot.alert { background: rgba(181,37,28,.15); border-color: rgba(181,37,28,.4); }
.ptl-dot.ok    { background: rgba(26,107,60,.15); border-color: rgba(26,107,60,.35); }
.ptl-dot.acc   { background: rgba(217,78,18,.15); border-color: rgba(217,78,18,.35); }
.ptl-body { flex: 1; min-width: 0; }
.ptl-head { font-size: 12px; color: var(--t1); font-weight: 400; line-height: 1.35; }
.ptl-head strong { font-weight: 600; }
.ptl-sub { font-family: var(--mono); font-size: 9px; color: var(--t3); margin-top: 2px; }
.ptl-action { display: inline-block; font-family: var(--mono); font-size: 9px; color: var(--acc); margin-top: 4px; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }


.sources-page { max-width: 960px; margin: 0 auto; display: flex; flex-direction: column; gap: 28px; }
.src-section { display: flex; flex-direction: column; gap: 12px; }
.src-persona-hdr { display: flex; align-items: center; gap: 12px; padding-bottom: 8px; border-bottom: 2px solid var(--b2); }
.src-persona-av { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--mono); font-size: 10px; font-weight: 600; flex-shrink: 0; }
.src-persona-name { font-size: 15px; font-weight: 600; color: var(--t1); }
.src-persona-role { font-family: var(--mono); font-size: 10px; color: var(--t3); margin-left: 4px; }
.src-tbl { width: 100%; border-collapse: collapse; font-size: 11px; }
.src-tbl thead th { font-family: var(--mono); font-size: 9px; text-transform: uppercase; letter-spacing: .09em; color: var(--t3); padding: 7px 12px; border-bottom: 1px solid var(--b2); text-align: left; background: var(--s2); }
.src-tbl thead th:first-child { padding-left: 0; }
.src-tbl tbody tr { border-bottom: 1px solid var(--b1); transition: background 80ms; }
.src-tbl tbody tr:last-child { border-bottom: none; }
.src-tbl td { padding: 8px 12px; vertical-align: top; color: var(--t2); }
.src-tbl td:first-child { padding-left: 0; font-weight: 500; color: var(--t1); }
.src-mcp { display: inline-flex; height: 16px; padding: 0 6px; border-radius: 2px; font-family: var(--mono); font-size: 9px; align-items: center; border: 1px solid; margin-right: 3px; white-space: nowrap; }
.src-mcp.linear { color: rgba(120,100,200,.9); border-color: rgba(120,100,200,.25); background: rgba(120,100,200,.07); }
.src-mcp.odoo { color: var(--acc); border-color: rgba(217,78,18,.22); background: rgba(217,78,18,.07); }
.src-mcp.hs { color: var(--ok); border-color: rgba(26,107,60,.22); background: rgba(26,107,60,.07); }
.src-mcp.m365 { color: var(--info); border-color: rgba(26,92,160,.22); background: rgba(26,92,160,.07); }
.src-mcp.everhour { color: var(--warn); border-color: rgba(140,88,0,.22); background: rgba(140,88,0,.07); }
.src-mcp.figma { color: #A048B8; border-color: rgba(160,72,184,.22); background: rgba(160,72,184,.07); }
.src-mcp.posthog { color: #B05C10; border-color: rgba(176,92,16,.22); background: rgba(176,92,16,.07); }
.src-mcp.goose { color: var(--t2); border-color: var(--b2); background: var(--s2); }
.src-mcp.claude { color: var(--gold); border-color: rgba(140,104,0,.22); background: rgba(140,104,0,.07); }
.src-defn { font-size: 10px; color: var(--t2); line-height: 1.55; }
.src-defn code { font-family: var(--mono); font-size: 9px; background: var(--s3); padding: 1px 4px; border-radius: 2px; color: var(--t2); }
.src-refresh { font-family: var(--mono); font-size: 9px; color: var(--t3); }
.src-gap { background: rgba(181,37,28,.06); border: 1px solid rgba(181,37,28,.15); border-radius: var(--r); padding: 8px 12px; font-family: var(--mono); font-size: 10px; color: var(--crit); }
.src-gap strong { font-weight: 600; }


.fin-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(26,92,160,.07);
  border: 1px solid rgba(26,92,160,.2);
  border-left: 3px solid var(--info);
  border-radius: var(--r);
  margin-bottom: 6px;
}
.fin-banner-body { flex: 1; }
.fin-banner-title { font-family: var(--mono); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--info); margin-bottom: 5px; }
.fin-banner-text { font-size: 11px; color: var(--t2); line-height: 1.6; }
.fin-banner-close { font-family: var(--mono); font-size: 10px; color: var(--t3); cursor: pointer; flex-shrink: 0; padding: 2px 6px; border: 1px solid var(--b2); border-radius: var(--r); }
.fin-banner-close:hover { color: var(--t2); }


.eos-section { display:flex;flex-direction:column;gap:8px; }
.eos-section-label {
  font-family:var(--mono);font-size:9px;text-transform:uppercase;
  letter-spacing:.12em;color:var(--t4);display:flex;align-items:center;
  justify-content:space-between;margin-bottom:2px;
}
.eos-section-label .eos-tag {
  font-family:var(--mono);font-size:8px;padding:1px 6px;border-radius:2px;
  background:rgba(245,93,30,.1);color:var(--acc);border:1px solid rgba(245,93,30,.2);
}


.rock {
  display:flex;align-items:flex-start;gap:10px;padding:9px 0;
  border-bottom:1px solid var(--b1);
}
.rock:last-child { border-bottom:none; }
.rock-num {
  font-family:var(--mono);font-size:9px;font-weight:700;
  width:18px;height:18px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;flex-shrink:0;margin-top:1px;
}
.rock-num.on  { background:var(--ok-lo);color:var(--ok);border:1px solid rgba(26,107,60,.2); }
.rock-num.off { background:var(--crit-lo);color:var(--crit);border:1px solid rgba(181,37,28,.2); }
.rock-num.tbd { background:var(--s3);color:var(--t3);border:1px solid var(--b2); }
.rock-body { flex:1; }
.rock-title { font-size:12px;font-weight:500;color:var(--t1);line-height:1.3; }
.rock-meta { font-family:var(--mono);font-size:9px;color:var(--t4);margin-top:2px; }
.rock-status { font-family:var(--mono);font-size:9px;flex-shrink:0;padding:2px 7px;border-radius:var(--r); }
.rock-status.on  { color:var(--ok);background:var(--ok-lo);border:1px solid rgba(26,107,60,.2); }
.rock-status.off { color:var(--crit);background:var(--crit-lo);border:1px solid rgba(181,37,28,.2); }
.rock-status.tbd { color:var(--t3);background:var(--s3);border:1px solid var(--b2); }


.sc-row {
  display:flex;align-items:center;gap:10px;padding:7px 0;
  border-bottom:1px solid var(--b1);
}
.sc-row:last-child { border-bottom:none; }
.sc-metric { flex:1;font-size:11px;color:var(--t2); }
.sc-owner { font-family:var(--mono);font-size:9px;color:var(--t4);width:56px;flex-shrink:0; }
.sc-val { font-family:var(--mono);font-size:10px;font-weight:500;width:44px;text-align:right;flex-shrink:0; }
.sc-status { font-family:var(--mono);font-size:9px;padding:2px 7px;border-radius:var(--r);flex-shrink:0;width:62px;text-align:center; }
.sc-status.on  { color:var(--ok);background:var(--ok-lo);border:1px solid rgba(26,107,60,.2); }
.sc-status.off { color:var(--crit);background:var(--crit-lo);border:1px solid rgba(181,37,28,.2); }
.sc-status.tbd { color:var(--t3);background:var(--s3);border:1px solid var(--b2); }


.ids-item {
  display:flex;align-items:flex-start;gap:10px;padding:8px 0;
  border-bottom:1px solid var(--b1);
}
.ids-item:last-child { border-bottom:none; }
.ids-tag {
  font-family:var(--mono);font-size:8px;font-weight:700;text-transform:uppercase;
  padding:2px 6px;border-radius:2px;flex-shrink:0;margin-top:2px;
}
.ids-tag.i { background:rgba(26,92,160,.08);color:var(--info);border:1px solid rgba(26,92,160,.2); }
.ids-tag.d { background:var(--warn-lo);color:var(--warn);border:1px solid rgba(140,88,0,.2); }
.ids-tag.s { background:var(--ok-lo);color:var(--ok);border:1px solid rgba(26,107,60,.2); }
.ids-body { flex:1; }
.ids-title { font-size:11px;font-weight:500;color:var(--t1);line-height:1.35; }
.ids-meta { font-family:var(--mono);font-size:9px;color:var(--t4);margin-top:2px; }


.l10-item {
  display:flex;align-items:center;gap:10px;padding:7px 0;
  border-bottom:1px solid var(--b1);
}
.l10-item:last-child { border-bottom:none; }
.l10-time { font-family:var(--mono);font-size:9px;color:var(--t4);width:36px;flex-shrink:0; }
.l10-label { flex:1;font-size:11px;color:var(--t2); }
.l10-label strong { color:var(--t1);font-weight:500; }
.l10-badge { font-family:var(--mono);font-size:9px;padding:2px 7px;border-radius:var(--r);flex-shrink:0; }
.l10-badge.live { background:var(--ok-lo);color:var(--ok);border:1px solid rgba(26,107,60,.2); }
.l10-badge.needs { background:var(--crit-lo);color:var(--crit);border:1px solid rgba(181,37,28,.2); }
.l10-badge.ready { background:var(--s3);color:var(--t3);border:1px solid var(--b2); }


.eos-dec {
  display:flex;align-items:flex-start;gap:10px;padding:9px 0;
  border-bottom:1px solid var(--b1);
}
.eos-dec:last-child { border-bottom:none; }
.eos-dec-num {
  font-family:var(--mono);font-size:9px;font-weight:700;color:var(--t3);
  width:20px;flex-shrink:0;padding-top:2px;
}
.eos-dec-body { flex:1; }
.eos-dec-title { font-size:12px;font-weight:500;color:var(--t1);line-height:1.3; }
.eos-dec-sub { font-family:var(--mono);font-size:9px;color:var(--t4);margin-top:3px;line-height:1.55; }
.eos-dec-cta {
  font-family:var(--mono);font-size:9px;color:var(--acc);flex-shrink:0;
  padding:3px 9px;border:1px solid rgba(217,78,18,.2);border-radius:var(--r);
  background:rgba(217,78,18,.06);cursor:pointer;margin-top:1px;
}


.client-page { max-width:860px;margin:0 auto;padding:28px 24px 80px;display:flex;flex-direction:column;gap:20px; }
.client-welcome {
  padding-bottom:16px;border-bottom:1px solid var(--b1);
}
.cw-role { font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--t4);margin-bottom:4px; }
.cw-name { font-size:20px;font-weight:600;color:var(--t1);letter-spacing:-.02em; }
.cw-sub { font-family:var(--mono);font-size:10px;color:var(--t3);margin-top:3px; }
.client-pending {
  background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.cp-hdr {
  display:flex;align-items:center;justify-content:space-between;padding:10px 14px;
  border-bottom:1px solid var(--b2);background:var(--s2);
}
.cp-hdr-label { font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc); }
.cp-hdr-count { font-family:var(--mono);font-size:9px;color:var(--t3); }
.client-pending-row {
  display:flex;align-items:flex-start;gap:12px;padding:13px 14px;
  border-bottom:1px solid var(--b1);
}
.client-pending-row:last-child { border-bottom:none; }
.cpr-num { font-family:var(--mono);font-size:18px;font-weight:700;color:var(--crit);width:26px;flex-shrink:0;line-height:1; }
.cpr-num.warn { color:var(--warn); }
.cpr-body { flex:1; }
.cpr-title { font-size:12px;font-weight:600;color:var(--t1); }
.cpr-sub { font-family:var(--mono);font-size:9px;color:var(--t4);margin-top:3px;line-height:1.5; }
.cpr-btn { font-family:var(--mono);font-size:9px;padding:4px 12px;border-radius:var(--r);cursor:pointer;flex-shrink:0;background:var(--acc);color:#fff;border:1px solid var(--acc);margin-top:2px; }
.cpr-btn.sec { background:transparent;color:var(--t2);border-color:var(--b2); }
.phase-list { display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06); }
.phase-row { display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--b1); }
.phase-row:last-child { border-bottom:none; }
.phase-dot { width:8px;height:8px;border-radius:50%;flex-shrink:0; }
.phase-name { flex:1;font-size:11px; }
.phase-name.active { color:var(--t1);font-weight:500; }
.phase-name.done { color:var(--t3); }
.phase-name.pending { color:var(--t4); }
.phase-val { font-family:var(--mono);font-size:9px;flex-shrink:0; }


@media(max-width:720px){
  .client-page { padding:16px 14px 60px; }
  .eos-section .g { grid-template-columns:1fr; }
}


.src-sys { display:flex;flex-direction:column;gap:0; }
.src-sys-hdr {
  display:flex;align-items:center;gap:12px;padding:14px 16px 12px;
  background:var(--s1);border:1px solid var(--b2);border-radius:var(--r) var(--r) 0 0;
  margin-top:20px;cursor:pointer;user-select:none;
}
.src-sys-hdr:first-of-type { margin-top:0; }
.src-sys-icon {
  width:32px;height:32px;border-radius:6px;display:flex;align-items:center;
  justify-content:center;flex-shrink:0;
}
.src-sys-name { flex:1; }
.src-sys-name strong { font-size:13px;font-weight:600;color:var(--t1);display:block;letter-spacing:-.01em; }
.src-sys-name span { font-family:var(--mono);font-size:9px;color:var(--t3); }
.src-sys-badge {
  font-family:var(--mono);font-size:8px;padding:2px 7px;border-radius:10px;
  background:var(--ok-lo);color:var(--ok);border:1px solid rgba(26,107,60,.2);
}
.src-sys-badge.warn { background:var(--warn-lo);color:var(--warn);border-color:rgba(140,88,0,.2); }
.src-sys-badge.off  { background:var(--crit-lo);color:var(--crit);border-color:rgba(181,37,28,.2); }

.src-body {
  border:1px solid var(--b1);border-top:none;
  border-radius:0 0 var(--r) var(--r);
  background:var(--bg);overflow:hidden;
}

.src-group { border-bottom:1px solid var(--b1); }
.src-group:last-child { border-bottom:none; }
.src-group-hdr {
  font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;
  color:var(--t4);padding:8px 16px 5px;background:var(--s1);
  border-bottom:1px solid var(--b1);
}
.src-rows { display:flex;flex-direction:column; }
.src-row {
  display:flex;align-items:baseline;gap:10px;padding:7px 16px;
  border-bottom:1px solid var(--b1);
}
.src-row:last-child { border-bottom:none; }
.src-row-key {
  font-family:var(--mono);font-size:9px;font-weight:600;color:var(--acc);
  flex-shrink:0;width:160px;
}
.src-row-val { font-size:10px;color:var(--t2);line-height:1.5;flex:1; }
.src-row-val code {
  font-family:var(--mono);font-size:8px;background:var(--s3);
  padding:1px 4px;border-radius:2px;color:var(--t2);margin:0 1px;
}
.src-row-meta {
  font-family:var(--mono);font-size:8px;color:var(--t4);flex-shrink:0;
  text-align:right;min-width:80px;
}
.src-row-meta.live { color:var(--ok); }
.src-row-meta.needs { color:var(--warn); }
.src-row-meta.q2 { color:var(--t4); }

.src-tag-list { display:flex;flex-wrap:wrap;gap:4px;margin-top:4px; }
.src-tag {
  font-family:var(--mono);font-size:8px;padding:1px 6px;border-radius:2px;
  background:var(--s3);color:var(--t3);border:1px solid var(--b1);
}
.src-tag.active { background:rgba(245,93,30,.06);color:var(--acc);border-color:rgba(245,93,30,.15); }


.eos-page { max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:24px;padding-bottom:60px; }


.eos-hdr {
  display:flex;align-items:center;gap:12px;padding-bottom:10px;
  border-bottom:2px solid var(--b2);margin-bottom:12px;
}
.eos-hdr-num {
  width:28px;height:28px;border-radius:50%;background:var(--acc);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:11px;font-weight:700;flex-shrink:0;
}
.eos-hdr-text strong { font-size:14px;font-weight:600;color:var(--t1);letter-spacing:-.01em;display:block; }
.eos-hdr-text span { font-family:var(--mono);font-size:9px;color:var(--t3); }
.eos-hdr-badge {
  margin-left:auto;font-family:var(--mono);font-size:9px;padding:2px 8px;
  border-radius:10px;flex-shrink:0;
}


.vto-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.vto-field {
  background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);
  padding:12px 14px;
}
.vto-field-label {
  font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.12em;
  color:var(--acc);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;
}
.vto-field-label .q-num { color:var(--t4); }
.vto-field-value { font-size:11px;color:var(--t2);line-height:1.6; }
.vto-field-value.blank { color:var(--t4);font-style:italic;font-size:10px; }
.vto-full { grid-column:1/-1; }


.acct-chart { display:flex;flex-direction:column;gap:0;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden; }
.acct-top {
  display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:2px solid var(--b2);
}
.acct-seat {
  padding:14px 16px;border-right:1px solid var(--b1);
}
.acct-seat:last-child { border-right:none; }
.acct-seat-role {
  font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.1em;
  color:var(--acc);margin-bottom:4px;
}
.acct-seat-name { font-size:14px;font-weight:600;color:var(--t1);letter-spacing:-.01em; }
.acct-seat-resp { font-size:10px;color:var(--t3);margin-top:4px;line-height:1.5; }
.acct-gwc { display:flex;gap:6px;margin-top:8px; }
.gwc-pill {
  font-family:var(--mono);font-size:8px;padding:2px 7px;border-radius:2px;
  border:1px solid var(--b1);background:var(--s2);color:var(--t3);
}
.gwc-pill.yes { background:var(--ok-lo);color:var(--ok);border-color:rgba(26,107,60,.2); }
.gwc-pill.no  { background:var(--crit-lo);color:var(--crit);border-color:rgba(181,37,28,.2); }
.gwc-pill.tbd { background:var(--warn-lo);color:var(--warn);border-color:rgba(140,88,0,.2); }

.acct-dept-row {
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--b1);
}
.acct-dept {
  padding:12px 14px;border-right:1px solid var(--b1);
}
.acct-dept:last-child { border-right:none; }
.acct-dept-role { font-family:var(--mono);font-size:8px;color:var(--t4);margin-bottom:3px;text-transform:uppercase;letter-spacing:.08em; }
.acct-dept-name { font-size:11px;font-weight:500;color:var(--t1); }
.acct-dept-resp { font-size:9px;color:var(--t3);margin-top:3px;line-height:1.5; }


.sc-full {
  display:grid;grid-template-columns:1fr 80px 80px 80px;gap:0;
  background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden;
}
.sc-full-hdr {
  display:contents;
}
.sc-full-hdr > div {
  font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.08em;
  color:var(--t4);padding:8px 12px;background:var(--s2);border-bottom:2px solid var(--b2);
}
.sc-full-row { display:contents; }
.sc-full-row > div {
  padding:9px 12px;border-bottom:1px solid var(--b1);
  display:flex;align-items:center;font-size:10px;
}
.sc-full-row:last-of-type > div { border-bottom:none; }
.sc-full-row > div:not(:first-child) { justify-content:center; }
.sc-metric-name { color:var(--t1);font-weight:500; }
.sc-metric-target { font-family:var(--mono);font-size:9px;color:var(--t4); }


.rock-tracker { display:flex;flex-direction:column;gap:0;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden; }
.rock-tr-hdr {
  display:grid;grid-template-columns:36px 1fr 100px 90px 80px;
  gap:0;background:var(--s2);border-bottom:2px solid var(--b2);
}
.rock-tr-hdr > div { font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--t4);padding:8px 10px; }
.rock-tr-row {
  display:grid;grid-template-columns:36px 1fr 100px 90px 80px;
  gap:0;border-bottom:1px solid var(--b1);align-items:center;
}
.rock-tr-row:last-child { border-bottom:none; }
.rock-tr-row > div { padding:10px 10px;font-size:10px; }
.rock-num-cell {
  font-family:var(--mono);font-size:10px;font-weight:700;color:var(--acc);
  display:flex;align-items:center;justify-content:center;
}
.rock-title-cell { color:var(--t1);font-weight:500;line-height:1.4; }
.rock-title-meta { font-family:var(--mono);font-size:8px;color:var(--t4);margin-top:2px; }


.ids-full { display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden; }
.ids-full-row { display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border-bottom:1px solid var(--b1); }
.ids-full-row:last-child { border-bottom:none; }
.ids-pri {
  font-family:var(--mono);font-size:8px;font-weight:700;padding:2px 6px;
  border-radius:2px;flex-shrink:0;margin-top:1px;text-transform:uppercase;
}
.ids-pri.p1 { background:var(--crit-lo);color:var(--crit);border:1px solid rgba(181,37,28,.2); }
.ids-pri.p2 { background:var(--warn-lo);color:var(--warn);border:1px solid rgba(140,88,0,.2); }
.ids-pri.p3 { background:var(--s3);color:var(--t3);border:1px solid var(--b1); }
.ids-full-body { flex:1; }
.ids-full-title { font-size:11px;font-weight:500;color:var(--t1); }
.ids-full-sub { font-family:var(--mono);font-size:9px;color:var(--t4);margin-top:3px;line-height:1.5; }
.ids-owner { font-family:var(--mono);font-size:9px;color:var(--t3);flex-shrink:0;width:80px;text-align:right;padding-top:2px; }


.int-map { display:flex;flex-direction:column;gap:0;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden; }
.int-row { display:grid;grid-template-columns:160px 1fr 1fr;gap:0;border-bottom:1px solid var(--b1);align-items:start; }
.int-row:last-child { border-bottom:none; }
.int-row > div { padding:10px 12px;font-size:10px; }
.int-component { font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }
.int-tile { color:var(--t2);font-size:10px; }
.int-tile strong { color:var(--t1);font-weight:500; }
.int-flow { color:var(--t3);font-size:9px;line-height:1.55; }

@media(max-width:720px){
  .vto-grid { grid-template-columns:1fr; }
  .acct-top { grid-template-columns:1fr; }
  .acct-dept-row { grid-template-columns:1fr 1fr; }
  .rock-tr-hdr, .rock-tr-row { grid-template-columns:30px 1fr 80px 70px; }
  .rock-tr-hdr > div:last-child, .rock-tr-row > div:last-child { display:none; }
}




.tile {
  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 0 0 1px var(--b1) !important;
  border: none !important;
  transition: box-shadow .15s ease;
}
.tile:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,.09), 0 0 0 1px var(--b2) !important;
}


.th {
  padding: 11px 14px 10px !important;
  border-bottom: 1px solid var(--b1) !important;
  background: var(--s1) !important;
}
.tl {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em;
  color: var(--t1) !important;
}


.ptab {
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding: 0 14px !important;
  height: 36px !important;
  border-radius: 0 !important;
  border-bottom: 2px solid transparent !important;
  transition: color .1s, border-color .1s;
  white-space: nowrap;
}
.ptab.on {
  border-bottom-color: var(--acc) !important;
  color: var(--t1) !important;
  background: transparent !important;
}
.ptab:not(.on):hover {
  border-bottom-color: var(--b2) !important;
  color: var(--t2) !important;
  background: transparent !important;
}


.kcard {
  border-radius: 8px !important;
  padding: 12px 14px !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 0 0 1px var(--b1) !important;
}
.kv { font-size: 22px !important; letter-spacing: -.04em !important; font-weight: 700 !important; }
.kl { font-family: var(--mono) !important; font-size: 8px !important; text-transform: uppercase !important; letter-spacing: .1em !important; color: var(--t4) !important; margin-bottom: 4px !important; }


.phdr {
  padding: 20px 0 16px !important;
  border-bottom: 1px solid var(--b1) !important;
  margin-bottom: 0 !important;
}
.phdr-name {
  font-size: 24px !important;
  letter-spacing: -.03em !important;
  font-weight: 700 !important;
  color: var(--t1) !important;
  line-height: 1.15 !important;
}
.phdr-role {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  color: var(--acc) !important;
  margin-bottom: 4px !important;
}
.phdr-sub {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: var(--t3) !important;
  margin-top: 3px !important;
  line-height: 1.5 !important;
}


.cbar {
  border-radius: 10px !important;
  border: 1px solid var(--b2) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.05) !important;
  padding: 10px 14px !important;
}
.cbar-send {
  background: var(--acc) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 5px 14px !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  letter-spacing: .02em !important;
}


.rpt-badge {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
}


.np-pill {
  border-radius: 20px !important;
  padding: 4px 12px !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
  border: 1px solid var(--b2) !important;
  transition: background .1s, border-color .1s;
}
.np-pill:hover {
  background: var(--s2) !important;
  border-color: var(--b3) !important;
}


.ta {
  font-size: 10px !important;
  line-height: 1.6 !important;
  color: var(--t3) !important;
}


.tile-ask {
  padding: 9px 14px !important;
  border-top: 1px solid var(--b1) !important;
  background: var(--s1) !important;
}
.ta-send {
  font-weight: 600 !important;
  color: var(--acc) !important;
  font-size: 10px !important;
}


.rock-num {
  font-size: 9px !important;
  font-weight: 800 !important;
}


.sc-status {
  font-weight: 700 !important;
  font-size: 8px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}


@media (max-width: 420px) {
  .phdr-name { font-size: 20px !important; }
  .kv { font-size: 18px !important; }
  .page { padding: 14px 12px 60px !important; gap: 12px !important; }
  .cbar { padding: 9px 12px !important; }
  .th { padding: 10px 12px 9px !important; }
  .tbdy { padding: 10px 12px !important; }
}


#pane-bryan .phdr-role { color: var(--acc) !important; }
#pane-bryan .phdr-name::after {
  content: '';
  display: inline-block;
  width: 6px; height: 6px;
  background: var(--acc);
  border-radius: 50%;
  margin-left: 8px;
  vertical-align: middle;
  margin-bottom: 2px;
}

.team-card:hover { border-color: var(--acc); box-shadow: 0 2px 8px rgba(0,0,0,.08); }



.ds-sub-tabs {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid var(--b2);
  margin-bottom: 20px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ds-sub-tabs::-webkit-scrollbar { display: none; }
.ds-stab {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 0 20px;
  height: 36px;
  display: flex;
  align-items: center;
  color: var(--t3);
  cursor: pointer;
  border: none;
  background: transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  white-space: nowrap;
  flex-shrink: 0;
  transition: color 80ms;
  -webkit-tap-highlight-color: transparent;
}
.ds-stab:hover { color: var(--t2); }
.ds-stab.on { color: var(--t1); border-bottom-color: var(--acc); font-weight: 600; }
.ds-sub-pane { display: none; }
.ds-sub-pane.on { display: block; }


/* ── Login screen ────────────────────────────────────────────────────── */
.login-screen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:2000;}
.login-card{background:var(--s1);border:1px solid var(--b2);border-radius:6px;padding:40px 36px 32px;width:340px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;}
.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.login-wordmark{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--t1);letter-spacing:.07em;}
.login-wordmark i{color:var(--acc);font-style:normal;}
.login-tagline{font-family:var(--mono);font-size:9px;color:var(--t4);letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px;}
.login-divider{width:100%;height:1px;background:var(--b1);margin-bottom:24px;}
.login-ms-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;height:42px;background:#fff;border:1px solid var(--b3);border-radius:var(--r);font-family:var(--sans);font-size:13px;font-weight:500;color:var(--t2);cursor:pointer;transition:background 80ms,border-color 80ms;}
.login-ms-btn:hover:not(:disabled){background:#fafafa;border-color:rgba(0,0,0,.22);}
.login-ms-btn:disabled{opacity:.6;cursor:default;}
.login-error{font-family:var(--mono);font-size:10px;color:var(--crit);text-align:center;margin-top:12px;line-height:1.5;}
.login-note{font-family:var(--mono);font-size:9px;color:var(--t4);text-align:center;margin-top:20px;letter-spacing:.03em;}
@keyframes spin{to{transform:rotate(360deg);}}
.login-spinner{width:11px;height:11px;border:1.5px solid var(--b3);border-top-color:var(--t3);border-radius:50%;animation:spin .65s linear infinite;display:inline-block;vertical-align:middle;}

/* ── Nav user badge ──────────────────────────────────────────────────── */
.nav-user{display:flex;align-items:center;padding:0 12px;border-left:1px solid var(--b1);flex-shrink:0;gap:8px;}
.nav-signout-btn{background:transparent;border:1px solid var(--b2);border-radius:4px;padding:3px 10px;font-family:var(--mono);font-size:10px;font-weight:500;color:var(--t2);cursor:pointer;letter-spacing:.04em;transition:border-color 120ms,color 120ms;}
.nav-signout-btn:hover{border-color:var(--acc);color:var(--acc);}
nav.nav{background:var(--bg)!important;border-bottom:1px solid var(--b2)!important;}