:root{--ink:#16181D;--mid:#3B4050;--muted:#5A6070;--line:#E3E5EA;--ground:#F5F6F8;--blue:#044EB7;--blue-dk:#033A8A;--red:#A3190B}
*{box-sizing:border-box}
body{margin:0;font-family:"IBM Plex Sans",system-ui,sans-serif;color:var(--ink);background:var(--ground);font-size:14px}
a{color:var(--blue)}a:hover{color:var(--blue-dk)}
.shell{display:flex;flex-wrap:wrap;min-height:100vh}
.side{flex:1 1 220px;max-width:250px;background:#fff;border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;gap:2px}
.brand{font-size:22px;font-weight:700;padding:0 12px 2px}.brand .r{color:#044EB7}.brand .t{color:#F22A13}
.sub{font-size:12px;color:var(--muted);padding:0 12px 18px}
.nav{display:block;padding:10px 12px;border-radius:8px;color:var(--mid);text-decoration:none;font-weight:500}
.nav:hover{background:#F0F2F5;color:var(--ink)}.nav.on{background:#EAF0FB;color:var(--blue);font-weight:600}
.me{margin-top:auto;padding:14px 12px 0;border-top:1px solid var(--line);font-size:13px}
main{flex:999 1 560px;min-width:0;padding:28px 32px 48px;display:flex;flex-direction:column;gap:22px}
h1{margin:0;font-size:26px}h2{margin:0;font-size:17px}
.muted{color:var(--muted)}.small{font-size:12px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:14px}
.kpi .v{font-family:"IBM Plex Mono",monospace;font-size:28px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.between{justify-content:space-between}
.cols{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}.cols>.main{flex:999 1 560px;min-width:0}.cols>.aside{flex:1 1 300px;min-width:0}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(110px,100%),1fr));gap:10px;background:var(--ground);border-radius:8px;padding:12px 14px}
.facts span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.facts b{font-size:14px;overflow-wrap:anywhere}
.badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:4px;white-space:nowrap}
.P1{background:#FBE4E1;color:var(--red)}.P2{background:#FDEBD3;color:#8A4105}.P3{background:#E8EAEE;color:var(--mid)}.P4{border:1px solid #D5D8DF;color:var(--muted)}
.btn{font:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;min-height:40px;border-radius:8px;border:1px solid #D5D8DF;background:#fff;color:var(--ink);cursor:pointer;text-decoration:none}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.ghost{border-color:transparent;color:var(--muted)}
.chip{padding:7px 14px;border-radius:999px;border:1px solid #D5D8DF;background:#fff;color:var(--mid);text-decoration:none;font-weight:500}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
input,select,textarea{font:inherit;padding:9px 12px;border:1px solid #D5D8DF;border-radius:8px;background:#fff;min-height:40px;max-width:100%}
label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:500}
form.stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;align-items:end}
.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}
th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);background:#F9FAFB}
td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.board{overflow-x:auto;padding-bottom:8px}.board>div{display:flex;gap:12px;min-width:max-content;align-items:flex-start}
.col{width:230px;background:#ECEEF2;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}
.col h3{margin:2px 4px;font-size:13px;display:flex;justify-content:space-between}
.tile{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;text-decoration:none;color:var(--ink)}
.tile .s{font-family:"IBM Plex Mono",monospace;color:var(--blue);float:right}
.warn{color:var(--red);font-weight:600}
.err{background:#FBE4E1;color:var(--red);padding:10px 12px;border-radius:8px}
pre.msg{white-space:pre-wrap;font:inherit;background:var(--ground);padding:14px;border-radius:8px;margin:0}
@media (max-width:700px){main{padding:20px 16px}.side{max-width:none}}

/* grouped navigation */
.navgrp{margin-top:6px}
.ghead{list-style:none;cursor:pointer;padding:9px 12px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-radius:8px;display:flex;justify-content:space-between;align-items:center;min-height:40px}
.ghead::-webkit-details-marker{display:none}
details.navgrp>summary.ghead::after{content:"▸";font-size:11px;color:var(--muted);transition:transform .15s}
details.navgrp[open]>summary.ghead::after{transform:rotate(90deg)}
summary.ghead:hover{background:#F0F2F5}
.navgrp.fav .ghead{cursor:default;color:#8A4105}
.shead{font-size:11px;font-weight:600;color:var(--muted);padding:8px 12px 2px 20px}
details.navgrp .nav{padding-left:20px}
.navrow{display:flex;align-items:center}.navrow .nav{flex:1;min-width:0}
.star{flex:0 0 auto;width:32px;min-height:36px;border:0;background:transparent;color:#B6BAC4;font-size:16px;cursor:pointer;border-radius:6px;opacity:.35;transition:opacity .1s}
.navrow:hover .star,.star:focus-visible,.star.on{opacity:1}.star.on{color:#C77700}.star:hover{background:#F0F2F5}
@media (hover:none){.star{opacity:1}}
.side{overflow-y:auto;max-height:100vh;position:sticky;top:0}
@media (max-width:700px){.side{position:static;max-height:none}}
.kpi.b .v{color:var(--blue)}.kpi.n .v{color:var(--red)}
.num{font-family:"IBM Plex Mono",monospace;text-align:right;white-space:nowrap}
.dropzone{position:fixed;inset:12px;z-index:90;border:3px dashed var(--blue);border-radius:16px;background:rgba(234,240,251,.92);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--blue)}.dropzone[hidden]{display:none}
/* template editor + letter preview */
.ed-split{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}
.ed-form{flex:1 1 420px;min-width:0}.ed-preview{flex:1 1 420px;min-width:0;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;gap:10px}
.ph{font:inherit;font-family:"IBM Plex Mono",monospace;font-size:11px;padding:4px 8px;min-height:28px;border:1px solid #D5D8DF;border-radius:6px;background:#fff;color:var(--mid);cursor:pointer}.ph:hover{border-color:var(--blue);color:var(--blue)}
.lp-wrap{background:#E9EBEF;border-radius:10px;padding:16px}
.lp-page{background:#fff;color:#000;font-family:Calibri,Carlito,"IBM Plex Sans",sans-serif;font-size:13px;line-height:1.5;padding:36px 40px 24px;box-shadow:0 1px 4px rgba(0,0,0,.15);display:flex;flex-direction:column}
.lp-page p{margin:0 0 10px;overflow-wrap:anywhere}.lp-r{text-align:right}
.lp-head{font-size:24px;font-weight:700;margin-bottom:18px}
.lp-sig{height:28px}.lp-break{border:0;border-top:1px dashed #999;margin:18px 0}
.lp-t{min-width:0;width:100%;border-collapse:collapse;margin-bottom:10px}.lp-t th,.lp-t td{border:1px solid #000;padding:5px 8px;background:#fff;color:#000;font-size:12px;text-transform:none;letter-spacing:0}.lp-t td+td,.lp-t th+th,.lp-t th+td,.lp-t td+th{text-align:right}
.lp-foot{margin-top:24px;padding-top:8px;border-top:1px solid #000;text-align:center;font-size:10px}
@media (max-width:700px){.ed-preview{position:static;max-height:none}.lp-page{padding:22px 18px}}
/* add profiles + JD side window */
.ap-split{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;margin-top:12px}
.ap-form{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:12px}
.ap-jd{flex:1 1 320px;min-width:0;background:var(--ground);border:1px solid var(--line);border-radius:10px;padding:12px 14px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;gap:6px}
.ap-jd[hidden]{display:none}
.ap-f{display:flex;gap:8px;padding:4px 0;border-top:1px solid var(--line)}.ap-f span{flex:0 0 110px;color:var(--muted)}.ap-f b{font-weight:500;overflow-wrap:anywhere}
@media (max-width:700px){.ap-jd{position:static;max-height:none}}
/* home */
.hp-periods{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:18px}
.hp-period{display:flex;flex-direction:column;gap:12px;min-width:0}
.hp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.hp-kpis div{background:#fff;padding:8px 10px}.hp-kpis span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.hp-kpis b{font-family:"IBM Plex Mono",monospace;font-size:22px}.hp-kpis i{font-style:normal;font-size:11px;color:var(--muted);margin-left:4px}.hp-kpis i.ok{color:var(--ink);font-weight:600}
table.hp-t{min-width:0}.hp-t th,.hp-t td{padding:6px 8px}
a.brand{display:block}
.li-link{display:inline-flex;align-items:center;justify-content:center;gap:1px;min-width:22px;height:20px;padding:0 4px;border:1px solid var(--ink);border-radius:4px;font:700 11px/1 "IBM Plex Sans",sans-serif;color:var(--ink);text-decoration:none;vertical-align:2px}
.li-link span{font-weight:500;color:var(--muted)}.li-link:hover{background:var(--ink);color:#fff}
h1 .li-link{height:24px;font-size:13px;vertical-align:4px}

/* owner privacy: figures hidden until the eye button is pressed */
body.mask .secret{cursor:pointer;user-select:none}
body.mask .secret .sv{filter:blur(7px);transition:filter .15s}
body.mask .secret.peek .sv{filter:none}
.btn.eye{margin:10px 12px 0;justify-content:flex-start}.btn.eye.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.eye.on .slash{display:none}
@media (prefers-reduced-motion:reduce){body.mask .secret .sv{transition:none}}

/* templates: list | editor | live preview */
.tp3{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.1fr) minmax(360px,1.25fr);gap:16px;align-items:start}
.tp-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.tp-edit,.tp-prev{min-width:0}
.tp-prev{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;display:flex;flex-direction:column;gap:10px}
.tp-item{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-top:1px solid var(--line)}
.tp-item.on,.tp-item.viewing{background:#EAF0FB}
.tp-acts{display:flex;flex-wrap:wrap;gap:6px}.tp-acts .btn{min-height:32px;padding:4px 10px;font-size:12px}
.tp-up summary{cursor:pointer;list-style:none}.tp-up summary::-webkit-details-marker{display:none}
.tp-edit textarea{min-height:420px}
.tp3w{container-type:inline-size}
/* medium width: list + editor stacked on the left, live preview fixed on the right */
@container (max-width:1280px){.tp3{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 .tp-col{grid-column:1;grid-row:1}.tp-edit{grid-column:1;grid-row:2}.tp-prev{grid-column:2;grid-row:1 / span 2}}
@container (max-width:720px){.tp3{grid-template-columns:minmax(0,1fr)}.tp-col,.tp-edit,.tp-prev{grid-column:1;grid-row:auto}
 .tp-prev{position:static;max-height:none}}
/* home v2 */
.hm-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.hm-strip a{background:#fff;padding:12px 14px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:2px}
.hm-strip a:hover{background:#F0F2F5}.hm-strip b{font-family:"IBM Plex Mono",monospace;font-size:24px;line-height:1.1}
.hm-strip span{font-size:12px;color:var(--muted)}.hm-strip a.hot b{color:var(--red)}
.hm-perf{display:flex;flex-direction:column;gap:12px}
table.hm-t{min-width:520px}.hm-t th,.hm-t td{padding:7px 10px}.hm-t td b{font-family:"IBM Plex Mono",monospace;font-size:16px}
.hm-t .tg{color:var(--muted);font-size:12px}.hm-t .tg.ok{color:var(--ink);font-weight:600}
.hm-teams{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.hm-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(min(280px,100%),1fr);gap:18px;align-items:start}
.hm-side{display:flex;flex-direction:column;gap:18px;min-width:0}
.hm-li{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-top:1px solid var(--line);padding:8px 0;margin-top:6px}
.hm-li>div{min-width:0}
.chip{font:inherit;font-size:13px;cursor:pointer}
@media (max-width:900px){.hm-grid{grid-template-columns:minmax(0,1fr)}}
.hm-teams[hidden]{display:none}
.hm-strip{display:flex;flex-wrap:wrap;gap:0;background:#fff}
.hm-strip a{flex:1 1 140px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -1px -1px 0}
table.hm-t.hm-sum{min-width:0}
/* productivity */
.pc{display:flex;flex-direction:column;gap:12px}
.pc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.pc-kpis div{background:#fff;padding:9px 12px}.pc-kpis span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.pc-kpis b{font-family:"IBM Plex Mono",monospace;font-size:20px}.pc-kpis small{font-size:12px;color:var(--muted)}
.pc-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:900px){.pc-cols{grid-template-columns:minmax(0,1fr)}}
table.pc-t{min-width:460px}.pc-t th,.pc-t td{padding:6px 8px}.pc-t .gap{color:var(--red);font-weight:600}.pc-t .met{color:var(--ink)}
.pc-site{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 60px;gap:8px;align-items:center;font-size:13px;padding:3px 0}
.pc-site span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-site b{font-family:"IBM Plex Mono",monospace;font-size:12px;text-align:right;font-weight:500}
.pc-site i{display:block;height:8px;background:#9AA0AD;border-radius:2px}.pc-site i.work{background:var(--ink)}.pc-site i.leisure{background:var(--red)}
/* owner mail feed: third column */
#mail-fab{position:absolute;top:12px;right:16px;z-index:60;box-shadow:0 2px 8px rgba(0,0,0,.12)}#mail-fab.on{background:var(--ink);color:#fff;border-color:var(--ink)}
#mail-panel{position:fixed;top:0;right:0;bottom:0;width:360px;max-width:100vw;background:#fff;border-left:1px solid var(--line);z-index:65;display:flex;flex-direction:column;gap:8px;padding:12px 14px;overflow-y:auto;box-shadow:-8px 0 24px rgba(0,0,0,.06)}
#mail-panel[hidden]{display:none}
.mp-h{display:flex;align-items:center;gap:8px}.mp-h b{font-size:16px}.mp-h .muted{flex:1}
.mp-sel{font-size:12px}#mp-last{display:flex;flex-direction:column;gap:2px;max-height:92px;overflow:auto}
#mp-drop{border:2px dashed var(--line);border-radius:10px;padding:12px;text-align:center;font-size:12px;color:var(--muted)}
#mp-drop.on,#mp-drop:focus{border-color:var(--blue);color:var(--blue);outline:none}
.mp-row{border-top:1px solid var(--line);padding:8px 0;display:flex;flex-direction:column;gap:3px}
.mp-top{display:flex;justify-content:space-between;align-items:center}.mp-sub{font-weight:600;font-size:13px;overflow-wrap:anywhere}
.mp-go{align-self:flex-start;min-height:30px;padding:3px 10px;font-size:12px}
@media (min-width:1200px){body.mail-open .shell{padding-right:360px}body.mail-open #mail-fab{right:376px}}
@media (max-width:700px){#mail-fab{top:auto;bottom:76px;right:12px}}
.mref{font:inherit;font-size:11px;font-weight:600;border:1px solid var(--blue);color:var(--blue);background:#fff;border-radius:999px;padding:1px 8px;cursor:pointer;margin-left:4px;vertical-align:1px}
.mref:hover{background:var(--blue);color:#fff}
#mp-view{display:flex;flex-direction:column;gap:6px}#mp-view[hidden]{display:none}#mp-view h3{margin:4px 0 0;font-size:15px;overflow-wrap:anywhere}
#mv-body{white-space:pre-wrap;font:13px/1.5 "IBM Plex Sans",sans-serif;background:var(--ground);padding:10px;border-radius:8px;margin:0;overflow-wrap:anywhere}
.mp-sub{cursor:pointer}.mp-sub:hover{color:var(--blue)}

/* figures toggle on top + per-number eye */
.btn.eye.top{position:absolute;top:12px;right:104px;z-index:60;margin:0;box-shadow:0 2px 8px rgba(0,0,0,.12);background:#fff}
.btn.eye.top.on{background:var(--ink);color:#fff}
@media (min-width:1200px){body.mail-open .btn.eye.top{right:464px}}
@media (max-width:700px){.btn.eye.top{top:auto;bottom:130px;right:12px}}
body.mask .secret{position:relative;padding-right:18px}
body.mask .secret::after{content:"";position:absolute;right:0;top:50%;width:14px;height:14px;margin-top:-7px;filter:none;
 background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23044EB7' stroke-width='2.4'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
body.mask .secret.peek::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6070' stroke-width='2.4'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Cline x1='3' y1='3' x2='21' y2='21'/%3E%3C/svg%3E")}
body.owner main{padding-top:64px}
@media (max-width:700px){body.owner main{padding-top:20px}}

.hm-pm{font:600 15px/1 "IBM Plex Mono",monospace;width:24px;height:24px;border:1px solid var(--ink);border-radius:5px;background:#fff;cursor:pointer;margin-right:6px;vertical-align:1px}
.hm-pm.off{display:inline-block;border-color:transparent;color:var(--muted);text-align:center;cursor:default}
.hm-row.open td{background:#EAF0FB}.hm-row.open .hm-pm{background:var(--ink);color:#fff}
.hm-det td{background:#F7F9FD;vertical-align:top;padding:6px 8px 12px}
.hm-names{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto}
.hm-names a{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12px;text-align:left}
.hm-names a:hover{border-color:var(--blue)}.hm-names a span{color:var(--muted);font-size:11px}
.hm-iv[hidden]{display:none}
/* user hierarchy */
.utree td{vertical-align:middle}
.utree .ut-h td{background:#F4F5F7;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#5A6070}
.utree .ut-lead td{background:#FAFBFC}
.utree .ut-lead.ut-d0 td{border-top:2px solid #D8DCE3}
.utree .ut-d1 .ut-name{padding-left:20px}.utree .ut-d2 .ut-name{padding-left:40px}.utree .ut-d3 .ut-name{padding-left:60px}
.ut-name{display:inline-flex;align-items:baseline;gap:6px}.ut-br{color:#A0A6B2}
.ut-off td{opacity:.6}
.btn.sm{min-height:30px;padding:3px 10px;font-size:12px}
.btn.danger{color:#B42318;border-color:#F1C4BF}
details.uact{position:relative}details.uact>summary{list-style:none;cursor:pointer}details.uact>summary::-webkit-details-marker{display:none}
.uact-m{position:absolute;right:0;top:calc(100% + 4px);z-index:30;background:#fff;border:1px solid #D8DCE3;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:300px;box-shadow:0 8px 24px rgba(16,24,40,.12)}
.uact-m .row{gap:6px;flex-wrap:wrap;margin:0}.uact-m select,.uact-m input{min-height:32px;font-size:13px;flex:1 1 140px}
.cstrip{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.cstrip .kpi{background:#fff;border:1px solid #E3E6EB;border-radius:10px;padding:8px 14px;min-width:110px}
.cstrip .kpi b{font-size:20px}
.ap-split>section{flex:1 1 380px;min-width:0}

/* form | live preview (letters) */
.lv2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start}
.lv2>form{min-width:0}
@container (max-width:720px){.lv2{grid-template-columns:minmax(0,1fr)}.lv2 .tp-prev{position:static;max-height:none}}
.lv2 .stack{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
/* letter page: actions stay in view */
.cols>.aside{position:sticky;top:12px;align-self:flex-start;max-height:calc(100vh - 24px);overflow:auto}

/* counts in the normal font; the mono "figure" font is kept for money only */
.kpi .v,.tile .s,.num,.hp-kpis b,.hm-strip b,.hm-t td b,.pc-kpis b,.pc-site b{font-family:inherit;font-variant-numeric:tabular-nums}
.cnt{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.secret,.num .secret{font-family:"IBM Plex Mono",monospace}
.dm.on{color:var(--ink);font-weight:600}.dm-list summary{cursor:pointer;color:var(--blue)}
.dm-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:4px 0;border-top:1px solid #EEF0F3}
.mday.on{border-color:var(--blue);color:var(--blue);font-weight:600}.mp-row.out{background:#F7F9FC}

/* owner sending switches */
.sw-bar{display:flex;flex-wrap:wrap;gap:8px}
.sw button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.sw-dot{width:10px;height:10px;border-radius:50%;background:#B42318}.sw.on .sw-dot{background:#1E7D32}
.sw.off button{border-color:#F1C4BF}
/* global search bar */
.gsearch{position:relative;display:flex;align-items:center;gap:6px;max-width:calc(100% - 300px);background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 6px 4px 10px;margin:-8px 0 -6px}
.gsearch>svg{color:var(--muted);flex:none}
.gsearch input{flex:1;min-width:120px;border:0;outline:0;min-height:34px;font:inherit;font-size:14px;background:transparent;padding:0}
.gsearch:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(4,78,183,.12)}
.gs-b{flex:none;min-height:30px;padding:3px 10px;border-radius:7px;border:1px solid var(--line);background:#F7F8FA;font:inherit;font-size:12px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}
.gs-b:hover{border-color:var(--ink)}
.gs-drop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:80;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px rgba(16,24,40,.14);max-height:70vh;overflow:auto;padding:6px 0}
.gs-h{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 12px 4px}
.gs-row{display:flex;align-items:center;gap:6px;padding:0 8px 0 0}.gs-row:hover{background:#F4F6FA}
.gs-row>a:first-child{flex:1;min-width:0;display:flex;flex-direction:column;padding:6px 12px;text-decoration:none;color:var(--ink)}
.gs-row>a:first-child span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-mini{flex:none;width:28px;height:28px;border:1px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-decoration:none;color:var(--blue);background:#fff}
.gs-foot{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);margin-top:6px;padding:8px 12px 4px;font-size:13px}
@media (min-width:1200px){body.mail-open .gsearch{max-width:calc(100% - 300px)}}
@media (max-width:700px){.gsearch{max-width:none;margin:0}.gs-b{padding:3px 7px}}
/* phone: compact top bar with a Menu button instead of the full sidebar */
.menu-btn{display:none}
@media (max-width:700px){
 .side{flex:1 1 100%;max-width:none;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px;border-right:0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:70;max-height:none;overflow:visible}
 .side .brand{font-size:22px}
 .side>.sub{display:none}
 .menu-btn{display:inline-flex;align-items:center;gap:6px;margin-left:auto;min-height:40px;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:14px;color:var(--ink)}
 .side>.navgrp,.side>.me{display:none;width:100%}
 .side.open{max-height:100vh;overflow-y:auto}
 .side.open>.navgrp:not([hidden]),.side.open>.me{display:block}
}
@media (max-width:700px){
 .btn.eye.top,#mail-fab{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;font-size:0;border-radius:50%}
 .btn.eye.top span{display:none}
 .btn.eye.top{bottom:132px}#mail-fab{bottom:80px}
}
.tri-tabs{display:flex;flex-wrap:wrap;gap:8px}.tri td{vertical-align:top}
.fb{display:flex;flex-direction:column;gap:4px;min-width:150px}.fb select{min-height:30px;font-size:12px;padding:2px 6px}
.fb-row{display:flex;gap:4px;align-items:center}.fb-row button{width:28px;height:28px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;font-size:14px;line-height:1}
.fb-mr{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--muted)}.fb-mr input{min-height:auto}
.fb.ok .fb-ok{background:#1E7D32;color:#fff;border-color:#1E7D32}.fb.no .fb-no{background:#B42318;color:#fff;border-color:#B42318}.fb.busy{opacity:.6}
.teach{border-color:#044EB7}.tc{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid #EEF0F3;padding:8px 0}
.tc-main{min-width:0;flex:1 1 320px}.tc-acts{display:flex;flex-wrap:wrap;gap:6px}
.fb .ib{width:auto;min-width:28px;padding:0 6px;font-size:12px}.fb .ib.on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ================================================================= skin v3 — "operations board"
   Navy brand rail, cool paper, condensed Plex for titles and counts, colour used only to carry meaning. */
:root{--ink:#18202E;--mid:#46506A;--muted:#68718A;--line:#E3E7EF;--ground:#F2F4F8;--blue:#044EB7;--blue-dk:#033A8A;
 --rail:#0B2A5E;--rail-2:#123873;--rail-ink:#D6E0F2;--red:#C4210F;--ok:#1E7D32;--amber:#B26A00;--cond:"IBM Plex Sans Condensed","IBM Plex Sans",sans-serif}
body{background:var(--ground);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
h1{font-family:var(--cond);font-weight:600;font-size:30px;letter-spacing:-.01em;line-height:1.1}
h2{font-family:var(--cond);font-weight:600;font-size:18px;letter-spacing:0}
h3{font-family:var(--cond);font-weight:600}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* rail */
.side{background:var(--rail);border-right:0;color:var(--rail-ink);padding:18px 12px}
.side .brand{display:inline-flex;align-self:flex-start;background:#fff;border-radius:10px;padding:6px 12px;margin:0 6px;font-size:20px;letter-spacing:-.01em}
.side .sub{color:#8FA3C8;padding:8px 12px 16px;font-size:12px}
.side .nav{color:var(--rail-ink);font-weight:500;padding:8px 12px}
.side .nav:hover{background:var(--rail-2);color:#fff}
.side .nav.on{background:#fff;color:var(--rail);font-weight:600}
.side .ghead{color:#fff;text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;font-family:var(--cond)}
.side summary.ghead:hover{background:var(--rail-2)}
.side details.navgrp>summary.ghead::after{color:#8FA3C8}
.side .navgrp.fav .ghead{color:#FFD58A}
.side .star{color:#6F86B3}.side .star:hover{background:var(--rail-2)}.side .star.on{color:#FFC24D}
.side .me{border-top:1px solid rgba(255,255,255,.12);color:#fff}.side .me .muted{color:#8FA3C8}.side .me a{color:#BFD3FF}
.menu-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}

/* surfaces */
.card{border-radius:10px;border-color:var(--line);box-shadow:none}
th{text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:var(--muted);background:#F7F8FB}
td{border-bottom-color:#EDF0F5}
tbody tr:hover td{background:#FAFBFD}
.facts span{text-transform:none;letter-spacing:0;font-size:12px}
.btn{border-color:#D3D9E4;font-weight:600}
.btn:hover{border-color:var(--ink)}
.btn.primary:hover{background:var(--blue-dk);border-color:var(--blue-dk);color:#fff}
.chip{border-color:#D3D9E4}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.chip.on b{color:#fff}
.badge{letter-spacing:0;font-weight:600;border-radius:6px}
.P1{background:#FDE7E3;color:var(--red)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(4,78,183,.14)}
.kpi .v,.hm-strip b,.hp-kpis b,.pc-kpis b,.cstrip .kpi b{font-family:var(--cond);font-weight:600;letter-spacing:-.01em}
.gsearch{border-radius:12px;border-color:#D3D9E4;box-shadow:0 1px 0 rgba(16,24,40,.03)}
.gs-b{background:#fff;border-color:#D3D9E4}

/* mail triage: the category is the strongest signal on the page, so it gets the colour */
:root{--c-requirement:#044EB7;--c-followup:#B26A00;--c-client_feedback:#6B3FB5;--c-interview:#0F7C78;--c-profile_submission:#2E7D32;
 --c-candidate:#4A5A78;--c-po_contract:#7A4E1D;--c-invoice_payment:#8A1F5A;--c-hr_admin:#5A6070;--c-sales_bd:#C4210F;--c-internal:#8691A8;--c-fyi:#B3BACB;--c-noise:#D4D8E2}
table.tri td:first-child{border-left:4px solid var(--stripe,transparent)}
.tri-cat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--stripe,var(--mid))}
.tri-cat::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--stripe,var(--muted))}
.tri-age{font-family:var(--cond);font-weight:600}
.tri-age.late{color:var(--red)}
.teach{border:0;background:linear-gradient(0deg,#fff,#fff) padding-box;box-shadow:inset 0 0 0 1px #C9D6EE}
.teach h2{font-size:20px}
.tc{border-top-color:#EDF0F5}
.tc-acts .imp[data-v="important"][data-s="mail"]{background:var(--blue);border-color:var(--blue);color:#fff}
.tri-tabs .chip b{font-family:var(--cond);margin-left:2px}
.tc{position:relative;padding-left:14px}.tc::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:2px;background:var(--stripe,var(--line))}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:120;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 10px 30px rgba(16,24,40,.25);max-width:calc(100vw - 32px)}
.toast.bad{background:var(--red)}
tr.gone td{opacity:0;transition:opacity .3s}
.tc.done{opacity:.75}
@media (prefers-reduced-motion:reduce){tr.gone td{transition:none}}
.utree .ut-h td{text-transform:none;letter-spacing:0;font-family:var(--cond);font-size:14px;color:var(--ink);background:#EEF2F8}
.gs-h{text-transform:none;letter-spacing:0;font-size:12px;font-weight:600}
.tc-more{position:relative}.tc-more>summary{list-style:none;cursor:pointer}.tc-more>summary::-webkit-details-marker{display:none}
.tc-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:40;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:260px;box-shadow:0 12px 30px rgba(16,24,40,.14)}
.tc-menu .btn{justify-content:flex-start;white-space:normal;text-align:left}
@media (max-width:700px){.tc-acts{width:100%}.tc-acts>.btn,.tc-more{flex:1 1 auto}.tc-more>summary{width:100%;justify-content:center}.tc-menu{left:0;right:auto;min-width:0;width:calc(100vw - 64px)}
 .teach h2{font-size:18px}}

/* dashboard refresh bar */
.rf-bar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #E3E6EB;border-radius:12px;padding:10px 14px;margin:12px 0}
.rf-info{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px}
.rf-act{display:flex;gap:12px;align-items:center}
.rf-auto{display:flex;gap:6px;align-items:center;font-size:13px;color:#555;white-space:nowrap;margin:0}
.rf-auto input{width:auto;margin:0}
.rf-dot{width:9px;height:9px;border-radius:50%;background:#1F7A3A;display:inline-block}
.rf-dot.busy{background:#C98A00;animation:rfp 1s infinite alternate}
@keyframes rfp{to{opacity:.3}}
.rf-err{color:#A3190B}
.rf-note{font-size:13px;color:#555;background:#F6F7F9;border-left:3px solid #9AA3AE;padding:8px 12px;border-radius:6px;margin:0 0 12px}
tr.grp td{background:#F3F4F6;font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:#444}
a.cnt{text-decoration:none;color:inherit;font-weight:600}
a.cnt.warn{color:#A3190B}
@media (max-width:640px){.rf-act{width:100%;justify-content:space-between}.rf-bar .btn{flex:1}}
.rf-bar label.rf-auto{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;font-weight:500}
.rf-bar label.rf-auto input{width:16px!important;height:16px;padding:0;flex:none}

/* phone: Menu on the left, logo on the right, menu opens as a left drawer; movable floating menu button */
#nav-fab{display:none}
@media (max-width:700px){
 .side:not(.open){flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;min-height:0;height:auto;padding:10px 14px!important;flex:0 0 auto!important;align-self:flex-start;width:100%}
 .side:not(.open) .brand{align-self:center!important}
 .side .menu-btn{order:-1;margin-left:0}
 .side *{-webkit-user-select:none;user-select:none}
 #nav-fab{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
 .side .brand{margin-left:auto!important;margin-right:0}
 .side.open{position:fixed;top:0;left:0;bottom:0;width:min(86vw,330px);z-index:120;flex-direction:column;flex-wrap:nowrap;align-items:stretch;
  max-height:none;overflow-y:auto;padding:14px 12px 24px;box-shadow:8px 0 30px rgba(0,0,0,.35);animation:navin .18s ease-out}
 .side.open .menu-btn{align-self:flex-start}
 .side.open .brand{position:absolute;top:14px;right:12px}
 @keyframes navin{from{transform:translateX(-100%)}to{transform:none}}
 #nav-scrim{position:fixed;inset:0;background:rgba(10,20,40,.45);z-index:110}
 #nav-scrim[hidden]{display:none}
 body.nav-open{overflow:hidden}
 #nav-fab{display:flex;position:fixed;left:12px;bottom:84px;z-index:100;width:50px;height:50px;border-radius:50%;border:0;
  background:var(--rail,#0B2A5B);color:#fff;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.28);touch-action:none;cursor:grab}
 #nav-fab.drag{opacity:.85;transform:scale(1.08);cursor:grabbing}
 body.nav-open #nav-fab{display:none}
}

/* Mail Triage: view toggle + By-client groups */
.vt-seg{display:flex;width:max-content;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;margin:4px 0 10px}
.vt-seg a{padding:7px 14px;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none}
.vt-seg a+a{border-left:1px solid var(--line)}
.vt-seg a.on{background:var(--rail,#0B2A5B);color:#fff}
.cg-wrap{display:flex;flex-direction:column;gap:10px}
.cg{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cg.st-active{border-left:4px solid #044EB7}.cg.st-prospect{border-left:4px solid #C98A00}.cg.st-other,.cg.st-internal{border-left:4px solid #B8BEC8}
.cg>summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:12px 16px;cursor:pointer;list-style:none}
.cg>summary::-webkit-details-marker,.ct>summary::-webkit-details-marker{display:none}
.cg>summary::before,.ct>summary::before{content:"▸";color:#8A93A0;font-size:12px;transition:transform .15s}
.cg[open]>summary::before,.ct[open]>summary::before{transform:rotate(90deg)}
.cg-name{font-weight:700;font-size:15.5px}
.cg-tag{font-size:11px;font-weight:600;background:#FFF4D6;color:#7A5300;border-radius:20px;padding:2px 8px}
.cg-n{font-size:12.5px;color:#555;background:#F1F3F6;border-radius:20px;padding:2px 9px}
.cg-p{font-size:11.5px;font-weight:600;color:#A3190B;background:#FDECEA;border-radius:20px;padding:2px 8px}
.cg-cats{display:flex;flex-wrap:wrap;gap:4px}
.cg-c{font-size:11.5px;border:1px solid var(--line);border-left:3px solid var(--stripe,#B8BEC8);border-radius:6px;padding:1px 6px;color:#444}
.cg-last{margin-left:auto;font-size:12px;color:#6B7280;white-space:nowrap}
.cg-body{border-top:1px solid var(--line);padding:6px 10px 10px}
.cg-meta{padding:4px 6px 8px}
.ct{border:1px solid #EDEFF2;border-radius:9px;margin:6px 0;background:#FBFBFC}
.ct>summary{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:9px 12px;cursor:pointer;list-style:none}
.ct-s{font-weight:600;font-size:13.5px;flex:1 1 260px;min-width:0;overflow-wrap:anywhere}
.ct-n{font-size:11.5px;background:#E8ECF3;border-radius:20px;padding:1px 8px}
.ct-who{font-size:12px;color:#6B7280}
.ct-list{list-style:none;margin:0;padding:0 10px 8px}
.ct-list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 10px;border-left:3px solid var(--stripe,#B8BEC8);background:#fff;border-radius:6px;margin-top:6px;font-size:13px}
.ct-list li.out{border-left-color:#1F7A3A;background:#F4FAF5}
.ct-d{font-weight:700;width:14px}.ct-list li.out .ct-d{color:#1F7A3A}.ct-list li.in .ct-d{color:#044EB7}
.ct-t{color:#6B7280;font-size:12px;white-space:nowrap}
.ct-f{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.ct-ok{font-size:11.5px;color:#1F7A3A;font-weight:600}
.ct-list .btn{margin-left:auto}
@media (max-width:700px){.cg-last{margin-left:0;width:100%}.ct-list .btn{margin-left:0}}

/* Mail Triage v2: live numbers + compact rows */
.kpi-live{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:10px;margin:12px 0}
.kp{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;text-decoration:none;color:var(--ink)}
.kp:hover{border-color:#9AA3AE}
.kp-n{font-family:var(--cond);font-size:28px;font-weight:700;line-height:1.1}
.kp-l{font-size:12px;color:#5B6472}
.kp.warn .kp-n{color:#A3190B}.kp.ok .kp-n{color:#1F7A3A}
.kp.live{grid-column:span 1;justify-content:center;background:#F7F9FC}
.kp.live b{color:var(--ink);font-weight:600}
.kp-dot{width:8px;height:8px;border-radius:50%;background:#1F7A3A;animation:rfp 1.2s infinite alternate}
.bump{animation:bump .6s ease-out}
@keyframes bump{0%{background:#FFF1B8}100%{background:transparent}}
.newpill{position:sticky;top:8px;z-index:30;display:block;margin:0 auto 8px;border:0;border-radius:20px;background:#044EB7;color:#fff;padding:8px 16px;font:inherit;font-size:13.5px;font-weight:600;box-shadow:0 6px 16px rgba(4,78,183,.3);cursor:pointer}
.newpill[hidden]{display:none}
table.tri2 td{vertical-align:middle;padding-top:10px;padding-bottom:10px}
.t-when{white-space:nowrap;width:1%}.t-when b{display:block;font-size:13.5px}.t-when span{font-size:12px;color:#6B7280}
.t-who{max-width:230px}.t-who b{display:block;font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t-who .to{display:block;font-size:12px;color:#6B7280}
.t-who em{font-style:normal;color:#334155}.t-who em.mgr{color:#044EB7;font-weight:600}
.t-mail{min-width:240px}.t-mail .subj{font-weight:600;font-size:14px;margin-top:2px;overflow-wrap:anywhere}
.t-mail .note{font-size:12px;color:#6B7280;margin-top:2px}
.st{display:inline-block;margin-left:6px;font-size:11.5px;font-weight:600;border-radius:20px;padding:1px 8px}
.st.wait{background:#FFF4D6;color:#7A5300}.st.late{background:#FDECEA;color:#A3190B}.st.ok{background:#E8F5EC;color:#1F7A3A}
.t-act{width:1%}
table.tri2 .fb{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;width:max-content}
@media (max-width:1280px) and (min-width:901px){table.tri2 .fb{flex-wrap:wrap;max-width:300px}table.tri2 .fb select{width:100%}}
table.tri2 .fb select{width:150px;min-height:32px;font-size:12.5px}
.tb{display:inline-flex}.tb button{width:32px;height:32px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:14px;line-height:1;padding:0}
.tb button:first-child{border-radius:7px 0 0 7px}.tb button:last-child{border-radius:0 7px 7px 0}.tb button+button{border-left:0}
.tb .ib{width:auto;min-width:32px;padding:0 7px;font-size:13px}
.tb .ib.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.fb.ok .fb-ok{background:#1E7D32;color:#fff;border-color:#1E7D32}.fb.no .fb-no{background:#B42318;color:#fff;border-color:#B42318}
.tg{height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 10px;font:inherit;font-size:12.5px;font-weight:600;color:#5B6472;cursor:pointer;white-space:nowrap}
.tg.on{background:#FFF4D6;border-color:#E0B54A;color:#7A5300}
table.tri2 .btn.sm{height:32px}
@media (max-width:900px){
 table.tri2,table.tri2 tbody,table.tri2 tr,table.tri2 td{display:block;width:auto}
 table.tri2 thead{display:none}
 table.tri2{min-width:0!important}
 table.tri2 tr{border-left:4px solid var(--stripe,#B8BEC8);border-bottom:1px solid var(--line);padding:10px 12px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}
 table.tri2 td{padding:0!important;border:0!important}
 table.tri2 td:first-child{border-left:0!important}
 .t-when{grid-row:1}.t-who{grid-row:1;max-width:none}
 .t-mail,.t-act{grid-column:1 / -1;min-width:0}
 table.tri2 .fb{width:100%!important;max-width:none;margin-top:6px;flex-wrap:wrap!important}
 table.tri2 td.t-act,table.tri2 td.t-mail{width:auto!important;min-width:0!important}
 table.tri2 tr{grid-template-columns:auto minmax(0,1fr)!important}
 table.tri2 .fb .btn.sm{margin-left:auto}
 table.tri2 .fb select{flex:1 1 150px}
 .kp-n{font-size:22px}
}

/* Candidate Search */
.cf-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;margin:14px 0 10px}
.cf-web{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.cf-card{padding:16px 18px}
.cf-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:flex-start}
.cf-acts{display:flex;gap:6px}
.cf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.cf-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cf-box{background:#F7F9FC;border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}
.cf-l{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6B7280;margin-bottom:4px}
.cf-v{display:flex;align-items:center;gap:6px;font-size:13.5px;padding:2px 0;overflow-wrap:anywhere}
.cf-v .cp{border:0;background:none;cursor:pointer;color:#6B7280;padding:0 2px}
.cf-v .wa{font-size:11px;font-weight:700;color:#1F7A3A;border:1px solid #BFE3C8;border-radius:5px;padding:0 4px;text-decoration:none}
.pf{font-weight:600}.pf.li{color:#0A66C2}
.li-save{display:flex;gap:6px;margin-top:6px}.li-save input{flex:1;min-height:32px;font-size:12.5px}
.cf-skills{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.cf-skills .tag{font-size:11.5px;background:#EEF2F7;border-radius:6px;padding:2px 7px}
@media (max-width:800px){.cf-form{grid-template-columns:1fr 1fr}.cf-form input[name=q]{grid-column:1/-1}.cf-grid,.cf-grid.two{grid-template-columns:1fr}}
.cf-form>*{min-width:0;width:100%}

/* Mail Triage filter bar v3 */
.fbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:6px 0 10px;border-bottom:1px solid var(--line)}
.fbar .vt-seg{margin:0 0 8px}
.ttabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:thin;flex:1 1 0;min-width:0}
.ttabs a{white-space:nowrap;padding:9px 12px 10px;font-size:13.5px;font-weight:500;color:#5B6472;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.ttabs a b{font-family:var(--cond);font-weight:700;color:var(--ink);margin-left:3px}
.ttabs a:hover{color:var(--ink)}
.ttabs a.on{color:var(--blue,#044EB7);border-bottom-color:var(--blue,#044EB7);font-weight:600}
.ttabs a.on b{color:var(--blue,#044EB7)}
.ttabs a.hot b{color:#A3190B}
.tmore{min-height:34px;font-size:13px;padding:4px 8px;margin-bottom:8px;max-width:220px}
.tmore.on{border-color:var(--blue,#044EB7);color:var(--blue,#044EB7);font-weight:600}
.pp{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}
.pp-l{font-size:12px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.04em;margin-right:4px}
.pp-c{white-space:nowrap;font-size:12.5px;padding:4px 10px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);text-decoration:none}
.pp-c b{color:#A3190B;margin-left:2px}
.pp-c:hover{border-color:#9AA3AE}
.pp-more summary{cursor:pointer;font-size:12.5px;color:var(--blue,#044EB7);list-style:none;padding:4px 8px}
.pp-more[open]{flex-basis:100%}
.pp-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip{white-space:nowrap}
@media (max-width:700px){.fbar{gap:6px}.tmore{max-width:none;flex:1}}

/* Requirement Flow */
.fl-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:10px;margin:14px 0}
.fl-kpi .kp.on{border-color:var(--blue,#044EB7);box-shadow:0 0 0 2px rgba(4,78,183,.15)}
.fl-kpi .kp-n.bad{color:#A3190B}
.fl-kpi .st-at_lead .kp-n{color:#A3190B}.fl-kpi .st-to_client .kp-n{color:#1F7A3A}
.fl-list{display:flex;flex-direction:column;gap:10px}
.fl{background:#fff;border:1px solid var(--line);border-left:4px solid #B8BEC8;border-radius:12px;padding:12px 16px}
.fl.st-at_lead{border-left-color:#A3190B}.fl.st-with_team{border-left-color:#C98A00}.fl.st-back_to_lead{border-left-color:#044EB7}.fl.st-to_client{border-left-color:#1F7A3A}
.fl header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.fl-st{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#5B6472}
.fl.st-at_lead .fl-st{color:#A3190B}.fl.st-to_client .fl-st{color:#1F7A3A}
.fl-client{font-size:15px}
.fl-subj{flex:1 1 300px;min-width:0;font-weight:600;color:#334155;overflow-wrap:anywhere}
.fl-time{font-size:12px;color:#6B7280;white-space:nowrap}
.fl-steps{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.fl-steps li{position:relative;border:1px dashed #D5D8DF;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0;background:#FAFBFC}
.fl-steps li.done{border-style:solid;background:#fff}
.fl-steps li.direct{grid-column:1/-1;flex-direction:row;gap:10px;align-items:center}
.fl-k{font-size:11.5px;font-weight:700;color:#5B6472;text-transform:uppercase;letter-spacing:.03em}
.fl-steps li.done .fl-k{color:var(--ink)}
.fl-w{font-size:12px;color:#6B7280}
.fl-p{font-size:13px;overflow-wrap:anywhere}
.fl-c{font-size:11.5px;color:#044EB7;font-weight:600}
.fl-o{font-size:12px;align-self:flex-start}
table.fl-lead td,table.fl-lead th{text-align:center}table.fl-lead td:first-child,table.fl-lead th:first-child{text-align:left}
@media (max-width:900px){.fl-steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fl-steps{grid-template-columns:1fr}}

/* Requirement Flow — compact table */
.fl-kpi{grid-template-columns:repeat(auto-fit,minmax(min(110px,100%),1fr));gap:8px;margin:10px 0}
.fl-kpi .kp{padding:7px 10px}.fl-kpi .kp-n{font-size:22px}
table.flt{min-width:0}
table.flt th{font-size:11.5px;white-space:nowrap}
table.flt td{padding:6px 10px;vertical-align:middle;font-size:13px;border-bottom:1px solid #EEF0F3}
table.flt tr td:first-child{border-left:4px solid #B8BEC8}
table.flt tr.st-at_lead td:first-child{border-left-color:#A3190B}table.flt tr.st-with_team td:first-child{border-left-color:#C98A00}
table.flt tr.st-back_to_lead td:first-child{border-left-color:#044EB7}table.flt tr.st-to_client td:first-child{border-left-color:#1F7A3A}
.fs{white-space:nowrap;width:1%}.fs span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#5B6472}
.fs b{display:inline-block;margin-left:4px;font-size:11px;color:#fff;background:#A3190B;border-radius:10px;padding:0 6px}
tr.st-at_lead .fs span{color:#A3190B}tr.st-to_client .fs span{color:#1F7A3A}
.fsub{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fsub span{color:#475569}.fd{font-style:normal;font-size:11px;color:#6B7280;margin-left:4px}
.fp{width:1%;white-space:nowrap}
.fp a{display:inline-flex;align-items:baseline;gap:5px;text-decoration:none;color:var(--ink);background:#F1F5FB;border:1px solid #DCE5F2;border-radius:7px;padding:2px 7px;max-width:190px;overflow:hidden}
.fp a:hover{border-color:#044EB7}
.fp i{font-style:normal;font-size:11.5px;color:#6B7280}
.fp span{font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
.fp sup{font-size:10px;color:#044EB7;font-weight:700}
.fp small{font-size:10.5px;color:#1F7A3A;font-weight:600}
.fn{color:#C0C6CF}
@media (max-width:900px){
 table.flt{display:block}table.flt thead{display:none}table.flt tbody{display:block}
 table.flt tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 10px;border-left:4px solid #B8BEC8;border-bottom:1px solid var(--line)}
 table.flt tr.st-at_lead{border-left-color:#A3190B}table.flt tr.st-with_team{border-left-color:#C98A00}table.flt tr.st-back_to_lead{border-left-color:#044EB7}table.flt tr.st-to_client{border-left-color:#1F7A3A}
 table.flt td{display:block;padding:0;border:0!important;width:auto;min-width:0}
 .fs,.fsub{grid-column:1/-1;max-width:none}.fsub{white-space:normal}
 .fp a{max-width:100%;flex-direction:column;gap:0;padding:2px 5px}.fp span{white-space:nowrap}
}
.fp a{max-width:160px}
@media (max-width:700px){.fl-kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fl-kpi .kp{padding:6px 7px}.fl-kpi .kp-n{font-size:18px}.fl-kpi .kp-l{font-size:10.5px;line-height:1.2}}
/* mail feed: header with ✕ always visible while scrolling */
#mail-panel .mp-h{position:sticky;top:-12px;z-index:5;background:#fff;margin:-12px -14px 0;padding:12px 14px 8px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}
#mail-panel .mp-h #mp-close{margin-left:auto;width:36px;height:36px;font-size:18px;border-radius:50%;background:#F1F3F6}
.simbtn{margin-left:6px;font-size:11.5px;font-weight:600;color:#044EB7;background:#EEF4FD;border:1px solid #CFE0F7;border-radius:20px;padding:1px 8px;cursor:pointer;vertical-align:middle}
tr.simrow td{background:#FAFBFC;padding-top:5px!important;padding-bottom:5px!important}
tr.simrow .note{font-size:12.5px;color:#475569}
.gist{display:block;font-style:normal;font-size:12.5px;color:#334155;font-weight:500;margin-top:2px}
.ct-s .gist{display:inline;margin-left:8px;color:#5B6472;font-weight:500}
.ct-s .gist::before{content:"— "}
.ct-f .gist{display:inline;margin-left:8px;color:#5B6472}
.ct-f .gist::before{content:"· "}
/* client people research */
.rsbtn{border:1px solid #CFE0F7;background:#EEF4FD;color:#044EB7;border-radius:20px;padding:2px 10px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.rsbox{margin:4px 6px 10px}
.cpp-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px}
.cpp-t td{padding:6px 10px;vertical-align:middle}.nowrap{white-space:nowrap}
.cpp-li{white-space:nowrap}.cpp-li .chip.sm,.chip.sm{font-size:12px;padding:3px 9px;margin-right:4px}
.cpp-save{display:inline-flex;gap:4px;margin-left:4px}.cpp-save input{min-height:30px;font-size:12px;width:170px}
@media (max-width:800px){.cpp-li{white-space:normal}.cpp-save input{width:130px}}

/* =====================================================================
   v4 design system — "dispatch console"
   Quiet cool canvas, navy rail, Rapinno blue for action, red only for urgency.
   One type family (IBM Plex) with condensed tabular numerals for counts.
   ===================================================================== */
:root{
 --ink:#0E1A2B;--mid:#3A4658;--muted:#5E6A7D;--faint:#8A95A6;
 --ground:#F3F5F8;--surface:#FFFFFF;--line:#E2E6EC;--line-2:#EEF1F5;--hover:#F6F9FD;
 --blue:#044EB7;--blue-dk:#033A8A;--brand-wash:#EAF1FC;
 --red:#C8281A;--red-wash:#FDECEA;--ok:#17803D;--ok-wash:#E8F5EC;--amber:#A06300;--amber-wash:#FFF4DC;
 --rail:#0A2554;--rail-2:#13356E;--rail-ink:#C9D6EC;
 --r-panel:10px;--r-ctl:7px;--focus:0 0 0 3px rgba(4,78,183,.28)
}
body{background:var(--ground);color:var(--ink);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}
main{padding:16px 28px 48px;gap:18px}
h1{font-family:"IBM Plex Sans",sans-serif;font-size:24px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
h2{font-family:"IBM Plex Sans",sans-serif;font-size:15px;font-weight:600;letter-spacing:-.005em}
h1+.small.muted,h1+.muted{margin-top:2px}
.small{font-size:12.5px}.muted{color:var(--muted)}

/* top bar: search + utilities share one line */
.gsearch{height:42px;border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--surface);box-shadow:none;max-width:640px;margin-right:230px}
.gsearch:focus-within{border-color:var(--blue);box-shadow:var(--focus)}
.btn.eye.top,#mail-fab{top:16px;height:42px;min-height:42px;box-shadow:none;border-color:var(--line)}
@media (max-width:1100px){.gsearch{margin-right:0}}

/* panels */
.card,.cg,.fl,.kp,.cf-card,.cpp{border-color:var(--line);border-radius:var(--r-panel);box-shadow:none}
.card{padding:16px 18px}

/* controls */
.btn{min-height:36px;padding:7px 13px;border-radius:var(--r-ctl);border-color:#D3D9E2;font-weight:600;font-size:13px;transition:background .12s,border-color .12s}
.btn:hover{border-color:#AEB8C6;background:#FAFBFD}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.primary:hover{background:var(--blue-dk);border-color:var(--blue-dk)}
.btn.sm{min-height:30px;height:30px;padding:3px 10px;font-size:12.5px}
input,select,textarea{border-color:#D3D9E2;border-radius:var(--r-ctl);min-height:38px}
input:focus,select:focus,textarea:focus,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:none;border-color:var(--blue);box-shadow:var(--focus)}
.chip{padding:6px 12px;font-size:13px;border-color:#D3D9E2;color:var(--mid)}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
label{font-size:12.5px;color:var(--muted)}

/* tables: sentence-case headers, calm rows, tabular counts */
th{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--muted);background:#F8FAFC;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid var(--line-2)}
tbody tr:hover>td{background:var(--hover)}
tbody tr:last-child>td{border-bottom:0}
.cnt,.kp-n,.kpi .v{font-family:var(--cond);font-variant-numeric:tabular-nums}
tr.grp td{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600;color:var(--mid);background:#F5F7FA}

/* no all-caps labels anywhere */
.facts span,.badge,.fl-k,.cf-l,.fs span,.pp-l,.fl-st,.kp-l,.ghead,.cg-tag{text-transform:none!important;letter-spacing:0!important}
.facts span{font-size:12px}
.badge{font-weight:600;border-radius:999px;padding:2px 8px}
.fl-k,.cf-l,.pp-l{font-size:12px;font-weight:600;color:var(--muted)}
.fs span{font-size:12px;font-weight:600}
.fl-st{font-size:12px}

/* KPI tiles: number first, label under; colour only carries meaning */
.kp{background:var(--surface);padding:10px 14px;gap:0}
.kp-n{font-size:26px;font-weight:600;line-height:1.15;color:var(--ink)}
.kp-l{font-size:12.5px;color:var(--muted)}
.kp.warn .kp-n,.fl-kpi .st-at_lead .kp-n,.kp-n.bad{color:var(--red)}
.kp.ok .kp-n,.fl-kpi .st-to_client .kp-n{color:var(--ok)}
a.kp:hover{border-color:#AEB8C6;background:#FCFDFE}

/* tabs */
.ttabs a{font-size:13.5px;padding:10px 12px}
.ttabs a.on{color:var(--ink);border-bottom-color:var(--blue)}
.ttabs a.on b{color:var(--blue)}
.vt-seg a.on{background:var(--ink)}

/* status colours used by stripes and pills */
.st.wait{background:var(--amber-wash);color:var(--amber)}.st.late,.cg-p{background:var(--red-wash);color:var(--red)}.st.ok{background:var(--ok-wash);color:var(--ok)}

/* side rail */
.side{background:var(--rail)}
.side .brand{border-radius:8px;padding:6px 12px}
.side .sub{color:#8FA3C8}
.side .ghead{font-family:"IBM Plex Sans",sans-serif;font-size:13px;font-weight:600;color:#fff;padding:9px 12px}
.side .nav{font-size:13.5px;padding:7px 12px 7px 20px;border-radius:6px;color:var(--rail-ink)}
.side .nav.on{background:#fff;color:var(--rail);box-shadow:inset 3px 0 0 #F22A13}
.side .nav:hover:not(.on){background:var(--rail-2);color:#fff}

/* toasts */
.toast{border-radius:var(--r-ctl);font-size:13.5px;font-weight:600}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:700px){main{padding:14px 14px 40px}h1{font-size:22px}.kp-n{font-size:22px}}
main{padding-top:16px!important}
/* Show figures + Mail live in their own fixed row at the top right; page content always starts below it */
@media (min-width:701px){main{padding-top:70px!important}}
.gsearch{margin:0!important;max-width:none}
@media (min-width:701px){.gsearch,#agb{margin-right:44px!important}}
@media (max-width:700px){.gsearch{max-width:none}}
/* clients list: mail pill sits on the domain line, not on its own row */
td .mday.btn.sm{height:24px;min-height:24px;padding:0 8px;font-size:11.5px;margin-top:4px;border-radius:999px}
td .mday.btn.sm:not(.on){color:var(--muted);border-color:var(--line-2);background:transparent}
/* teach card on phones: one compact row of four actions */
@media (max-width:700px){
 .tc-acts{display:grid!important;grid-template-columns:1.25fr 1.25fr .9fr .9fr;gap:6px}
 .tc-acts>*{min-width:0}.tc-acts .btn{min-height:34px;padding:4px 6px;font-size:12.5px;justify-content:center;width:100%}
 .tc-more>summary{min-height:34px;padding:4px 6px;font-size:12.5px}
}
td a,.fl-lead a,.cf-card h2 a{text-decoration:none}td a:hover,.cf-card h2 a:hover{text-decoration:underline}
td .mday.btn.sm{display:inline-flex;margin:0 0 0 6px;vertical-align:middle}
td:has(> .mday)>div.small.muted{display:inline}
td:has(> .mday)>a{display:block}
@media (max-width:700px){.tc-acts{grid-template-columns:1fr 1.15fr .75fr .75fr}.tc-acts .btn,.tc-more>summary{white-space:nowrap;font-size:12px;padding:4px 4px}}
/* teach card: optional, collapsed by default so the page opens on the mail list */
details.teach{padding:0}
.teach-s{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:11px 16px}
.teach-s::-webkit-details-marker{display:none}
.teach-s::before{content:"▸";color:var(--faint);font-size:12px;transition:transform .15s}
details.teach[open]>.teach-s::before{transform:rotate(90deg)}
.teach-n{font-family:var(--cond);font-weight:700;font-size:12.5px;background:var(--brand-wash);color:var(--blue);border-radius:999px;padding:1px 9px}
details.teach>.tc{margin:0 16px}details.teach>.tc:last-child{margin-bottom:12px}
/* repeated personal-email senders */
.rp-card{border-left:3px solid var(--amber)}
.rp-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:6px}
.rp-esc{display:inline-block;font-size:11.5px;font-weight:700;color:#fff;background:var(--red);border-radius:999px;padding:1px 8px;margin-right:6px}
.rp-n{font-size:12px;font-weight:600;color:var(--amber);background:var(--amber-wash);border-radius:999px;padding:1px 8px;margin-left:4px}
/* Requirement Flow: upstream / downstream tabs */
.ftabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px}
.ftabs a{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);text-decoration:none;color:var(--ink)}
.ftabs a b{font-size:16px;font-weight:600}
.ftabs a span{color:var(--muted);font-size:13px}
.ftabs a em{font-style:normal;margin-left:auto;font-size:12.5px;font-weight:600;color:var(--mid)}
.ftabs a.on{border-color:var(--blue);box-shadow:inset 0 -3px 0 var(--blue);background:#FBFDFF}
.ftabs a.on b{color:var(--blue)}
.fs b.amb{background:var(--amber)}
.fp a{max-width:260px}

/* Mail Triage reading pane (third column) */
.rpane{position:fixed;top:0;right:0;bottom:0;width:var(--rpw,min(46vw,680px));background:var(--surface);border-left:1px solid var(--line);z-index:66;display:flex;flex-direction:column;box-shadow:-10px 0 30px rgba(14,26,43,.08)}
.rpane[hidden]{display:none}
@media (min-width:1200px){body.rp-open .shell{padding-right:var(--rpw,min(46vw,680px))}body.rp-open main{flex-basis:380px}body.rp-open .gsearch{margin-right:0!important;max-width:calc(100% - 240px)}body.rp-open #mail-fab,body.rp-open .btn.eye.top{right:calc(var(--rpw,min(46vw,680px)) + 16px)}body.rp-open .btn.eye.top{right:calc(var(--rpw,min(46vw,680px)) + 104px)}}
@media (max-width:1199px){.rpane{width:100vw;z-index:130}}
.rp-top{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface)}
.rp-nav{display:flex;gap:4px}
.rp-ib{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:15px;color:var(--mid)}
.rp-ib:hover{border-color:#AEB8C6;color:var(--ink)}
.rp-x{margin-left:auto;font-size:16px}
.rp-lab{font-size:12.5px;font-weight:600;color:var(--stripe,var(--mid));display:inline-flex;align-items:center;gap:6px}
.rp-lab:not(:empty)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--stripe,var(--muted))}
.rp-body{flex:1;overflow-y:auto;padding:16px 20px 40px}
.rp-subj{font-size:18px;line-height:1.3;margin:0 0 8px;overflow-wrap:anywhere}
.rp-meta{display:flex;flex-direction:column;gap:2px;font-size:13.5px;padding-bottom:10px;border-bottom:1px solid var(--line-2);overflow-wrap:anywhere}
.rp-need{color:var(--red);font-weight:600}
.rp-acts{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.rp-acts .rp-imp.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.rp-text{white-space:pre-wrap;font-size:14px;line-height:1.6;overflow-wrap:anywhere;max-width:72ch;color:#1E2A3B}
.rp-load{color:var(--muted);padding:20px 0}
.rp-th{border:1px solid var(--line);border-radius:8px;margin:4px 0 14px;overflow:hidden}
.rp-thh{font-size:12px;font-weight:600;color:var(--muted);padding:6px 10px;background:#F8FAFC;border-bottom:1px solid var(--line-2)}
.rp-tm{display:flex;width:100%;gap:8px;align-items:center;padding:6px 10px;border:0;border-bottom:1px solid var(--line-2);background:#fff;font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.rp-tm:last-child{border-bottom:0}.rp-tm:hover{background:var(--hover)}.rp-tm.me{background:var(--brand-wash);font-weight:600}
.rp-tm .d{width:14px;color:var(--blue)}.rp-tm .w{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-tm .t{color:var(--muted);white-space:nowrap}
table.tri2 tbody tr,.ct-list li,.tc{cursor:pointer}
.rp-sel>td{background:#EEF4FD!important}li.rp-sel,.tc.rp-sel{background:#EEF4FD!important;outline:1px solid #CFE0F7}
.us-tag{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:700;color:#1D3F8F;background:#E6EDFB;border:1px solid #C9D7F5;border-radius:4px;padding:0 5px;vertical-align:1px}
.rp .us-tag{margin:0 6px 0 0}
/* compact repeat-sender rows: who | latest subject + gist | to + when | actions */
.rpx{display:grid!important;grid-template-columns:minmax(200px,260px) minmax(0,1fr) minmax(150px,230px) auto;gap:4px 14px;align-items:center;padding:7px 0 7px 12px!important}
.rpx-who{display:flex;align-items:center;gap:5px;min-width:0}
.rpx-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}
.rpx-who .rp-esc{margin-right:0;font-size:10.5px;padding:0 6px}.rpx-who .us-tag{margin:0}
.rpx-who .rp-n{margin-left:0;flex:none}
.rpx-mail{min-width:0}
.rpx-s{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpx-g{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpx-to{display:flex;flex-direction:column;font-size:12px;color:var(--mid);min-width:0}
.rpx-to span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpx-to i{font-style:normal;color:var(--muted)}
.rpx-a{flex-wrap:nowrap!important}.rpx-a .btn.sm{height:28px;min-height:28px;padding:2px 9px}
body.rp-open .rpx{grid-template-columns:minmax(0,1fr) auto}body.rp-open .rpx-mail,body.rp-open .rpx-to{display:none}
@media (max-width:900px){.rpx{grid-template-columns:minmax(0,1fr) auto}.rpx-mail{grid-column:1/-1;grid-row:2}.rpx-to{grid-column:1/-1;grid-row:3;flex-direction:row;gap:8px}.rpx-a{grid-column:2;grid-row:1}}
@media (max-width:700px){.rpx-a{display:flex!important}}
@media (min-width:1200px){body.rp-open table.tri2 th:last-child,body.rp-open table.tri2 td.t-act{display:none}body.rp-open table.tri2{min-width:0}body.rp-open .kpi-live{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* upstream chain people side panel */
.pplbtn{border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;font-size:13px;padding:1px 5px;margin-right:4px}
.pplbtn:hover{border-color:var(--blue)}
table.flt tbody tr{cursor:pointer}
.ppl-t{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.chp-h{margin-bottom:10px}
.chp-p{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid var(--line-2)}
.chp-li{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.btn.li-on{color:#0A66C2;border-color:#BCD6F2;background:#F2F8FE}
body.rp-open table.flt .fsub{max-width:240px}
/* attention: client side | candidate & team side */
.attn{display:grid;grid-template-columns:1fr;gap:12px}
.attn .rp-card{margin:0}
.attn-c{border-left:3px solid var(--blue)!important}
.attn-n{margin-left:auto;font-family:var(--cond);font-weight:700;font-size:13px;background:var(--line-2);border-radius:999px;padding:0 9px}
.rp-pend{display:inline-block;font-size:10.5px;font-weight:700;color:var(--amber);background:var(--amber-wash);border-radius:999px;padding:0 6px}

/* Mailbox — Outlook-style three panes */
.mbx{display:grid;grid-template-columns:210px minmax(300px,380px) minmax(0,1fr);height:calc(100vh - 88px);min-height:520px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);overflow:hidden}
.mbx-f{border-right:1px solid var(--line);overflow-y:auto;padding:8px 6px 16px;background:#FAFBFC}
.mbx-fh{display:flex;flex-direction:column;gap:6px;padding:2px 4px 8px}
.mbx-fh select{min-height:32px;font-size:12.5px;padding:3px 8px}
.mbx-fl{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;border-radius:6px;color:var(--mid);text-decoration:none;font-size:13px}
.mbx-fl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mbx-fl b{font-family:var(--cond);font-size:12px;color:var(--muted);font-weight:600}
.mbx-fl b.hot{color:var(--red)}
.mbx-fl:hover{background:var(--line-2);color:var(--ink)}
.mbx-fl.on{background:var(--brand-wash);color:var(--blue);font-weight:600}
.mbx-fg{font-size:12px;font-weight:600;color:var(--muted);padding:12px 10px 4px}
.mbx-l{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.mbx-s{padding:8px;border-bottom:1px solid var(--line-2)}.mbx-s input{width:100%;min-height:34px;font-size:13px}
.mbx-lh{font-size:12px;color:var(--muted);padding:6px 12px;border-bottom:1px solid var(--line-2)}
.mbx-items{overflow-y:auto;flex:1}
.mi{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line-2);border-left:3px solid transparent;background:#fff;padding:8px 12px 8px 11px;font:inherit;cursor:pointer;color:var(--ink)}
.mi:hover{background:var(--hover)}
.mi.on{background:#EAF1FC;border-left-color:var(--blue)}
.mi-r1{display:flex;gap:8px;align-items:baseline}
.mi-from{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}
.mi-t{font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap}
.mi-r2{display:flex;gap:5px;align-items:center;min-width:0}
.mi-subj{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.mi-esc{font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--red);border-radius:999px;padding:0 5px}
.mi-r2 .us-tag{margin:0;font-style:normal}
.mi-sim{font-style:normal;font-size:10.5px;color:var(--blue);background:var(--brand-wash);border-radius:999px;padding:0 5px}
.mi-r3{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mi-r4{display:flex;justify-content:space-between;gap:6px;font-size:11px}
.mi-lab{color:var(--stripe,var(--muted));font-weight:600;display:inline-flex;align-items:center;gap:4px}
.mi-lab:not(:empty)::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--stripe,var(--muted))}
.mi-to{color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mbx-empty{padding:24px 14px;color:var(--muted);font-size:13px}
.mbx-r{display:flex;flex-direction:column;min-width:0;min-height:0}
.mbx-ph{flex:1;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center;max-width:420px;margin:0 auto}
.mbx-doc{display:flex;flex-direction:column;min-height:0;flex:1}.mbx-doc[hidden]{display:none}
.mbx-back{display:none}
.mbx-ppl{border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:0 0 14px;background:#FAFCFF}
.mbx-ppl .chp-p{padding:6px 0}.mbx-ppl .chp-h{margin-bottom:2px;font-size:13px}
@media (max-width:1300px){.mbx{grid-template-columns:180px minmax(260px,330px) minmax(0,1fr)}}
@media (max-width:1100px){
 .mbx{grid-template-columns:1fr;height:auto;min-height:0}
 .mbx-f{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto;gap:4px;padding:6px}
 .mbx-fh{flex-direction:row;padding:0}.mbx-fg{display:none}.mbx-fl{white-space:nowrap;flex:none;border:1px solid var(--line);border-radius:999px;padding:4px 10px}
 .mbx-items{max-height:none}.mbx-r{display:none}
 .mbx.reading .mbx-r{display:flex;position:fixed;inset:0;z-index:130;background:#fff}
 .mbx-back{display:inline-block}.mbx-ph{display:none}
}
.mbx-ph[hidden]{display:none!important}
/* flow: grouped by status with sticky group headings (no repeated status text per row) */
.flt-wrap{overflow:visible}
table.flt.grp{border-collapse:separate;border-spacing:0}
table.flt.grp thead th{position:sticky;top:0;z-index:3}
table.flt.grp tr.ghdr th{position:sticky;top:34px;z-index:2;background:#EEF2F7;color:var(--ink);font-size:13px;font-weight:600;text-align:left;padding:7px 12px;border-bottom:1px solid var(--line)}
table.flt.grp tr.ghdr th span{font-family:var(--cond);font-weight:700;margin-left:6px;color:var(--muted)}
table.flt.grp tbody.g-awaiting tr.ghdr th,table.flt.grp tbody.g-with_team tr.ghdr th{box-shadow:inset 3px 0 0 var(--red)}
table.flt.grp tbody.g-replied tr.ghdr th,table.flt.grp tbody.g-back_to_lead tr.ghdr th{box-shadow:inset 3px 0 0 var(--ok)}
table.flt.grp tbody.g-with_team tr.ghdr th{box-shadow:inset 3px 0 0 var(--amber)}
.w-h{width:1%;white-space:nowrap;text-align:right}
.age{display:inline-block;font-family:var(--cond);font-size:12.5px;font-weight:700;color:var(--mid);background:var(--line-2);border-radius:999px;padding:0 8px}
.age.warn{color:var(--amber);background:var(--amber-wash)}.age.late{color:#fff;background:var(--red)}
@media (max-width:900px){table.flt.grp tr.ghdr{display:block}table.flt.grp tr.ghdr th{display:block;top:0}}
/* people on this mail (every mail view) */
.mpp{border:1px solid var(--line);border-radius:8px;margin:8px 0 14px;background:#FAFCFF}
.mpp-h{font-size:12.5px;font-weight:600;color:var(--muted);padding:7px 12px;border-bottom:1px solid var(--line-2)}
.mpp-h span{font-family:var(--cond);margin-left:4px;color:var(--ink)}
.mpp-p{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;padding:7px 12px;border-bottom:1px solid var(--line-2)}
.mpp-p:last-child{border-bottom:0}
.mpp-who{min-width:0;font-size:13px;overflow-wrap:anywhere}
.mpp-k{display:inline-block;font-size:11px;font-weight:600;border-radius:4px;padding:0 6px;margin-right:6px;background:var(--line-2);color:var(--mid)}
.k-client .mpp-k{background:var(--brand-wash);color:var(--blue)}.k-candidate .mpp-k{background:var(--amber-wash);color:var(--amber)}
.mpp-a{display:flex;gap:6px;align-items:center;position:relative}
.mpp-more>summary{list-style:none;cursor:pointer}.mpp-more>summary::-webkit-details-marker{display:none}
.mpp-menu{position:absolute;right:0;top:34px;z-index:20;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px rgba(14,26,43,.12);padding:6px;display:flex;flex-direction:column;min-width:240px}
.mpp-menu a{padding:6px 8px;border-radius:6px;font-size:13px;text-decoration:none;color:var(--ink)}.mpp-menu a:hover{background:var(--hover)}
.mpp-menu .cpp-save{margin:6px 0 2px}.mpp-menu .cpp-save input{width:100%}
table.flt.grp tbody.g-portal tr.ghdr th{box-shadow:inset 3px 0 0 var(--faint);color:var(--muted)}
table.flt tr.st-portal td:first-child{border-left-color:#C0C6CF}
table.flt tbody.g-portal tr:not(.ghdr) td{color:var(--muted)}
.gp-sel>td{background:#EEF4FD!important}li.gp-sel{background:#EEF4FD!important}

/* Mail board: tiles of the top items per kind; double-click a tile to expand it */
.board-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:12px;align-items:stretch}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);display:flex;flex-direction:column;min-width:0;outline:none;user-select:none}
.tile:focus-visible{box-shadow:var(--focus)}
.tile header{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;border-bottom:1px solid var(--line-2);border-top:3px solid var(--tone,#C0C6CF);border-radius:var(--r-panel) var(--r-panel) 0 0}
.tone-red{--tone:var(--red)}.tone-amber{--tone:var(--amber)}.tone-blue{--tone:var(--blue)}.tone-green{--tone:var(--ok)}.tone-grey{--tone:#AEB6C2}
.tile h3{margin:0;font-family:"IBM Plex Sans",sans-serif;font-size:14px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tile-n{font-family:var(--cond);font-size:20px;font-weight:700;color:var(--tone,var(--ink));line-height:1}
.tile-x{border:0;background:none;color:var(--faint);cursor:pointer;font-size:15px;padding:2px 4px;border-radius:4px}.tile-x:hover{background:var(--line-2);color:var(--ink)}
.tile-l{list-style:none;margin:0;padding:2px 0}
.tile-l li{border-bottom:1px solid var(--line-2)}.tile-l li:last-child{border-bottom:0}
.tile-l li:nth-child(n+7){display:none}
.tile-l a{display:flex;flex-direction:column;gap:1px;padding:6px 12px;text-decoration:none;color:var(--ink)}
.tile-l a:hover{background:var(--hover)}
.tl-1{display:flex;align-items:center;gap:6px;min-width:0;font-size:12.5px}
.tl-1 b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tl-1 i{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap}
.tl-tag{font-style:normal;font-size:10.5px;font-weight:600;color:var(--tone);background:var(--line-2);border-radius:4px;padding:0 5px;white-space:nowrap}
.tl-1 .us-tag{margin:0;font-style:normal}
.tl-2{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-3{font-size:11.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-empty{padding:14px 12px;color:var(--muted);font-size:13px}
.tile footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid var(--line-2);font-size:12.5px;margin-top:auto}
.tile footer a{margin-left:auto;text-decoration:none;font-weight:600}
.tile-more{border:0;background:none;color:var(--blue);font:inherit;font-size:12.5px;cursor:pointer;padding:0}
/* expanded */
.tile.max{grid-column:1/-1;box-shadow:0 12px 32px rgba(14,26,43,.12);border-color:var(--tone)}
.tile.max .tile-l li:nth-child(n+7){display:block}
.tile.max .tile-l{columns:2 420px;column-gap:0}.tile.max .tile-l li{break-inside:avoid}
.tile.max .tile-more{display:none}
body.rp-open .board-g{grid-template-columns:1fr}
.tile header{border-top:0;box-shadow:inset 0 3px 0 var(--tone,#C0C6CF);padding-top:12px}
/* hover preview of a mail */
.mhov{position:fixed;z-index:200;width:min(460px,92vw);max-height:min(380px,70vh);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px rgba(14,26,43,.18);padding:12px 14px;pointer-events:none}
.mhov[hidden]{display:none}
.mh-s{font-weight:600;font-size:14px;margin-bottom:4px;overflow-wrap:anywhere}
.mh-m{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.mh-m b{color:var(--ink);font-weight:600}
.mh-b{margin-top:8px;padding-top:8px;border-top:1px solid var(--line-2);font-size:13px;line-height:1.5;white-space:pre-wrap;color:#1E2A3B;max-height:250px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,transparent)}
/* hover preview: you can move onto it and scroll the whole mail */
.mhov{pointer-events:auto;max-height:min(520px,78vh);display:flex;flex-direction:column;overflow:hidden;width:min(520px,92vw)}
.mh-top{display:flex;align-items:flex-start;gap:8px}.mh-top .mh-s{flex:1}
.mh-open{flex:none}
.mh-b{max-height:none;flex:1;overflow-y:auto;-webkit-mask-image:none;mask-image:none;overscroll-behavior:contain;padding-right:4px}
.mh-b a{word-break:break-all}
/* mailbox: each pane scrolls on its own (grid children need min-height:0) */
.mbx{grid-template-rows:minmax(0,1fr)}
.mbx-f,.mbx-l,.mbx-r,.mbx-doc{min-height:0}
.mbx-items{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.mbx-doc .rp-body{min-height:0;overflow-y:auto}
@media (max-width:1100px){.mbx{grid-template-rows:auto}.mbx-items{overflow:visible}}
/* Mailbox v2: two panes — folders | detailed list (hover = preview, click = new tab) */
.mbx{grid-template-columns:220px minmax(0,1fr)!important}
.mbx-r{display:none!important}
.mbx-l{border-right:0}
.m2-tip{float:right;color:var(--faint)}
.mi2{display:grid;grid-template-columns:96px minmax(180px,240px) minmax(0,1fr) 190px;gap:4px 16px;align-items:start;padding:10px 16px 10px 13px;border-bottom:1px solid var(--line-2);border-left:3px solid var(--stripe,transparent);text-decoration:none;color:var(--ink);background:#fff}
.mi2:hover{background:var(--hover)}
.m2-when{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.m2-when b{color:var(--mid);font-weight:600;font-size:12.5px}
.m2-due{font-style:normal;font-size:11px;font-weight:600;color:var(--red)}.m2-ok{font-style:normal;font-size:11px;font-weight:600;color:var(--ok)}
.m2-from{display:flex;flex-direction:column;min-width:0}
.m2-from b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m2-from span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m2-mail{display:flex;flex-direction:column;gap:2px;min-width:0}
.m2-s{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m2-s em{font-style:normal}
.m2-g{font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m2-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:12px;min-width:0;text-align:right}
.m2-to{color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
@media (max-width:1300px){.mi2{grid-template-columns:84px minmax(150px,200px) minmax(0,1fr)}.m2-meta{grid-column:3;flex-direction:row;justify-content:space-between;text-align:left}}
@media (max-width:800px){.mi2{grid-template-columns:1fr;gap:2px}.m2-when{flex-direction:row;gap:8px}.m2-meta{grid-column:auto}.m2-tip{display:none}}
/* forward to team */
.fwd-bg{position:fixed;inset:0;background:rgba(10,20,40,.35);z-index:210}.fwd-bg[hidden],.fwd[hidden]{display:none}
.fwd{position:fixed;z-index:211;top:10vh;left:50%;transform:translateX(-50%);width:min(520px,94vw);max-height:80vh;display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:12px;box-shadow:0 24px 60px rgba(14,26,43,.25);padding:14px 16px}
.fwd-h{display:flex;align-items:center;justify-content:space-between}.fwd-h b{font-size:16px}
.fwd-s{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fwd-sel{display:flex;flex-wrap:wrap;gap:6px}
.fwd-c{display:inline-flex;align-items:center;gap:4px;background:var(--brand-wash);color:var(--blue);border-radius:999px;padding:2px 4px 2px 10px;font-size:13px;font-weight:600}
.fwd-c button{border:0;background:none;color:var(--blue);cursor:pointer;font-size:15px;line-height:1;padding:0 4px}
.fwd-list{overflow-y:auto;max-height:240px;border:1px solid var(--line-2);border-radius:8px}
.fwd-p{display:flex;width:100%;gap:8px;align-items:baseline;border:0;border-bottom:1px solid var(--line-2);background:#fff;padding:7px 10px;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.fwd-p:hover{background:var(--hover)}.fwd-p em{font-style:normal;font-size:11px;font-weight:600;color:var(--blue);background:var(--brand-wash);border-radius:4px;padding:0 5px}
.fwd-p span{margin-left:auto;color:var(--muted);font-size:12px}
.fwd textarea{min-height:64px}
.fwd-f{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mi2w{position:relative}
.mi2-fwd{position:absolute;right:14px;bottom:8px;border:1px solid var(--line);background:#fff;border-radius:6px;font:inherit;font-size:12px;font-weight:600;padding:2px 9px;cursor:pointer;opacity:0;transition:opacity .1s}
.mi2w:hover .mi2-fwd,.mi2-fwd:focus-visible{opacity:1}
@media (hover:none){.mi2-fwd{opacity:1}}
.mh-fwd{flex:none}
/* preview hot-zone: right half of a mail row */
.pv-zone{cursor:zoom-in}
.mi2.pv-zone,table.tri2 tbody tr.pv-zone>td:last-child,.tile-l a.pv-zone{box-shadow:inset -3px 0 0 var(--blue)}
.mh-ppl .mpp{margin:0 0 10px}.mh-ppl .mpp-menu{position:static;box-shadow:none;margin-top:4px}
/* email ids anywhere in a mail open a LinkedIn people search (name + company) */
a.em-li{color:var(--blue);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}
a.em-li::after{content:" in";font-size:9px;font-weight:700;color:#fff;background:#0A66C2;border-radius:2px;padding:0 2px;margin-left:3px;vertical-align:1px;text-decoration:none;display:inline-block}
.mp-body{white-space:pre-wrap;font:inherit;margin-top:12px;overflow-wrap:anywhere}
@media (max-width:700px){.mpp-p{flex-direction:column;align-items:flex-start}.mpp-a{flex-wrap:wrap}.mpp-menu{position:static;box-shadow:none;min-width:0;width:100%;margin-top:6px}.mpp-a .btn.sm{min-height:36px}}
.mbx-l.loading .mbx-items{opacity:.45;transition:opacity .1s}

/* ---------- Network (people on our mails) ---------- */
.nw-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.nw-f{display:flex;gap:6px;flex-wrap:wrap}.nw-f input{min-width:220px}
.nw-st{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.nw-chip{padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--ink);text-decoration:none;background:#fff}
.nw-chip b{font-weight:600;margin-left:4px;color:var(--muted)}.nw-chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.nw-chip.on b{color:#fff}
.nw{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);height:calc(100vh - 190px);min-height:480px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);overflow:hidden}
.nw-l{overflow-y:auto;border-right:1px solid var(--line);min-height:0}
.nw-r{overflow-y:auto;min-height:0;min-width:0}.nw-r.loading{opacity:.55}
.nw-p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:9px 14px;border-bottom:1px solid var(--line-2);border-left:3px solid transparent;text-decoration:none;color:var(--ink)}
.nw-p:hover{background:#F6F8FA}.nw-p.on{background:#EEF2F6;border-left-color:var(--ink)}
.nw-n{min-width:0}.nw-n b{font-weight:600;margin-right:6px}.nw-n span{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nw-new{font-style:normal;font-size:10.5px;padding:0 5px;border-radius:4px;background:#111;color:#fff;vertical-align:1px}
.nw-c{font-size:12px;color:var(--muted);grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nw-m{grid-column:2;grid-row:1;text-align:right;font-size:12px;color:var(--muted)}.nw-m b{color:var(--ink)}.nw-m span{display:block}
.nw-s{grid-column:2;grid-row:2;text-align:right;font-size:11px;color:var(--muted)}
.nw-p.s-approved .nw-s,.nw-p.s-requested .nw-s,.nw-p.s-connected .nw-s,.nw-p.s-chatting .nw-s{color:var(--ink);font-weight:600}
.nw-p.s-skip{opacity:.55}
.nw-card{padding:14px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}
.nw-ch{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.nw-act{display:flex;gap:6px;align-items:flex-start}
.nw-save{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}.nw-save label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:2px}
.nw-save label.grow{flex:1 1 200px}.nw-save input,.nw-save select{width:100%}
.nw-mails{overflow:visible}.nw-help{padding:24px;max-width:640px}.nw-help ol{line-height:1.8;padding-left:18px}
.idc{display:inline-block;font-size:11.5px;padding:1px 7px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#fff;white-space:nowrap}
@media (max-width:900px){.nw{grid-template-columns:1fr;height:auto}.nw-l{max-height:45vh;border-right:0;border-bottom:1px solid var(--line)}.nw-card{position:static}}
.nw-f .btn{align-self:stretch}
.nw-vt{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-right:6px;background:#fff}
.nw-vt a{padding:4px 12px;font-size:12.5px;color:var(--ink);text-decoration:none}.nw-vt a.on{background:var(--ink);color:#fff}
.nw-cl{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.nw-t{width:100%;border-collapse:collapse;font-size:13px}.nw-t th{position:sticky;top:0;text-align:left;font-size:11.5px;font-weight:600;color:var(--muted);padding:8px 16px;border-bottom:1px solid var(--line);background:#FAFBFC}
.nw-t td{padding:9px 16px;border-bottom:1px solid var(--line-2);vertical-align:top}.nw-t tr.s-skip{opacity:.55}
.nw-tl{white-space:nowrap}.nw-tl .btn{margin-right:4px}
@media (max-width:900px){.nw-t th:nth-child(2),.nw-t td:nth-child(2),.nw-t th:nth-child(3),.nw-t td:nth-child(3){display:none}.nw-tl{white-space:normal}}
.nw-facts{display:flex;flex-wrap:wrap;gap:0;margin:10px 0 4px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.nw-facts>div{flex:1 1 120px;padding:7px 12px;border-right:1px solid var(--line-2)}.nw-facts>div:last-child{border-right:0}
.nw-facts span{display:block;font-size:11px;color:var(--muted)}.nw-facts b{font-size:13.5px;font-weight:600}
.nw-ed{margin-top:8px}.nw-ed summary{cursor:pointer;color:var(--muted)}
.nw-cf{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:8px}.nw-cf label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:2px;flex:0 1 150px}
.nw-cf label.grow{flex:1 1 240px}.nw-cf input{width:100%}
.nw-ni{margin-left:auto}
.nw-fn{font-size:13px;color:var(--muted);margin-top:1px}
.nw-facts>div.wide{flex:2 1 240px}
.nw-kp{padding:12px 16px;border-bottom:1px solid var(--line)}.nw-kh{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.nw-kh h3,.nw-sub{margin:0;font-size:14.5px}
.nw-sub{padding:12px 16px 6px}
.nw-cg{margin-top:12px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.nw-cgh{display:flex;gap:10px;align-items:baseline;padding:8px 12px;background:#FAFBFC;border-bottom:1px solid var(--line-2)}
.nw-cg .nw-cl{padding:8px 12px;margin:0}.nw-cg .nw-t th{top:auto}
.nw-kf{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.nw-kf input{flex:1 1 140px}
.nw-t select{padding:3px 8px;min-height:0;height:30px;font-size:12.5px}
.nw-hc{color:var(--ink);font-weight:600}
.nw-cold{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);white-space:nowrap}.nw-cold input{width:auto}
.nw-f .nw-cold{flex-direction:row}.nw-f .nw-cold input{width:16px;min-width:0;height:16px;min-height:0;padding:0;flex:0 0 16px;margin:0}

/* ---------- Resizable panes + compact Network ---------- */
[data-resize]{position:relative}
.pane-rs{position:absolute;top:0;bottom:0;width:7px;cursor:col-resize;z-index:5;background:transparent}
.pane-rs::after{content:"";position:absolute;left:3px;top:0;bottom:0;width:1px;background:transparent;transition:background .15s}
.pane-rs:hover::after,.rs-drag .pane-rs::after{background:var(--ink);width:2px}
body.rs-drag{cursor:col-resize;user-select:none}
.nw[data-resize]{grid-template-columns:var(--lw,360px) minmax(0,1fr)}
.mbx[data-resize]{grid-template-columns:var(--lw,220px) minmax(0,1fr)!important}
@media (max-width:900px){.pane-rs{display:none}.nw[data-resize],.mbx[data-resize]{grid-template-columns:1fr!important}}
.nw-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.nw-bar h1{margin:0 6px 0 0;font-size:22px}
.nw-bar input[name=q]{flex:1 1 200px;min-width:160px}
.nw-bar select,.nw-bar input[name=q]{height:34px;padding:4px 10px;font-size:13px}
.nw-bar .nw-vt{margin:0}.nw-bar .nw-vt a{padding:6px 12px}
.nw-bar .nw-cold{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.nw-bar .nw-cold input{width:15px;height:15px;min-height:0;padding:0;margin:0;flex:0 0 15px}
.nw{height:calc(100vh - 140px)}
.nw-card{padding:10px 16px;position:static}
.nw-facts{margin:8px 0 4px}.nw-facts>div{flex:1 1 110px;padding:5px 10px}.nw-facts span{font-size:10.5px}.nw-facts b{font-size:13px}
.nw-nofacts{margin:6px 0 2px}
.nw-links{gap:4px 14px;margin-top:6px;align-items:center}
.nw-links a{font-size:12.5px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.nw-links a:hover{border-bottom-color:var(--ink)}
.nw-links a.li-on{font-weight:600}
.nw-ni{margin-left:auto;background:none;border:0;padding:0;font-size:12px;color:var(--muted);text-decoration:underline;cursor:pointer}
.nw-ed{margin-top:4px}
.nw-p{padding:7px 12px}
.nw-kp{padding:10px 16px}.nw-cg{margin-top:8px}.nw-cg .nw-cl{padding:6px 12px}
.nw-cg .nw-cl .btn{padding:3px 9px;font-size:12px}
@media (max-width:900px){.nw{height:auto}}
.nw-co{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:6px 12px}
.nw-co .nw-n span{display:block}
.nw-co .nw-m{grid-row:auto;display:flex;flex-direction:column;align-items:flex-end;gap:0;line-height:1.35}
.nw-co .nw-m span{display:block}.nw-k{font-size:12px;color:var(--muted)}.nw-k b{color:var(--ink)}
.nw-co .nw-new{margin-left:4px}
.nw-cg .nw-cl{gap:4px 14px}.nw-cg .nw-cl .btn{border:0;padding:0;background:none;border-bottom:1px solid var(--line);border-radius:0;font-size:12.5px;font-weight:500;box-shadow:none;min-height:0}
.pane-rs-v{position:absolute;left:0;right:0;bottom:-4px;height:8px;cursor:row-resize;z-index:5}
.pane-rs-v::after{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:transparent}
.pane-rs-v:hover::after,.rs-drag-v .pane-rs-v::after{background:var(--ink);height:2px}
body.rs-drag-v{cursor:row-resize;user-select:none}
.nw,.mbx{overflow:visible}.nw>section,.mbx>nav,.mbx>section{overflow-y:auto}
.nw-bar{flex-wrap:nowrap}.nw-bar h1{font-size:20px;flex:0 0 auto}.nw-bar .nw-vt{flex:0 0 auto}
.nw-bar input[name=q]{flex:1 1 140px;min-width:100px}
.nw-bar select{flex:0 1 auto;min-width:0;max-width:170px}
@media (max-width:1100px){.nw-bar{flex-wrap:wrap}}
@media (max-width:900px){.pane-rs-v{display:none}}
.nw-yr{border-collapse:collapse;font-size:12.5px;margin:6px 0 2px}.nw-yr th,.nw-yr td{padding:4px 12px;border:1px solid var(--line-2);text-align:right}
.nw-yr th{font-size:11px;color:var(--muted);font-weight:600;background:#FAFBFC}.nw-yr td:first-child{text-align:left;color:var(--muted)}
.nw-em{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.nw-li{font-size:11.5px;font-weight:600;color:#0A66C2;text-decoration:none;border:1px solid #CFE0F3;border-radius:4px;padding:0 6px;line-height:18px;background:#F3F8FD;white-space:nowrap}
.nw-li.on{background:#0A66C2;color:#fff;border-color:#0A66C2}.nw-li:hover{text-decoration:underline}
.nw-em b{color:var(--ink)}
.nw-kp .nw-kh span{flex:1 1 300px}
@media (max-width:900px){
 .nw-bar h1{width:100%}.nw-bar input[name=q]{flex:1 1 100%}.nw-bar select{flex:1 1 40%;max-width:none}
 .nw-l{max-height:38vh}.nw-r{overflow:visible}.nw-facts>div{flex:1 1 45%}
 .nw-t th,.nw-t td{padding:7px 10px}.nw-cf label{flex:1 1 45%}
 .nw-yr{display:block;overflow-x:auto}
}
/* resizable left menu */
.side-rs{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;z-index:30}
.side-rs:hover{background:rgba(255,255,255,.25)}
@media (min-width:901px){:root[style*="--sbw"] .side{flex:0 0 var(--sbw);max-width:var(--sbw);width:var(--sbw)}.side{position:sticky}}
@media (max-width:900px){.side-rs{display:none}}
/* compact people table */
.nw-t td.num,.nw-t th.num{width:1%;white-space:nowrap;text-align:right;padding-right:20px}
.nw-t .nowrap{white-space:nowrap}
.nw-pt th:nth-child(3),.nw-pt td:nth-child(3),.nw-pt th:nth-child(4),.nw-pt td:nth-child(4),.nw-pt th:nth-child(5),.nw-pt td:nth-child(5){width:1%;white-space:nowrap}
.nw-ml{color:#0A66C2;font-weight:600;text-decoration:underline;text-underline-offset:2px}
/* mails drawer */
.nw-drawer{position:fixed;top:0;right:0;bottom:0;width:min(720px,94vw);background:#fff;border-left:1px solid var(--line);box-shadow:-12px 0 32px rgba(15,23,42,.14);z-index:140;display:flex;flex-direction:column}
.nw-dh{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff}
.nw-dh b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nw-db{overflow-y:auto;flex:1;min-height:0}
.nw-db .mi2{grid-template-columns:84px minmax(120px,170px) minmax(0,1fr) 54px}
@media (max-width:800px){.nw-db .mi2{grid-template-columns:1fr}}
.nw-kt-note{font-size:11px}
/* Network polish */
.nw-bar{flex-wrap:wrap;row-gap:8px}
.nw-bar select{max-width:none}
.nw-co{padding:10px 14px;gap:2px 12px}
.nw-co .nw-n b{font-size:14px}
.nw-pill{display:inline-flex;gap:4px;align-items:baseline;font-size:12px;color:var(--muted);background:#F3F5F8;border-radius:999px;padding:2px 9px;white-space:nowrap}
.nw-pill b{color:var(--ink);font-weight:700}.nw-pill i{font-style:normal;opacity:.5}
.nw-when{font-size:11.5px;color:var(--muted);margin-top:3px}
.nw-co .nw-m{gap:0}
.nw-ch{display:flex;align-items:center;gap:14px;justify-content:flex-start}
.nw-av{flex:0 0 46px;height:46px;border-radius:10px;background:#0F172A;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;letter-spacing:.5px}
.nw-tt{min-width:0;flex:1}.nw-tt h2{margin:0;font-size:20px;line-height:1.2}
.nw-stats{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted);margin-top:4px;align-items:center}
.nw-st1{background:#F3F5F8;border-radius:6px;padding:2px 8px;color:var(--ink);text-decoration:none!important}
.nw-st1 b{font-weight:700}
.nw-nofacts{background:#FAFBFC;border:1px dashed var(--line);border-radius:8px;padding:8px 12px;margin:10px 0 6px}
.nw-kh h3{white-space:nowrap}
.nw-drawer[hidden]{display:none}
.nw-flt{font-size:12.5px;background:#F3F5F8;border-radius:8px;padding:6px 12px;margin:-2px 0 10px;display:flex;gap:10px;align-items:center}.nw-flt.err{background:#FDECEC}
.nw-dlg{border:1px solid var(--line);border-radius:12px;padding:18px;width:min(520px,92vw)}.nw-dlg::backdrop{background:rgba(15,23,42,.35)}
.nw-dlg h3{margin:0 0 4px}.nw-dlg textarea{width:100%;margin-top:8px}.nw-dlgb{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
/* ---------- Company header (v2) ---------- */
.nw-card{padding:16px 18px 12px}
.cx-head{display:flex;align-items:center;gap:14px}
.cx-id{flex:1;min-width:0}.cx-id h2{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.2px}
.cx-sub{font-size:12.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cx-sub a{color:inherit}
.cx-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cx-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}
.cx-btn:hover{border-color:#94A3B8;background:#F8FAFC}
.cx-btn.li{background:#0A66C2;border-color:#0A66C2;color:#fff}.cx-btn.li:hover{background:#004182}
.cx-btn .in{font-weight:800;font-size:11px;background:#fff;color:#0A66C2;border-radius:3px;padding:0 3px;line-height:15px}
.cx-btn.ghost{border-color:transparent;color:var(--muted);font-weight:500}.cx-btn.ghost:hover{color:#B42318;background:#FEF3F2}
.cx-kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:14px 0 10px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cx-kpi .k{padding:9px 12px;border-right:1px solid var(--line-2);display:flex;flex-direction:column;gap:1px;text-decoration:none;color:var(--ink);min-width:0}
.cx-kpi .k:last-child{border-right:0}
.cx-kpi .k b{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-kpi .k span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-kpi a.k:hover{background:#F3F8FD}.cx-kpi a.k span{color:#0A66C2;font-weight:600}
.cx-kpi .k.na b{color:#94A3B8;font-weight:500}
.cx-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;margin:0 0 8px}.cx-meta i{font-style:normal;color:var(--muted)}.cx-meta .src{color:var(--muted);margin-left:auto}
.cx-find{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.cx-find .lbl{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-right:4px}
.cx-find a{font-size:12px;padding:3px 10px;border-radius:999px;background:#F1F5F9;color:var(--ink);text-decoration:none;border:1px solid transparent}
.cx-find a:hover{border-color:#0A66C2;color:#0A66C2;background:#fff}
.nw-ed{margin-top:10px}.nw-ed>summary{font-size:12px;color:var(--muted);cursor:pointer;list-style:none}.nw-ed>summary::-webkit-details-marker{display:none}
.nw-ed:not([open])>summary{display:none}.nw-ed[open]>summary{font-weight:600;color:var(--ink);margin-bottom:4px}
.nw-ed[open]{border-top:1px solid var(--line-2);padding-top:10px}
.nw-kh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cx-tag{font-size:11px;padding:2px 8px;border-radius:999px;background:#F1F5F9;color:var(--muted);font-weight:600;cursor:default}
.cx-tag.warm{background:#FFF7ED;color:#9A3412}
.nw-kp>.small.muted{margin:6px 0 2px}
@media (max-width:1100px){.cx-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}.cx-kpi .k:nth-child(3){border-right:0}.cx-kpi .k:nth-child(n+4){border-top:1px solid var(--line-2)}}
@media (max-width:700px){.cx-head{flex-wrap:wrap}.cx-act{width:100%;justify-content:flex-start}.cx-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-kpi .k{border-right:1px solid var(--line-2)!important;border-top:1px solid var(--line-2)}.cx-kpi .k:nth-child(-n+2){border-top:0}.cx-kpi .k:nth-child(2n){border-right:0!important}.cx-meta .src{margin-left:0}}
.nw-kh .cx-tag,.nw-kp .nw-kh span.cx-tag{flex:0 0 auto}
.nw-cg .nw-cl{gap:6px}.nw-cg .nw-cl .btn{font-size:12px;padding:3px 10px;border-radius:999px;background:#F1F5F9;border:1px solid transparent;font-weight:500}
.nw-cg .nw-cl .btn:hover{border-color:#0A66C2;color:#0A66C2;background:#fff}
.nw-kf{display:grid;grid-template-columns:1.2fr 1.2fr .8fr 1.4fr auto;gap:6px;align-items:center}.nw-kf .nw-msg{grid-column:1/-1}
.nw-kf input{height:32px;font-size:12.5px;padding:4px 10px}
@media (max-width:900px){.nw-kf{grid-template-columns:1fr 1fr}}
.nw-yr{width:100%}.nw-yr{margin:0 0 8px}
.nw-kf input{min-width:0;width:100%;flex:none}.nw-kf .btn{white-space:nowrap}.nw-kf{margin-top:10px}
/* tighter frame: thin overlay scrollbar on the menu, smaller page gutter */
.side{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.side::-webkit-scrollbar{width:6px}.side::-webkit-scrollbar-track{background:transparent}.side::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:3px}
@media (min-width:901px){main{padding-left:16px;padding-right:16px}}
/* Network toolbar: one tight row */
.nw-bar{gap:6px;margin-bottom:8px}
.nw-bar h1{font-size:18px}
.nw-bar select,.nw-bar input[name=q],.nw-bar .btn{height:30px;font-size:12.5px;padding:2px 8px}
.nw-bar select{flex:0 0 auto;width:auto;max-width:200px}
.nw-bar input[name=q]{flex:1 1 160px;max-width:300px}
.nw-bar .nw-vt a{padding:5px 10px;font-size:12.5px}
main:has(.nw-bar){gap:8px;padding-top:10px!important}
/* resizable table columns */
.nw-t th{position:relative}
.col-rs{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;z-index:2}
.col-rs:hover,.rs-drag .col-rs.on{background:linear-gradient(90deg,transparent 3px,#0F172A 3px,#0F172A 4px,transparent 4px)}
table.nw-t.fixed{table-layout:fixed}.nw-t.fixed td{overflow:hidden;text-overflow:ellipsis}
.nw-t .nw-em{flex-wrap:nowrap}.nw-t.fixed .nw-em{flex-wrap:wrap}
/* menu scrolls with the wheel, no visible scrollbar; minimal gutter */
.side{scrollbar-width:none!important}.side::-webkit-scrollbar{display:none!important;width:0!important}
@media (min-width:901px){main{padding-left:10px!important;padding-right:12px!important}}
.nw-src{display:inline-flex;background:#E2E8F0;border-radius:9px;padding:2px;gap:2px;flex:0 0 auto}
.nw-src a{padding:5px 12px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap}
.nw-src a.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,23,42,.12)}
.nw-bar h1.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cx-note{font-size:12.5px;background:#FFFBEB;border:1px solid #FDE68A;border-radius:8px;padding:6px 10px;margin:-2px 0 10px;white-space:pre-line}
.cx-imgs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.cx-imgs img{height:84px;border-radius:8px;border:1px solid var(--line);object-fit:cover}
.cx-imgs .pdf{display:flex;align-items:center;justify-content:center;width:64px;height:84px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--ink)}
.nw-fg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.nw-fg label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.nw-fg .full{grid-column:1/-1}
.nw-fg input,.nw-fg textarea{width:100%;min-width:0}
.nw-more{display:contents}.nw-more>summary{list-style:none;cursor:pointer;color:#0A66C2!important;font-weight:600!important}.nw-more>summary::-webkit-details-marker{display:none}
.nw-more[open]>summary{display:none}.nw-more>.nw-cl{display:contents}
.cx-imgs img{max-width:200px;width:auto}
/* decision-maker finder */
.dm{border:1px solid var(--line);border-radius:10px;margin:10px 0 12px;overflow:hidden}
.dm-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;background:#FAFBFC;border-bottom:1px solid var(--line-2);font-size:13px}
.dm-h label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.dm-h select{height:28px;font-size:12.5px;padding:2px 8px;width:auto}
.dm-all{margin-left:auto;font-size:12px;font-weight:600;color:#0A66C2;text-decoration:none}
.dm-g{display:grid;grid-template-columns:190px minmax(0,1fr);gap:10px;padding:7px 12px;border-bottom:1px solid var(--line-2);align-items:start}.dm-g:last-child{border-bottom:0}
.dm-gl b{display:block;font-size:12.5px}.dm-gl span{font-size:11px;color:var(--muted)}
.dm-r{display:flex;flex-wrap:wrap;gap:5px}
.dm-r a{font-size:12px;padding:3px 9px;border-radius:999px;background:#F1F5F9;color:var(--ink);text-decoration:none;border:1px solid transparent;white-space:nowrap}
.dm-r a:hover{border-color:#0A66C2;color:#0A66C2;background:#fff}
.dm-g.lead{background:#FFFBF5}.dm-g.lead .dm-r a{background:#FFF1E0}
@media (max-width:800px){.dm-g{grid-template-columns:1fr;gap:4px}.dm-all{margin-left:0}}
.dm .dm-h label{flex-direction:row!important}.dm-g{padding:5px 12px}.dm-gl span{line-height:1.3}
.rs-top{display:flex;align-items:center;gap:14px}.rs-top h1{margin:0;font-size:22px}.rs-top>div:nth-child(2){flex:1;min-width:0}
.rs-links{display:flex;flex-wrap:wrap;gap:6px}
.dm-g:only-of-type{grid-template-columns:170px minmax(0,1fr)}
.dm{background:#fff}
.cx-type{display:inline-flex;background:#F1F5F9;border-radius:8px;padding:2px;gap:2px;margin-right:4px}
.cx-type button{border:0;background:none;font-size:12px;font-weight:600;color:var(--muted);padding:4px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}
.cx-type button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,23,42,.12)}
.nw-vtag{font-style:normal;font-size:10.5px;padding:0 5px;border-radius:4px;background:#EEF2FF;color:#3730A3;margin-left:4px;vertical-align:1px}
/* account groups + sales link */
.cx-bk{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 0}
.cx-bk .lbl{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-right:2px}
.cx-bk button{font-size:12px;padding:3px 11px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;font-weight:500}
.cx-bk button.on.bk-must_mine{background:#14532D;border-color:#14532D;color:#fff}
.cx-bk button.on.bk-good_fit{background:#DCFCE7;border-color:#86EFAC;color:#14532D}
.cx-bk button.on.bk-watch{background:#FEF3C7;border-color:#FCD34D;color:#78350F}
.cx-bk button.on.bk-not_suitable{background:#F1F5F9;border-color:#CBD5E1;color:#64748B;text-decoration:line-through}
.nw-bk,.nw-cl-tag{font-style:normal;font-size:10.5px;padding:0 5px;border-radius:4px;margin-left:4px;vertical-align:1px;white-space:nowrap}
.nw-bk.bk-must_mine{background:#14532D;color:#fff}.nw-bk.bk-good_fit{background:#DCFCE7;color:#14532D}.nw-bk.bk-watch{background:#FEF3C7;color:#78350F}.nw-bk.bk-not_suitable{background:#F1F5F9;color:#64748B}
.nw-cl-tag{background:#E0F2FE;color:#075985}.nw-cl-tag.prospect{background:#F5F3FF;color:#5B21B6}.nw-cl-tag.lost,.nw-cl-tag.ended{background:#F1F5F9;color:#64748B}
.cx-head{flex-wrap:wrap;row-gap:8px}.cx-id{min-width:200px}.cx-act{margin-left:auto}
/* Leader tasks */
.tk-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.tk-bar h1{margin:0;font-size:20px}
.tk.nw[data-resize]{grid-template-columns:var(--lw,280px) minmax(0,1fr)}
.tk-new{display:grid;grid-template-columns:minmax(0,2.2fr) 1fr 1fr .7fr 1fr auto;gap:6px;margin-top:12px;align-items:center}
.tk-new input,.tk-new select{height:32px;font-size:12.5px;padding:3px 8px;min-width:0;width:100%}.tk-new .tk-notes{grid-column:1/-1}
.tk-t td{vertical-align:top}.tk-ti{display:flex;align-items:baseline;gap:8px}
.tk-dot{width:8px;height:8px;border-radius:50%;background:#94A3B8;flex:0 0 8px;display:inline-block}
tr.p-high .tk-dot{background:#B42318}tr.p-low .tk-dot{background:#CBD5E1}
tr.late{background:#FFF8F7}tr.done{opacity:.55}tr.done b{text-decoration:line-through}
.tk-red{color:#B42318}.tk-meta{font-size:11px;color:var(--muted);margin-top:2px}
.tk-t select,.tk-t input{height:28px;font-size:12px;padding:2px 6px;width:auto}
.tk-acts{display:flex;gap:4px;align-items:center}
.tk-a{font-size:12px;font-weight:600;padding:4px 9px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;cursor:pointer;white-space:nowrap}
.tk-a:hover{border-color:#94A3B8}.tk-a.wa{border-color:#25D366;color:#075E54}.tk-a.off{opacity:.4;cursor:not-allowed}
.tk-a.del{border-color:transparent;color:var(--muted)}.tk-a:disabled{opacity:.4;cursor:not-allowed}
.cx-btn.wa{border-color:#25D366;color:#075E54}
.tk-link{border:0;background:none;color:#0A66C2;font-size:12px;cursor:pointer;padding:0;text-decoration:underline}
.tk-hist{padding:4px 16px 16px;font-size:12.5px;display:grid;gap:4px}
.tk-dlg{width:min(680px,94vw)}.tk-mh{display:flex;gap:10px;align-items:baseline;margin-bottom:8px}.tk-subj{font-weight:600;margin-bottom:6px}
.tk-body{border:1px solid var(--line);border-radius:8px;padding:12px;max-height:50vh;overflow:auto;background:#fff}
@media (max-width:900px){.tk-new{grid-template-columns:1fr 1fr}.tk-new input[name=title]{grid-column:1/-1}.tk-acts{flex-wrap:wrap}}
.tk-body table{width:100%}
/* leader reminder banner */
.tka{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:150;width:min(640px,94vw);background:#fff;border:2px solid #B42318;border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.25);padding:12px 14px}
.tka-h{display:flex;flex-direction:column;margin-bottom:6px}.tka-h b{color:#B42318}.tka-h span{font-size:12px;color:var(--muted)}
.tka-r{display:flex;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line-2)}.tka-r>div{flex:1;min-width:0}
@media (max-width:700px){.tka-r{flex-wrap:wrap}}
.tk-new{grid-template-columns:minmax(0,2fr) 1fr 1fr 1fr .7fr auto}
.tk-l{display:flex;flex-direction:column;font-size:10.5px;color:var(--muted);gap:1px}
.tk-freq{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:12.5px}
.tk-freq select{width:auto}.tk-esc input{width:52px;height:28px;padding:2px 6px;text-align:center}
.tk-ch{display:flex;gap:10px;flex-wrap:wrap}.tk-ch label{display:flex;gap:4px;align-items:center}.tk-ch input{width:auto;height:auto}
.tk-auto{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:8px 12px;border-radius:8px;background:#F8FAFC;border:1px solid var(--line);font-size:12.5px}
.tk-auto span{flex:1;color:var(--muted)}.tk-auto.on{background:#F0FDF4;border-color:#86EFAC}.tk-auto form{margin:0}
.tk-ok{color:#166534}
.tk-who{position:relative}.tk-who>summary{list-style:none;height:32px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:8px;font-size:12.5px;cursor:pointer;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-who>summary::-webkit-details-marker{display:none}.tk-who>summary::after{content:"▾";margin-left:auto;padding-left:6px;color:var(--muted)}
.tk-who[open] .tk-whol{position:absolute;z-index:20;top:36px;left:0;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.14);padding:8px}
.tk-whol{display:grid;gap:4px;font-size:13px}.tk-whol label{display:flex;gap:8px;align-items:center;padding:3px 4px;border-radius:4px;cursor:pointer}.tk-whol label:hover{background:#F1F5F9}
.tk-whol input{width:auto;height:auto}.tk-whol .all{font-weight:600;border-bottom:1px solid var(--line-2);padding-bottom:6px;margin-bottom:2px}
.tk-rep{font-style:normal;font-size:11px;color:#5B21B6;background:#F5F3FF;border-radius:4px;padding:0 5px;margin-left:6px;white-space:nowrap}
.tk-whol label,.tk-ch label{flex-direction:row!important;align-items:center;font-size:13px;color:var(--ink)}
.tk-whol input[type=checkbox],.tk-ch input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;flex:0 0 16px}
.tk-t th:first-child,.tk-t td:first-child{min-width:260px}
.tk-t .tk-due{width:178px}.tk-t td{padding:8px 10px}
.tk-new select[name=priority]{min-width:84px}
.tk .nw-r{overflow-x:hidden}.tk-tw{overflow-x:auto}
.tk-t th:first-child,.tk-t td:first-child{min-width:220px}.tk-t .tk-due{width:165px;font-size:11.5px}
.tk-t select{max-width:150px}
.tk-reply{font-size:12px;color:#075985;background:#F0F9FF;border-radius:6px;padding:3px 8px;margin-top:4px}
.tk-reply{font-size:12px;background:#F0F9FF;border-left:3px solid #0A66C2;padding:3px 8px;margin-top:4px;border-radius:0 4px 4px 0}
/* mobile / tablet: Mailbox folder chips stay pinned under the header while the list scrolls */
@media (max-width:1100px){
 .mbx{overflow:visible!important}
 .mbx-f{position:sticky;top:var(--hdr,0px);z-index:60;background:#FAFBFC;box-shadow:0 2px 6px rgba(15,23,42,.06)}
 .mbx-l .mbx-s{position:sticky;top:calc(var(--hdr,0px) + var(--fh,48px));z-index:55;background:#fff}
}
@media (max-width:1100px){
 .mbx-f{align-items:center;padding:6px 8px}
 .mbx-fh{display:flex;gap:4px;flex:none;align-items:center}
 .mbx-fh select{height:32px;min-height:0;width:auto;max-width:120px;padding:2px 8px;font-size:13px}
 .mbx-fl{height:32px;display:flex;align-items:center}
}
.mbx-fs{display:contents}
[data-sortable] [data-key]{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}
[data-sortable] .sorting{opacity:.7;outline:2px dashed #0A66C2;outline-offset:1px;cursor:grabbing}
.sorting-box [data-key]{touch-action:none}
@media (max-width:1100px){.mbx-none{display:none}}
.ck{display:inline-block;font-size:10.5px;font-weight:600;padding:0 6px;border-radius:4px;margin-right:4px;line-height:18px}
.ck-internal{background:#F1F5F9;color:#475569}.ck-external{background:#E0F2FE;color:#075985}.ck-mixed{background:#FEF3C7;color:#92400E}
/* ---------- Mailbox, phone layout: LinkedIn-style chips and spacious rows ---------- */
.m2-av{display:none}
@media (max-width:1100px){
 .mbx-f{gap:8px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--line)}
 .mbx-fl{height:38px;padding:0 16px;border:1.5px solid #64748B;border-radius:999px;font-size:15px;font-weight:600;color:#334155;background:#fff;gap:6px}
 .mbx-fl b{font-weight:700;color:#475569;font-size:13px}
 .mbx-fl.on{background:#044EB7;border-color:#044EB7;color:#fff}.mbx-fl.on b{color:#fff}
 .mbx-fl b.hot{color:#B42318}.mbx-fl.on b.hot{color:#fff}
 .mbx-fh{padding-right:8px;margin-right:2px;border-right:1px solid var(--line)}
 .mbx-fh select{height:38px;border-radius:999px;border:1.5px solid #64748B;font-weight:600;font-size:14px;padding:0 10px}
 .mbx-lh{padding:10px 16px;font-size:13px}.m2-tip{display:none}
 .mi2w .mi2{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"av from when" "av mail mail" "av meta meta";gap:2px 12px;padding:14px 16px;border-left-width:3px}
 .m2-av{display:flex;grid-area:av;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;background:hsl(var(--h,210) 45% 42%);align-self:start;margin-top:2px}
 .m2-from{grid-area:from;min-width:0}.m2-from b{font-size:16px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .m2-from span{font-size:12.5px;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .m2-when{grid-area:when;flex-direction:column;align-items:flex-end;text-align:right;gap:2px}.m2-when b{font-size:12.5px;font-weight:500;color:var(--muted)}
 .m2-mail{grid-area:mail;min-width:0}.m2-s{font-size:14.5px;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
 .m2-g{font-size:14px;color:#64748B;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .m2-meta{grid-area:meta;flex-direction:row!important;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
 .m2-meta .m2-to{display:none}
 .mi2-fwd{top:auto!important;bottom:12px;right:12px}
}
@media (max-width:1100px){.m2-meta{padding-right:76px}.mi2-fwd{bottom:14px!important;padding:4px 12px;border-radius:999px;border-color:#64748B}}
/* three communication colours: pure internal · pure external · mixed */
:root{--ck-internal:#15803D;--ck-external:#044EB7;--ck-mixed:#C2410C}
.ck-internal{background:#DCFCE7;color:#14532D}.ck-external{background:#DBEAFE;color:#1E3A8A}.ck-mixed{background:#FFEDD5;color:#7C2D12}
.mi2.ckr-internal,.mi2.ckr-external,.mi2.ckr-mixed{border-left-width:4px}
.ckf::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;flex:none}
.ckf-internal::before{background:var(--ck-internal)}.ckf-external::before{background:var(--ck-external)}.ckf-mixed::before{background:var(--ck-mixed)}
.mbx-fl.on.ckf-internal{background:var(--ck-internal);border-color:var(--ck-internal);color:#fff}
.mbx-fl.on.ckf-external{background:var(--ck-external);border-color:var(--ck-external);color:#fff}
.mbx-fl.on.ckf-mixed{background:var(--ck-mixed);border-color:var(--ck-mixed);color:#fff}
.mbx-fl.on.ckf::before{background:#fff}
.mi2[class*="ckr-"] .mi-lab{color:#475569}.mi2[class*="ckr-"] .mi-lab::before{background:#94A3B8}
:root{--ck-gmail:#7E22CE}
.ck-gmail{background:#F3E8FF;color:#581C87}.ckf-gmail::before{background:var(--ck-gmail)}
.mbx-fl.on.ckf-gmail{background:var(--ck-gmail);border-color:var(--ck-gmail);color:#fff}

/* mail translation */
.lang-b{display:inline-block;font:600 10px/1 var(--font,inherit);letter-spacing:.04em;padding:3px 5px;border-radius:4px;background:#0f172a;color:#fff;margin-right:4px;vertical-align:middle}
.trbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:13px}
.tr-out{white-space:pre-wrap;margin:8px 0;padding:10px 12px;border-left:3px solid #0f172a;background:#f8fafc;border-radius:6px;font-size:13px;line-height:1.5}
.tr-out .tr-h{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:6px;white-space:normal}

/* leader working hours */
.tk-hrs{margin-top:4px;font-size:12px}.tk-hrs summary{cursor:pointer;color:#334155;list-style:none}.tk-hrs summary::-webkit-details-marker{display:none}
.tk-hrsf{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:6px;padding:8px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}
.tk-hrsf label{display:flex;flex-direction:column;gap:2px;font-size:11px;color:#64748b}.tk-hrsf input,.tk-hrsf select{font-size:13px;padding:4px 6px}
.tk-hrsf .small{flex-basis:100%}
.iv-when{display:inline-block;font-size:11px;font-weight:600;color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;margin-right:4px;white-space:nowrap}
.tr-out .tr-e{color:#334155;margin-bottom:8px;white-space:normal}
.tk-new{grid-template-columns:minmax(200px,2fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,.7fr) auto}@media (max-width:900px){.tk-new{grid-template-columns:1fr 1fr}}
.iv-day{position:sticky;top:0;z-index:2;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:6px 14px;font-size:12px;font-weight:700;color:#0f172a;letter-spacing:.02em}

/* ---------- Mailbox on phones: folders as a left pane (big while choosing, a strip after a pick) ---------- */
.mbx-ftog{display:none}
@media (max-width:900px){
 .mbx[data-resize]{display:grid!important;grid-template-columns:minmax(0,64%) minmax(0,1fr)!important;align-items:start;transition:grid-template-columns .2s ease}
 .mbx.fmin[data-resize]{grid-template-columns:44px minmax(0,1fr)!important}
 .mbx-f{display:block!important;position:sticky!important;top:var(--hdr,0px)!important;height:calc(100vh - var(--hdr,0px));overflow-y:auto!important;overflow-x:hidden!important;
  padding:8px 6px 24px!important;border-right:1px solid var(--line)!important;border-bottom:0!important;box-shadow:none!important;background:#FAFBFC!important;white-space:normal!important}
 .mbx-f .mbx-fh{display:flex!important;flex-direction:column;gap:6px;margin-bottom:8px}
 .mbx-f .mbx-fh select{max-width:none!important;width:100%!important;height:38px!important;font-size:14px!important}
 .mbx-f .mbx-fl{display:flex!important;width:100%;justify-content:space-between;align-items:center;height:44px!important;padding:0 10px!important;margin:0 0 2px!important;
  border:0!important;border-radius:8px!important;background:transparent!important;font-size:15px!important;font-weight:500!important;color:#1e293b!important;white-space:nowrap}
 .mbx-f .mbx-fl span{overflow:hidden;text-overflow:ellipsis}
 .mbx-f .mbx-fl.on{background:#E8F0FE!important;color:#044EB7!important;font-weight:700!important}
 .mbx-f .mbx-fg{display:block!important;margin:12px 10px 4px}
 .mbx-l{overflow:visible!important;min-width:0}
 .mbx-l .mbx-s{top:var(--hdr,0px)!important}
 .mbx-f .mbx-fl.ckf{justify-content:flex-start;gap:8px}.mbx-f .mbx-fl b{margin-left:auto}
 /* strip */
 .mbx.fmin .mbx-f{padding:6px 0!important;overflow:hidden!important}
 .mbx.fmin .mbx-f>*:not(.mbx-ftog){display:none!important}
 .mbx.fmin .mbx-ftog{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;border:0;background:none;padding:8px 0;cursor:pointer;color:#044EB7}
 .mbx-ftog-i{font-size:20px;line-height:1}
 .mbx-ftog-t{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;font-weight:700;letter-spacing:.02em;color:#1e293b;white-space:nowrap}
 .mbx:not(.fmin) .mbx-l{opacity:.55}
}
.m2-when b{white-space:nowrap}
/* ---------- Mailbox: calm colours — only the thin left stripe carries the internal / external / mixed / Gmail colour ---------- */
.mbx .m2-av{background:#E2E8F0!important;color:#334155!important}
.mbx .ck{background:transparent!important;color:#64748B!important;border:1px solid #CBD5E1;font-weight:500}
.mbx .lang-b{background:#fff;color:#334155;border:1px solid #94A3B8}
.mbx .iv-when{background:#fff}
.mbx .us-tag,.mbx .mi-esc,.mbx .mi-sim{background:transparent!important;color:#475569!important;border:1px solid #CBD5E1}
.mbx .m2-s{color:#0f172a!important}

/* Requirement flow: recruiter scorecard */
.rcs{width:100%;border-collapse:collapse;font-size:13px}.rcs th,.rcs td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.rcs th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:600;background:#f8fafc}
.rcs .num{text-align:right;white-space:nowrap}.rcs-n{border:0;background:none;padding:0;font:inherit;font-weight:600;color:#0f172a;cursor:pointer}
.rcs-d>td{background:#f8fafc;padding:6px 10px 12px}.rcs-in{width:100%;border-collapse:collapse;font-size:12.5px;background:#fff;border:1px solid var(--line)}
.rcs-in th,.rcs-in td{padding:6px 8px;border-bottom:1px solid var(--line-2,#eef2f6)}
.m2-ft{display:flex!important;align-items:baseline;gap:4px;min-width:0;white-space:nowrap;overflow:hidden;font-size:12.5px;color:var(--muted)}
.m2-ft i{font-style:normal;overflow:hidden;text-overflow:ellipsis;min-width:0}.m2-ft em{font-style:normal;color:#94A3B8;flex:none}.m2-ft small{flex:none;font-size:11px;color:#64748B}
@media (max-width:1100px){
 .mi2w .mi2{grid-template-areas:"av from when" "av ft ft" "av mail mail" "av meta meta"}
 .mi2w .m2-from{display:contents}.mi2w .m2-from>b{grid-area:from;min-width:0}
 .mi2w .m2-from .m2-ft{grid-area:ft;margin-bottom:2px}
}
/* stripe colours: internal green · incoming external blue · team in cc yellow · outgoing to client only orange · Gmail purple */
:root{--ck-mixed:#CA8A04;--ck-outgoing:#EA580C}
.ckf-outgoing::before{background:var(--ck-outgoing)}.ckf-mixed::before{background:var(--ck-mixed)}
.mbx-fl.on.ckf-outgoing{background:var(--ck-outgoing);border-color:var(--ck-outgoing);color:#fff}
.mbx-fl.on.ckf-mixed{background:var(--ck-mixed);border-color:var(--ck-mixed);color:#fff}
/* ---------- five mail kinds (one colour each, everywhere mails are listed) ---------- */
:root{--ck-internal:#044EB7;--ck-mixed:#CA8A04;--ck-outgoing:#EA580C;--ck-in_cc:#15803D;--ck-in_direct:#DC2626}
.ck{display:inline-flex!important;align-items:center;gap:5px}
.ck::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ckc,#94A3B8);flex:none}
.ck-internal{--ckc:var(--ck-internal)}.ck-mixed{--ckc:var(--ck-mixed)}.ck-outgoing{--ckc:var(--ck-outgoing)}.ck-in_cc{--ckc:var(--ck-in_cc)}.ck-in_direct{--ckc:var(--ck-in_direct)}
.ckf-internal::before{background:var(--ck-internal)}.ckf-mixed::before{background:var(--ck-mixed)}.ckf-outgoing::before{background:var(--ck-outgoing)}
.ckf-in_cc::before{background:var(--ck-in_cc)}.ckf-in_direct::before{background:var(--ck-in_direct)}
.mbx-fl.on.ckf-internal{background:var(--ck-internal);border-color:var(--ck-internal);color:#fff}
.mbx-fl.on.ckf-mixed{background:var(--ck-mixed);border-color:var(--ck-mixed);color:#fff}
.mbx-fl.on.ckf-outgoing{background:var(--ck-outgoing);border-color:var(--ck-outgoing);color:#fff}
.mbx-fl.on.ckf-in_cc{background:var(--ck-in_cc);border-color:var(--ck-in_cc);color:#fff}
.mbx-fl.on.ckf-in_direct{background:var(--ck-in_direct);border-color:var(--ck-in_direct);color:#fff}
.mh-ck,.mp-ck{margin-left:6px}
@media (min-width:1101px){
 .mi2{grid-template-columns:150px minmax(170px,230px) minmax(0,1fr) 190px!important}
 .mbx-fl.ckf{justify-content:flex-start}.mbx-fl.ckf b{margin-left:auto}
}
@media (min-width:1101px) and (max-width:1300px){.mi2{grid-template-columns:140px minmax(150px,200px) minmax(0,1fr)!important}}
/* kind colour on the avatar + a light tint over the whole mail row */
.mbx .mi2[class*="ckr-"] .m2-av{background:var(--stripe)!important;color:#fff!important}
.mbx .mi2[class*="ckr-"]{background:color-mix(in srgb,var(--stripe) 7%,#fff)}
.mbx .mi2[class*="ckr-"]:hover{background:color-mix(in srgb,var(--stripe) 13%,#fff)}
@media (min-width:1101px){.mbx .m2-av{display:none!important}}
.rcs-p{margin:2px 0}.rcs-st{font-size:11px;padding:1px 6px;border-radius:4px;border:1px solid #CBD5E1;color:#334155}.rcs-to_client{border-color:#15803D;color:#15803D}.rcs-rejected{border-color:#DC2626;color:#DC2626}

/* mail opens in the side pane (phones: full screen with a Back button) */
.rp-back .rp-bk-t{display:none}
@media (max-width:1199px){.rp-back{width:auto!important;padding:0 12px!important;font-weight:600;font-size:14px;order:-1;margin-right:auto}.rp-back .rp-bk-t{display:inline}.rp-back .rp-bk-x{display:none}
 .rp-top #gpFull{display:none}}
.tr-full{margin-top:8px}.tr-full summary{cursor:pointer;font-size:12px;color:#044EB7}
:root{--ck-resume:#0D9488}.ck-resume{--ckc:var(--ck-resume)}.ckf-resume::before{background:var(--ck-resume)}
.mbx-fl.on.ckf-resume{background:var(--ck-resume);border-color:var(--ck-resume);color:#fff}
/* My team */
.tm{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}
.tm-l{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}
.tm-m{display:flex;flex-direction:column;padding:8px 10px;border-radius:8px;text-decoration:none;color:#0f172a}.tm-m span{font-size:12px;color:#64748b}
.tm-m.on{background:#E8F0FE}.tm-m:hover{background:#F1F5F9}
.tm-r{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;min-width:0}
.tm-add{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.tm-add input{flex:1 1 180px}
@media (max-width:900px){.tm{grid-template-columns:1fr}}
.ra-pick{display:flex;flex-wrap:wrap;gap:6px 14px;max-height:180px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:8px}
.ra-pick label{display:flex;align-items:center;gap:6px;font-size:13px;flex-direction:row}
/* reply / forward from the mail pane */
.rp-acts{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.cmp{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#F8FAFC;margin:6px 0 12px}
.cmp label{display:flex;flex-direction:column;font-size:12px;color:#64748b;gap:2px}.cmp input,.cmp textarea{font-size:14px;width:100%}
.cmp-h{font-weight:700;font-size:13px}.cmp-ok{color:#15803D;font-weight:700}
.ut-tg{border:0;background:none;cursor:pointer;font-size:13px;width:20px;padding:0;color:#044EB7}
details.tm-t{background:#fff;border:1px solid var(--line);border-radius:10px;margin:0 0 8px}
details.tm-t>summary{cursor:pointer;padding:12px 14px;list-style:none}details.tm-t>summary::-webkit-details-marker{display:none}
details.tm-t>summary::before{content:"▸";display:inline-block;width:16px;color:#044EB7}details.tm-t[open]>summary::before{content:"▾"}
.tm-b{padding:0 14px 12px}
.ut-gh{border:0;background:none;font:inherit;font-weight:700;cursor:pointer;padding:0;color:inherit}
.va-bar{position:sticky;top:0;z-index:70;display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#FEF3C7;border:1px solid #F59E0B;color:#78350F;padding:8px 12px;border-radius:8px;margin:0 0 10px;font-size:13px}
.va-pick{position:absolute;top:12px;right:250px;z-index:60;margin:0}.va-pick select{height:36px;border-radius:8px;font-size:13px;max-width:200px}
@media (max-width:1100px){.va-pick{position:static;margin:0 0 8px}}
/* role colours */
.rb{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;color:var(--rc);background:color-mix(in srgb,var(--rc) 12%,#fff);border:1px solid color-mix(in srgb,var(--rc) 35%,#fff);white-space:nowrap}
.rdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--rc);margin-right:8px;vertical-align:middle}
body[data-rc]{--accent:var(--rc)}
body[data-rc] .side-user,body[data-rc] .sidebar .on,body[data-rc] nav .on{box-shadow:inset 3px 0 0 var(--rc)}
body[data-rc]::before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:var(--rc);z-index:200}
.va-pick{position:static!important;margin:8px 0 0}.va-pick select{width:100%;max-width:none;height:32px;font-size:12.5px}
.ut-ex td{background:#F8FAFC;color:#64748B;font-size:12.5px}.ut-exr td{color:#64748B;background:#FCFCFD}
.gtoast{position:fixed;top:14px;left:50%;transform:translate(-50%,-20px);opacity:0;z-index:300;background:#0f172a;color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:all .25s;max-width:min(90vw,640px)}
.gtoast.show{opacity:1;transform:translate(-50%,0)}
.pl .pl-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px}
.pl-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-radius:6px;margin-bottom:6px}
.pl-h.ok{background:#DCFCE7;color:#14532D}.pl-h.no{background:#FEF3C7;color:#78350F}.pl-h.nv{background:#FEE2E2;color:#7F1D1D}
.pl-r{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;border-bottom:1px solid var(--line-2,#eef2f6);font-size:13px}.pl-r span{color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){.pl .pl-g{grid-template-columns:1fr}}
.pa-p{border-top:1px solid var(--line);padding:8px 0}.pa-p>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.pa-p>summary::-webkit-details-marker{display:none}
.pa-n{background:#0f172a;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px}
.pa-l{display:flex;flex-direction:column;margin:6px 0 0 18px}.pa-i{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;padding:5px 8px;border-radius:6px;text-decoration:none;color:#0f172a;font-size:13px}
.pa-i:hover{background:#F1F5F9}.pa-k{color:#64748b;font-size:12px}.pa-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-s{color:#64748b;font-size:12px;white-space:nowrap}
@media (max-width:700px){.pa-i{grid-template-columns:1fr}}
tr.tm-drag{cursor:grab}tr.tm-drag.dragging{opacity:.5}details.tm-t.drop{outline:2px dashed #044EB7;outline-offset:2px;background:#F0F6FF}
table.utree tr[draggable]{cursor:grab}table.utree tr.dragging{opacity:.45}table.utree tr.drop td{background:#E8F0FE!important;box-shadow:inset 0 0 0 2px #044EB7}
.appr-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0;padding:8px 12px;border-radius:12px;background:#EEF2FF;color:#1E293B!important;font-weight:700;font-size:13px;text-decoration:none}
.appr-tab b{background:#1E293B;color:#fff;border-radius:999px;padding:1px 8px;font-size:12px}
.appr-tab.fresh{background:#EA580C;color:#fff!important;animation:apblink 1.2s ease-in-out infinite}.appr-tab.fresh b{background:#fff;color:#C2410C}
.appr-tab.on{background:var(--rapinno,#044EB7);color:#fff!important}.appr-tab.on b{background:#fff;color:#044EB7}
.nv-new{position:absolute;left:-4px;top:-5px;background:#DC2626;color:#fff;font:700 8.5px/1 system-ui,sans-serif;letter-spacing:.3px;text-transform:uppercase;padding:2px 5px;border-radius:999px;font-style:normal;pointer-events:none;animation:nvpulse 1.4s ease-in-out infinite}
a.nav.has-new{position:relative;box-shadow:inset 3px 0 0 #DC2626}
@keyframes nvpulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.55)}50%{box-shadow:0 0 0 5px rgba(220,38,38,0)}}
@keyframes apblink{0%,100%{background:#EA580C;box-shadow:0 0 0 0 rgba(234,88,12,.6)}50%{background:#DC2626;box-shadow:0 0 0 6px rgba(234,88,12,0)}}
@media (prefers-reduced-motion:reduce){.appr-tab,.nv-new{animation:none}}
.ap-k{font-size:12px;font-weight:600;color:#C2410C}
.va-top{margin:10px 0 0}.va-top select{width:100%;height:34px;border-radius:8px;font-size:12.5px;background:#fff;color:#0f172a}
:root{--ck-incoming:#15803D}.ck-incoming{--ckc:var(--ck-incoming)}.ckf-incoming::before{background:var(--ck-incoming)}.mbx-fl.on.ckf-incoming{background:var(--ck-incoming);border-color:var(--ck-incoming);color:#fff}

:root{--ck-client:#EA580C}.ck-client{--ckc:var(--ck-client)}.ckf-client::before{background:var(--ck-client)}.mbx-fl.on.ckf-client{background:var(--ck-client);border-color:var(--ck-client);color:#fff}

/* users tree: big + / − buttons, easy to tap on a phone */
.ut-tg{display:inline-grid;place-items:center;width:32px;height:32px;min-width:32px;margin-right:8px;border:1.5px solid #044EB7;border-radius:8px;background:#EAF1FC;color:#044EB7;font-size:22px;font-weight:700;line-height:1;padding:0;vertical-align:middle;cursor:pointer}
.ut-tg[aria-expanded="true"]{background:#044EB7;color:#fff}
.ut-tg:active{transform:scale(.94)}
.ut-gh{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;border:0;background:none;cursor:pointer;padding:4px 0}
.ut-pm{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#0A2554;color:#fff;font-size:22px;line-height:1}
.ut-all{min-height:40px;padding:8px 14px;font-weight:600}
@media (max-width:700px){.ut-tg,.ut-pm{width:40px;height:40px;min-width:40px;font-size:26px}.ut-all{min-height:44px;flex:1}}
/* a checkbox / radio and its text sit on one line everywhere (not stacked) */
label:has(> input[type=checkbox]),label:has(> input[type=radio]){flex-direction:row;align-items:center;gap:8px}
label > input[type=checkbox],label > input[type=radio]{width:auto;flex:none;margin:0;min-height:0}
[hidden]{display:none!important}
/* settings tick boxes look like switches (selection boxes in tables / chips stay as tick boxes) */
label:not(.chip):not(.all) > input[type=checkbox]:not(.ubx):not(.att-cb):not([name=uids]):not([name=assignee_ids]){appearance:none;-webkit-appearance:none;width:36px!important;height:20px;border-radius:999px;background:#CBD5E1;position:relative;cursor:pointer;transition:background .15s;flex:none;margin:0;border:0}
label:not(.chip):not(.all) > input[type=checkbox]:not(.ubx):not(.att-cb):not([name=uids]):not([name=assignee_ids])::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
label:not(.chip):not(.all) > input[type=checkbox]:not(.ubx):not(.att-cb):not([name=uids]):not([name=assignee_ids]):checked{background:var(--blue)}
label:not(.chip):not(.all) > input[type=checkbox]:not(.ubx):not(.att-cb):not([name=uids]):not([name=assignee_ids]):checked::after{transform:translateX(16px)}
label:not(.chip):not(.all) > input[type=checkbox]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.btn{transition:background .12s,box-shadow .12s,transform .05s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}

/* ---- Light side menu (Oct 2026): soft white rail, Rapinno blue for the active page ---- */
.side{background:#F7F9FC!important;color:#334155;border-right:1px solid #E3E8F0!important}
.side .brand{background:#fff;border:1px solid #E3E8F0;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.side .sub{color:#64748B!important}
.side .ghead,.side summary.ghead{color:#0F172A!important}
.side summary.ghead:hover{background:#EEF3FA!important}
.side details.navgrp>summary.ghead::after{color:#94A3B8!important}
.side .navgrp.fav .ghead{color:#B45309!important}
.side .nav{color:#334155!important}
.side .nav:hover:not(.on),.side .nav:hover{background:#EAF1FD!important;color:#044EB7!important}
.side .nav.on{background:#E3EDFF!important;color:#044EB7!important;font-weight:600;box-shadow:inset 3px 0 0 #F22A13!important}
.side .star{color:#94A3B8!important}.side .star:hover{background:#EEF3FA!important}.side .star.on{color:#F59E0B!important}
.side .me{border-top:1px solid #E3E8F0!important;color:#0F172A!important}.side .me .muted{color:#64748B!important}.side .me a{color:#044EB7!important}
.side .menu-btn{color:#0F172A!important;border-color:#CBD5E1!important;background:#fff!important}
.side-rs:hover{background:rgba(4,78,183,.18)!important}
/* headings and menu entries in Title Case */
.side .ghead,main h1,main h2,.card>h2,.chip-tab{text-transform:capitalize}
main h3,main h4,main th,.akt>span,.mt-tabs a,.shh b{text-transform:capitalize}
/* boxes: crisp borders, soft depth, blue edge on hover */
main .card,.rp>div,.lv-card,.ab-card,.shc,.akt,.gsearch,.rpn button,.mt-t:first-of-type{border-color:#D9E2EF}
main .card{border:1px solid #D9E2EF;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 14px rgba(15,23,42,.04);transition:border-color .15s,box-shadow .15s}
main .card:hover{border-color:#B9CBEA;box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 22px rgba(4,78,183,.07)}
.lv-card,.ab-card,.rp>div{border:1px solid #D9E2EF;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.lv-card:hover,.ab-card:hover{border-color:#B9CBEA}
.gsearch{border:1px solid #D9E2EF;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.gsearch:focus-within{border-color:#044EB7;box-shadow:0 0 0 3px rgba(4,78,183,.12)}

/* popups open on click only (2nd click closes) */
.akt:not(.open) .akp,.st>div:not(.open) .stp{display:none!important}
.akt.open .akp,.st>div.open .stp{display:block!important}

.side .nsub{font-size:12.5px;font-weight:700;color:#0F172A;padding:6px 12px 2px 20px}
.side .navrow.nin .nav{padding-left:32px;font-size:13px}
/* ---- all phones: small (Fold cover 280px) to large / unfolded (~900px) ---- */
@media (max-width:700px){
 .side:not(.open){gap:6px!important}
 .side:not(.open) .appr-tab,.side:not(.open) .chat-nav,.side:not(.open) .att-nav,.side:not(.open) .call-nav{flex:0 0 auto!important;width:auto!important;margin:0!important;padding:6px 9px!important;font-size:13px;white-space:nowrap;gap:4px;min-height:36px;display:inline-flex!important;align-items:center}
 .side:not(.open) .lbl{display:none}.side:not(.open) .att-nav{display:none!important}
 .side:not(.open) .va-top{flex:0 1 auto;min-width:0;max-width:34vw}.side:not(.open) .va-top select{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}
 main{min-width:0;max-width:100vw}
 main img,main video,main iframe,main canvas,main svg:not([width]){max-width:100%;height:auto}
 main input:not([type=checkbox]):not([type=radio]),main select,main textarea{max-width:100%;min-width:0}
 main form,main .row{max-width:100%;flex-wrap:wrap}
 main table{max-width:100%}
 main .tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
 main pre,main code{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
 main .card,main section,main .grid>*,main [class*=grid]>*{min-width:0}
 main h1,main h2,main h3,main td,main th,main a,main p,main li{overflow-wrap:anywhere}
 .gsearch{flex-wrap:wrap;min-width:0}.gsearch input{min-width:0;flex:1 1 120px}
}
@media (max-width:480px){
 #hp-snipfab,#hp-fab{padding:0!important;width:42px;height:42px;border-radius:50%!important;font-size:0!important;display:inline-flex;align-items:center;justify-content:center}
 #hp-snipfab::before{content:"✂";font-size:17px}#hp-fab::before{content:"?";font-size:18px;font-weight:700}
 #ai-fab{padding:9px 12px;font-size:13px}
}
@media (max-width:360px){
 main{padding:10px 10px 40px!important}
 h1{font-size:19px!important}h2{font-size:16px}
 .side:not(.open){padding:8px 10px!important}
 .side .brand{font-size:18px!important}
 .menu-btn{padding:6px 8px!important;font-size:0!important}.menu-btn svg{width:20px;height:20px}
 .btn{padding-left:9px;padding-right:9px}
 .kp-n{font-size:18px!important}
}
/* unfolded foldables / small tablets: side menu narrower so content keeps room */
@media (min-width:701px) and (max-width:1000px){
 .side{flex:0 0 210px!important;max-width:210px!important}
 main{min-width:0}
 main .tbl{overflow-x:auto}
}
.tbl-auto{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.board-g{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}
@media (max-width:700px){
 main [style*="grid-column:span"]{grid-column:1/-1!important}
 main label{min-width:0;max-width:100%}
 .nw-src{flex-wrap:wrap;max-width:100%}
}
@media (max-width:440px){
 .side:not(.open) .va-top{display:none}
 .side:not(.open) .brand{font-size:18px!important}
 .side:not(.open) .appr-tab,.side:not(.open) .chat-nav,.side:not(.open) .att-nav,.side:not(.open) .call-nav{padding:5px 7px!important;font-size:12.5px}
 .menu-btn{padding:6px 9px!important}
}
@media (max-width:700px){main .chip{white-space:normal;max-width:100%}}
@media (max-width:360px){
 .side:not(.open){flex-wrap:wrap!important;row-gap:6px}
 main .grid,main [class*="-grid"],main .cards,main .two,main .cols{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:700px){.uact-m{min-width:0;width:min(300px,calc(100vw - 24px))}details.card,details{min-width:0;max-width:100%}details>form,details>*{min-width:0;max-width:100%}}
@media (max-width:700px){main input[type=file]{width:100%;font-size:13px}main input,main select{min-width:0!important}main label>input,main label>select,main label>textarea{width:100%}}
@media (max-width:700px){.gsearch{height:auto!important;min-height:42px;row-gap:4px}}
.side .chat-nav{justify-content:flex-start!important;gap:6px}.side .chat-nav #chatN{margin-left:auto}
.ov-nav .nav{width:100%;text-align:left;background:#EEF4FF;border:1px solid #C7D7F5;border-radius:8px;padding:8px 12px;font:inherit;font-weight:600;color:#044EB7;cursor:pointer}
@media (max-width:700px){.side:not(.open) .ov-nav{display:none}}

.side .call-nav{color:#044EB7}
.side:not(.open) .call-nav{background:#E8F0FE;border-radius:999px;color:#044EB7!important}
@media (max-width:400px){.side:not(.open) .brand{font-size:15px!important;padding:6px 8px!important}.side:not(.open){gap:4px!important}.menu-btn{font-size:0!important;padding:6px 8px!important}}
/* floating tools docked as a slim rail on the right edge, faded until used, so they don't cover page text or buttons */
#hp-snipfab,#hp-fab,#ai-fab{position:fixed!important;right:6px!important;left:auto;bottom:auto!important;width:42px!important;height:42px!important;min-height:42px!important;
 padding:0!important;border-radius:50%!important;font-size:0!important;display:inline-flex!important;align-items:center;justify-content:center;opacity:.55;transition:opacity .15s,transform .15s;z-index:69}
#hp-snipfab:hover,#hp-fab:hover,#ai-fab:hover,#hp-snipfab:focus-visible,#hp-fab:focus-visible,#ai-fab:focus-visible,#hp-snipfab:active,#hp-fab:active,#ai-fab:active{opacity:1;transform:scale(1.06)}
#hp-snipfab{top:46%}#hp-fab{top:calc(46% + 50px)}#ai-fab{top:calc(46% + 100px)}
#hp-snipfab::before{content:"✂";font-size:17px}#hp-fab::before{content:"?";font-size:19px;font-weight:700}#ai-fab::before{content:"✦";font-size:18px;color:#fff}
#hp-snipfab[style*="left"],#hp-fab[style*="left"],#ai-fab[style*="left"]{right:auto!important}
@media (min-width:1200px){main{padding-right:64px}}
#nav-fab{opacity:.6;transition:opacity .15s}#nav-fab:hover,#nav-fab:active,#nav-fab.drag{opacity:1}
/* Phones: slimmer, quieter right-edge rail so it never sits on buttons */
@media (max-width:700px){
 #hp-snipfab,#hp-fab,#ai-fab{width:34px!important;height:34px!important;min-height:34px!important;right:3px!important;opacity:.42;box-shadow:0 1px 4px rgba(16,24,40,.18)!important}
 #hp-snipfab::before{font-size:14px}#hp-fab::before{font-size:15px}
 #hp-snipfab{top:58%}#hp-fab{top:calc(58% + 42px)}#ai-fab{top:calc(58% + 84px)}
 #nav-fab{width:44px;height:44px;opacity:.55}
 main{padding-right:30px}
}
/* Browser extension link: desktop only (phone browsers can't add extensions) */
@media (max-width:900px){.ext-nav{display:none!important}}
/* Floating tools — polished look: crop (blue gradient + crop icon), help (white, blue ?), Ask AI (violet) */
#hp-snipfab,#hp-fab,#ai-fab{border:0!important;transition:opacity .15s,transform .15s,box-shadow .15s}
#hp-snipfab{background:linear-gradient(140deg,#2F7BEA 0%,#044EB7 55%,#033A8A 100%)!important;color:#fff!important;
 box-shadow:0 4px 12px rgba(4,78,183,.35),inset 0 1px 0 rgba(255,255,255,.25)!important;opacity:.82}
#hp-snipfab::before{content:""!important;width:20px;height:20px;background:#fff;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2v14a2 2 0 0 0 2 2h14'/%3E%3Cpath d='M18 22V8a2 2 0 0 0-2-2H2'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2v14a2 2 0 0 0 2 2h14'/%3E%3Cpath d='M18 22V8a2 2 0 0 0-2-2H2'/%3E%3C/svg%3E") center/contain no-repeat}
#hp-fab{background:#fff!important;color:#044EB7!important;box-shadow:0 3px 10px rgba(16,24,40,.16),0 0 0 1px #DCE4F0!important;opacity:.85}
#hp-fab::before{color:#044EB7}
#ai-fab{background:linear-gradient(140deg,#8B5CF6,#5B21B6)!important;box-shadow:0 4px 12px rgba(91,33,182,.35)!important;opacity:.82}
#hp-snipfab:hover,#hp-fab:hover,#ai-fab:hover{opacity:1;transform:scale(1.08)}
@media (max-width:700px){#hp-snipfab,#hp-fab,#ai-fab{opacity:.7}#hp-snipfab::before{width:17px;height:17px}}
.nocap{text-transform:none!important}

/* Sidebar: every heading in its own light colour box (Home → groups) */
.side a.nav.home-nav,.side a.nav.chat-nav,.side a.nav.att-nav,.side a.nav.ext-nav,.side a.nav.call-nav,
.side .navgrp>.ghead,.side details.navgrp>summary.ghead{--hb:#EEF2FF;--ha:#4338CA;background:var(--hb)!important;color:var(--ha)!important;border-left:4px solid var(--ha);
 border-radius:10px!important;margin:5px 0!important;padding:8px 12px!important;font-weight:700!important;font-size:13.5px!important;min-height:38px;display:flex;align-items:center;gap:8px;transition:filter .12s,box-shadow .12s}
.side a.nav.home-nav{--hb:#E0F2FE;--ha:#0369A1}.side a.nav.chat-nav{--hb:#F3E8FF;--ha:#7E22CE}.side a.nav.att-nav{--hb:#DCFCE7;--ha:#15803D}
.side a.nav.ext-nav{--hb:#FEF3C7;--ha:#B45309}.side a.nav.call-nav{--hb:#FCE7F3;--ha:#BE185D}.side .navgrp.fav>.ghead{--hb:#FFEDD5;--ha:#C2410C}
.side details.navgrp:nth-of-type(6n+1)>summary.ghead{--hb:#E0E7FF;--ha:#4338CA}.side details.navgrp:nth-of-type(6n+2)>summary.ghead{--hb:#CCFBF1;--ha:#0F766E}
.side details.navgrp:nth-of-type(6n+3)>summary.ghead{--hb:#DBEAFE;--ha:#1D4ED8}.side details.navgrp:nth-of-type(6n+4)>summary.ghead{--hb:#FAE8FF;--ha:#A21CAF}
.side details.navgrp:nth-of-type(6n+5)>summary.ghead{--hb:#ECFCCB;--ha:#4D7C0F}.side details.navgrp:nth-of-type(6n+6)>summary.ghead{--hb:#FFE4E6;--ha:#BE123C}
.side a.nav.home-nav:hover,.side a.nav.chat-nav:hover,.side a.nav.att-nav:hover,.side a.nav.ext-nav:hover,.side a.nav.call-nav:hover,.side details.navgrp>summary.ghead:hover{filter:brightness(.96);box-shadow:0 1px 4px rgba(15,23,42,.08)}
.side a.nav.home-nav.on,.side a.nav.chat-nav.on,.side a.nav.att-nav.on,.side a.nav.ext-nav.on,.side details.navgrp[open]>summary.ghead{background:#fff!important;box-shadow:0 0 0 1.5px var(--ha) inset,0 2px 6px rgba(15,23,42,.08)}
.side details.navgrp>summary.ghead::after{color:var(--ha)!important}

/* phones: colour boxes become compact pill icons in the top bar */
@media (max-width:700px){
 .side:not(.open){flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;align-items:center}
 .side:not(.open)::-webkit-scrollbar{display:none}
 .side:not(.open) a.nav.home-nav,.side:not(.open) a.nav.chat-nav,.side:not(.open) a.nav.call-nav,.side:not(.open) .appr-tab,.side:not(.open) .al-tab{
  margin:0!important;padding:0 9px!important;min-height:34px!important;height:34px;border-left-width:0!important;border-radius:999px!important;font-size:13px!important;gap:4px;flex:0 0 auto!important;width:auto!important;box-shadow:none}
 .side:not(.open) .al-tab[hidden]{display:none!important}
 .side:not(.open) a.nav.ext-nav,.side:not(.open) a.nav.att-nav{display:none!important}
 .side:not(.open) .appr-tab b,.side:not(.open) .al-tab b,.side:not(.open) .chat-nav b{font-size:11px;padding:0 6px}
 .side.open a.nav.home-nav,.side.open a.nav.chat-nav,.side.open a.nav.att-nav,.side.open a.nav.ext-nav,.side.open a.nav.call-nav,.side.open .navgrp>.ghead,.side.open details.navgrp>summary.ghead{min-height:42px}
}
@media (max-width:420px){.side:not(.open) a.nav.call-nav{display:none!important}.side:not(.open) .brand{font-size:16px!important}}
@media (max-width:700px){.side:not(.open) .brand{font-size:17px!important;padding:6px 8px!important}.side:not(.open) .brand+div,.side:not(.open) .brand ~ .muted{display:none}
 .side:not(.open) a.nav.home-nav{border:0!important;background:#E0F2FE!important}}
@media (max-width:700px){.side:not(.open){gap:4px!important;padding-left:8px!important;padding-right:8px!important}
 .side:not(.open) a.nav.on::before,.side:not(.open) a.nav.on::after{display:none!important}.side:not(.open) a.nav.home-nav.on{box-shadow:inset 0 0 0 1.5px #0369A1!important}
 .side:not(.open) a.nav.home-nav,.side:not(.open) a.nav.chat-nav,.side:not(.open) .appr-tab,.side:not(.open) .al-tab{padding:0 7px!important}}
@media (max-width:430px){.side:not(.open) .brand{font-size:15px!important;padding:5px 7px!important}}

/* close buttons on every pane: a decent, easy-to-hit size that grows with the window (Naresh, 22 Oct) */
button[aria-label="Close"],button[aria-label^="Close "],button[title^="Close"],#tbClose,#ai-close,#mp-close,#hp-x,.agp-h .x,.oq-h .x{
 min-width:clamp(34px,2.6vw,42px)!important;min-height:clamp(34px,2.6vw,42px)!important;font-size:clamp(17px,1.4vw,21px)!important;line-height:1!important;
 display:inline-flex!important;align-items:center;justify-content:center;gap:4px;border-radius:10px!important;cursor:pointer}
button[aria-label="Close"]:hover,button[aria-label^="Close "]:hover,button[title^="Close"]:hover,.agp-h .x:hover{background:#F1F5F9}
@media (max-width:700px){button[aria-label="Close"],button[aria-label^="Close "],button[title^="Close"],.agp-h .x{min-width:42px!important;min-height:42px!important;font-size:21px!important}}

/* ---------- Design language: eyebrow labels, gradient numbers, icon tiles, flow steps (Rapinno blue → red) ---------- */
:root{--navy:#0B1B4D;--grad:linear-gradient(135deg,#044EB7 0%,#5B3FD0 55%,#F22A13 100%);--tint:#EEF2FF}
.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#F22A13;margin:0 0 4px}
.rd-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.rd-st{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:0 4px 14px rgba(11,27,77,.05)}
.rd-st b{display:block;font-size:13.5px;color:var(--navy)}.rd-st small{color:var(--muted);font-size:12px}
.rd-n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.rd-st.done .rd-n{background:#15803D}
.rd-brief{border-top:3px solid transparent;border-image:var(--grad) 1;border-image-slice:1 0 0 0}
.rd-q{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.rd-q label,.rd-q>div{display:flex;flex-direction:column;gap:4px}
.rd-q label span,.rd-q.ro span{font-size:13px;font-weight:600;color:var(--navy)}.rd-q textarea{width:100%;font:inherit;font-size:13.5px}
.rd-q.ro p{margin:0;font-size:13.5px;color:#334155;white-space:pre-wrap}.rd-q>div.rd-sv{grid-column:1/-1;flex-direction:row;align-items:center;gap:10px}
.rt-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.rt-tile{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--navy)}
.rt-tile:hover{background:#F5F7FD}.rt-tile i{flex:none;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#E8F0FE,#FCE8EC);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:17px}
.rt-tile b{display:block;font-size:14px;font-weight:600}.rt-tile small{display:block;color:var(--muted);font-size:12.5px;line-height:1.3}
/* separation lines: accent hairlines between groups and items */
.eyebrow.ln{display:flex;align-items:center;gap:10px}.eyebrow.ln::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(242,42,19,.45),rgba(4,78,183,.12))}
.rd-qi{border-top:2px solid #F22A13;padding-top:8px}.rd-qi em{font-style:normal;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#F22A13}
.hc.c-run{padding:14px 16px}
@media (max-width:600px){.rt-tiles{grid-template-columns:1fr 1fr;gap:4px}.rt-tile{flex-direction:column;align-items:flex-start;gap:6px;padding:8px}.rt-tile small{font-size:11.5px}}
/* pipeline cards: eyebrow role, gradient avatar, days-in-stage pill */
.pk-col{background:#F1F3F8!important;gap:10px!important}.pk-col h3{font-size:13px;color:var(--navy)}.pk-c{font-weight:600;color:#64748B}
.pk{display:block;background:#fff;border-radius:14px;padding:10px 12px;text-decoration:none;color:var(--navy);box-shadow:0 2px 10px rgba(11,27,77,.06);transition:transform .15s,box-shadow .15s}
.pk:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(11,27,77,.12)}
.pk-e{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-n{display:flex;align-items:center;gap:8px;margin:6px 0 2px}.pk-n b{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-av{flex:none;width:30px;height:30px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--h,220) 70% 50%),hsl(calc(var(--h,220) + 50) 75% 55%))}
.pk-s{font-size:11.5px;font-weight:700;color:#044EB7}.pk-d{font-size:12px;color:#64748B;padding-left:38px}
.pk-f{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.pk-age{font-size:11.5px;color:#64748B;border-radius:999px;padding:1px 8px}.pk-age.old{background:#FEF3C7;color:#92400E;font-weight:600}
.pk-w{font-size:11px;color:#B91C1C;margin-right:auto}
/* website-style effects: cards rise in as you scroll (Home), feature cards with one big rounded corner, hover lift */
.rv{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.hc,.rd-st{transition:box-shadow .2s,transform .2s}.hc:hover{box-shadow:0 10px 26px rgba(11,27,77,.08)}
.c-run,.rd-brief{border-radius:16px 40px 16px 16px!important;box-shadow:0 6px 24px rgba(11,27,77,.06)}
/* department pills — soft tint, same hue text */
.dpt{display:inline-block;font-size:12px;font-weight:600;border-radius:8px;padding:3px 10px;white-space:nowrap;line-height:1.3}
.dpt-finance{background:#E8F0FE;color:#1D4ED8}.dpt-operations{background:#FDECEC;color:#C2410C}.dpt-marketing{background:#F3E8FF;color:#7E22CE}
.dpt-hr{background:#E7F6EC;color:#15803D}.dpt-it{background:#E0F4F8;color:#0E7490}.dpt-legal{background:#FEF6E0;color:#B45309}
.dpt-sales{background:#E6EEFD;color:#044EB7}.dpt-recruitment{background:#EEF2FF;color:#4338CA}
.ap-rw{display:flex;gap:10px;align-items:flex-start}.ap-ic{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;padding:0}
.ap-tx{min-width:0;display:flex;flex-direction:column}.ap-k2{font-size:11.5px;color:#64748B;font-weight:600}
.dk-i .dpt{flex:none;align-self:center;margin-right:8px}
/* reading pane, Outlook-style */
#gpane .rp-subj{font-size:20px;line-height:1.3;font-weight:600;color:var(--navy,#0B1B4D);margin:4px 0 10px;font-family:"IBM Plex Sans",system-ui,sans-serif}
#gpane .rp-meta{border-top:1px solid var(--line);padding-top:10px}
#gpane .rp-acts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
#gpane .rp-acts .btn{min-height:38px;padding:6px 16px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid #CBD5E1;background:#fff;color:#0B1B4D}
#gpane .rp-acts .btn:hover{background:#EEF4FF;border-color:#044EB7;color:#044EB7}
#gpane .rp-text{font-size:15px;line-height:1.6;color:#1F2937}
/* avatars */
.av{display:inline-block;border-radius:50%;object-fit:cover;vertical-align:middle;flex:none;background:#E2E8F0}
.av-i{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background:linear-gradient(135deg,hsl(var(--h,220) 65% 48%),hsl(calc(var(--h,220) + 40) 70% 55%))}
.me-av{float:left;margin:2px 10px 0 0;text-decoration:none}
.dpt-account-management{background:#E6EEFD;color:#044EB7}.dpt-leadership{background:#FDF2E3;color:#9A3412}
/* role progress: labelled segments that fill as the role moves; section tabs as a segmented control */
.rd-seg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;background:linear-gradient(135deg,#0B1B4D,#1E2A78);border-radius:16px;padding:14px 16px 16px}
.rd-sg span{display:block;text-align:center;color:#C7D2FE;font-size:13px;font-weight:500;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rd-sg span small{opacity:.75;font-size:11px}
.rd-sg.on span,.rd-sg.half span{color:#fff;font-weight:700}
.rd-sg i{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.rd-sg i b{display:block;height:100%;background:linear-gradient(90deg,#F22A13,#FF6B57);border-radius:999px}
.rd-tabs{display:inline-flex;gap:4px;background:#EEF1F6;border-radius:999px;padding:4px;margin-top:-6px}
.rd-tabs a{padding:6px 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:#475569;text-decoration:none}.rd-tabs a:hover{background:#fff;color:#0B1B4D;box-shadow:0 1px 4px rgba(0,0,0,.08)}
@media (max-width:700px){.rd-seg{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* screening facts & assessment */
.sc-head{display:flex;align-items:center;gap:14px;border-radius:18px!important}.sc-av{width:52px;height:52px;font-size:18px}.sc-head b{font-size:17px;color:#0B1B4D}
.sc-st{margin-left:auto;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748B;white-space:nowrap}.sc-st.done{color:#15803D}
.sc-b{border-radius:18px!important}
.sc-r{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #EEF1F5;font-size:14.5px;color:#1F2937}.sc-r:first-of-type{border-top:0}
.sc-r b.ok{color:#15803D;font-weight:600;text-align:right}.sc-r em{font-style:normal;color:#94A3B8;font-size:13px}
.sc-q{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-top:1px solid #EEF1F5}.sc-n{width:26px;height:26px;border-radius:7px;background:#F1F5F9;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.sc-qt{flex:1 1 260px;font-size:14.5px}.sc-qt small{display:block;color:#64748B;font-size:12.5px}
.sc-k{font-size:12.5px;font-weight:600;border-radius:8px;padding:3px 10px;background:#F3E8FF;color:#6D28D9}
.sc-s{font-size:12.5px;font-weight:600;border-radius:8px;padding:3px 10px;background:#F1F5F9;color:#334155}.sc-s.s4,.sc-s.s5{background:#E7F6EC;color:#15803D}.sc-s.s1,.sc-s.s2{background:#FDECEC;color:#B91C1C}
.sc-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:8px}.sc-f label{display:grid;gap:3px;font-size:12.5px;font-weight:600;color:#334155}
.sc-qf{grid-column:1/-1;display:grid;gap:6px}.sc-qr{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.2fr) 90px minmax(0,2fr);gap:6px}@media(max-width:700px){.sc-qr{grid-template-columns:1fr 1fr}}
.sc-f>div:last-child,.sc-f label:has(textarea){grid-column:1/-1}
/* match header: who, likelihood to join, must-have dots, career stats */
.mh-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;border-radius:18px!important}
.mh-l{display:flex;gap:16px;align-items:flex-start;min-width:0}.mh-av{width:72px;height:72px;font-size:24px}
.mh-n{font-size:24px;font-weight:700;color:#0B1B4D;line-height:1.2}.mh-t{font-size:15px;color:#334155;margin-top:4px}.mh-loc{font-size:14px;color:#64748B}
.mh-jp{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.mh-p{font-size:13.5px;font-weight:700;border-radius:999px;padding:4px 12px;background:#E7F6EC;color:#15803D}
.mh-p.medium{background:#FEF3C7;color:#92400E}.mh-p.low{background:#FDECEC;color:#B91C1C}
.mh-dots{display:flex;gap:4px;align-items:center;justify-content:flex-end}.mh-dots i{font-style:normal;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;background:#94A3B8}
.mh-dots i.met{background:#22C55E}.mh-dots i.partial{background:#F59E0B}.mh-dots i.missing{background:#CBD5E1;color:#475569}.mh-dots b{margin-left:8px;font-size:17px;color:#15803D}
.mh-big{font-size:30px;font-weight:700;color:#044EB7;text-align:right}
.mh-st{grid-column:1/-1;display:flex;gap:0;border-top:1px solid #EEF1F5;padding-top:12px}.mh-st div{flex:1;text-align:center;border-left:1px solid #EEF1F5}.mh-st div:first-child{border-left:0}
.mh-st b{display:block;font-size:20px;color:#0B1B4D}.mh-st span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#64748B}
@media(max-width:700px){.mh-card{grid-template-columns:1fr}.mh-dots{justify-content:flex-start}.mh-r .eyebrow,.mh-r .small{text-align:left!important}}
.pk-ok{font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px;background:#E7F6EC;color:#15803D;margin-right:auto}
.pk.pk-new{box-shadow:0 0 0 2px #22C55E,0 6px 18px rgba(34,197,94,.18)}
/* zigzag accents: panes sit at a slight alternating tilt, straighten on hover (desktop only, reduced-motion safe) */
@media (min-width:901px) and (prefers-reduced-motion:no-preference){
 .rd-seg{transform:rotate(-.35deg);transition:transform .25s}.rd-seg:hover{transform:none}
 .c-run{transform:rotate(.25deg);transition:transform .25s}.c-run:hover{transform:none}
 .rd-brief{transform:rotate(-.2deg);transition:transform .25s}.rd-brief:hover{transform:none}
 .rt-tiles .rt-tile:nth-child(even){transform:translateY(4px)}
}
.rd-tag{display:flex;align-items:center;gap:12px;background:#0B1B4D;color:#fff;border-radius:14px;padding:12px 18px;transform:rotate(.4deg);margin:2px 8px}
.rd-tag b{display:block;font-size:15px}.rd-tag small{color:#C7D2FE;font-size:12.5px}.rd-tag i{font-style:normal;font-size:20px;color:#F87171}
/* body text font (headings keep their own font) */
body,input,select,textarea,button{font-family:"Figtree","IBM Plex Sans",system-ui,sans-serif}
.pv-rib{background:linear-gradient(90deg,#0B1B4D,#5B3FD0);color:#fff;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:500}.pv-rib a{color:#FDE68A;font-weight:700;margin-left:6px}

.side .al-tab:not([hidden]){display:flex}.side .al-tab .lbl{flex:1}
#chatN.chblink{animation:chblink 1s ease-in-out infinite}
@keyframes chblink{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(220,38,38,.6)}50%{opacity:.35;box-shadow:0 0 0 5px rgba(220,38,38,0)}}
@media (prefers-reduced-motion:reduce){#chatN.chblink{animation:none}}

/* Compact density (Naresh, 25 Oct): less air between blocks, same content and buttons */
main{padding:10px 22px 32px!important;gap:12px!important}
h1{font-size:21px!important;line-height:1.2!important}h2{font-size:15.5px!important}
.card{padding:12px 14px!important}
.hmclk{gap:3px!important;padding:3px!important}.hmclk div{padding:2px 6px!important}.hmclk .cn,.hmclk b{font-size:11.5px!important}.hmclk span:not(.cn):not(.tz){font-size:9.5px!important}
.rcs th,.rcs td,table.tb-t td,table.tb-t th{padding-top:5px!important;padding-bottom:5px!important}
.btn{min-height:32px}.chip{padding:5px 11px}
.row{gap:8px}

/* Phones: one tidy header — no sticky strip, no extension chip, chips in one scrolling row, clocks and agenda strip fit the width (Naresh, 25 Oct) */
@media (max-width:700px){
 .hdr2{position:static!important;padding:0!important}
 #topAct a.ta-ext,#topAct .btn.ta-ext,a.btn.ta-ext{display:none!important}
 #topAct.mob{flex-wrap:nowrap!important;overflow-x:auto;gap:6px!important;scrollbar-width:none}#topAct.mob::-webkit-scrollbar{display:none}
 #topAct.mob>*{flex:none}
 .hmclk{padding:4px 6px!important;border-radius:12px!important}
 .hmclk .mtg{padding:0 4px!important;font-size:11px!important;line-height:1.2!important;margin:0 0 0 auto;grid-column:1/-1;justify-self:end}
 .hmclk.mclose{padding:5px 6px 2px!important}
 #agb{max-width:100%;overflow:hidden}
 #agb .ag-g{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;scrollbar-width:none;gap:2px}#agb .ag-g::-webkit-scrollbar{display:none}
 #agb .ag-n,#agb .ag-c{flex:none;white-space:nowrap}
}
.mpp-solo{border:0!important;background:none!important;padding:0!important;margin:2px 0 6px!important}.mpp-solo .mpp-p{padding:0!important;border:0!important}
/* reading pane v2: Outlook-style header, attachment chips, sticky action dock, maximum body room on phones */
#gpane .rp-sj{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}#gpane .rp-sj .rp-subj{margin:2px 0 8px;flex:1;min-width:0}
.rp-clip{flex:none;font-size:12.5px;font-weight:600;border:1px solid var(--line);border-radius:8px;padding:3px 8px;color:#334155;margin-top:4px}
#gpane .rp-m2{display:flex;gap:10px;align-items:flex-start;border-top:0;padding:4px 0 8px;border-bottom:0}
.rp-av{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;background:hsl(var(--h,220) 45% 52%)}
.rp-mw{min-width:0;flex:1}.rp-mn{display:flex;gap:8px;align-items:baseline;justify-content:space-between}.rp-mn b{font-size:15px;color:#044EB7;overflow:hidden;text-overflow:ellipsis}
.rp-when{flex:none;font-size:12px;color:#64748B;white-space:nowrap}.rp-em{overflow-wrap:anywhere;margin-top:-1px}
.rp-to summary{cursor:pointer;font-size:13px;color:#64748B;list-style:none;margin-top:1px}.rp-to summary::after{content:" ▾"}.rp-to[open] summary::after{content:" ▴"}.rp-to summary::-webkit-details-marker{display:none}
.rp-atts{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px;padding-bottom:10px;border-bottom:1px solid var(--line-2,#EEF1F5)}
.rp-att{max-width:100%;font-size:13px;border:1px solid #CBD5E1;border-radius:8px;padding:6px 10px;background:#F8FAFC;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#gpane .rp-dock{position:sticky;bottom:0;z-index:3;background:#fff;border-top:1px solid var(--line);margin:14px -4px 0;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
#gpane .rp-dock .rp-acts{margin:0;flex-wrap:nowrap;gap:6px;overflow-x:auto}#gpane .rp-dock .rp-acts .btn{flex:1 0 auto;padding:6px 10px;white-space:nowrap}
#gpane .rp-dock .rp-cmp{max-height:60vh;overflow-y:auto;margin-bottom:6px}
@media (max-width:900px){#gpane .rp-body{padding:10px 14px 0!important}#gpane .rp-text{font-size:16px;line-height:1.55;max-width:none}#gpane .rp-subj{font-size:18px}}
/* top search: always on screen, with skill / location / experience filters */
.gsearch{position:sticky;top:6px;z-index:120;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.10)}
.gs-adv{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,.18);padding:12px;display:grid;gap:8px;z-index:130;min-width:min(420px,92vw)}
.gs-adv[hidden]{display:none}.gs-ah{font-weight:700;font-size:13px;color:#0B1B4D}
.gs-adv label{display:grid;gap:3px;font-size:12px;color:#475569}.gs-adv input{min-height:36px;border:1px solid var(--line);border-radius:8px;padding:4px 8px;font:inherit;font-size:14px;background:#fff}
.gs-a2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gs-ab{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:700px){.gs-a2{grid-template-columns:1fr}}
/* ℹ help: explanations live behind one button next to the page title */
.info-w{position:relative;display:inline-block;vertical-align:middle;margin-left:10px;font-size:16px;font-weight:400}
.info-b{width:28px;height:28px;border-radius:50%;border:1px solid #CBD5E1;background:#fff;color:#044EB7;font:700 15px/1 system-ui;cursor:pointer;padding:0}.info-b:hover,.info-b[aria-expanded="true"]{background:#EEF4FF;border-color:#044EB7}
.info-pop{position:absolute;left:0;top:calc(100% + 8px);width:min(520px,86vw);max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(16,24,40,.2);padding:12px 14px;z-index:140;text-align:left;color:#1F2937;line-height:1.5}
.info-pop[hidden]{display:none}.info-s+.info-s{margin-top:10px;padding-top:10px;border-top:1px dashed #E2E8F0}.info-t{font-weight:700;font-size:14px;margin-bottom:4px;color:#0B1B4D}
.info-pop .card{border:0;box-shadow:none;padding:0;margin:0;background:none}.info-pop p,.info-pop .small,.info-pop .muted{margin:4px 0;font-size:13.5px}
@media (max-width:700px){.info-pop{position:fixed;left:8px;right:8px;top:auto;bottom:8px;width:auto;max-height:60vh}}
.info-w,.info-pop{text-transform:none!important;letter-spacing:normal!important;font-family:inherit;font-style:normal}.info-pop{font-size:14px!important;font-weight:400}.info-pop b{font-weight:700}.info-pop .info-t{font-size:14px;text-transform:none}

/* while scrolled, the pinned top row keeps only the search (the interview strip steps aside) and stops short of the floating WhatsApp / Mail buttons */
@media (min-width:1000px){body.hdr-stuck .hdr2 #agb{display:none!important}body.hdr-stuck .hdr2 #gsearch{max-width:640px!important}}
@media (min-width:1000px) and (max-width:1280px){body.hdr-stuck .hdr2 #gsearch{min-width:0;overflow:hidden}body.hdr-stuck #gs-g{display:none}body.hdr-stuck .hdr2 #gsearch input{min-width:0}}
.gs-sm{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:4px 12px 8px}.gs-chip{background:#EEF4FF;color:#0B3A8C;border-radius:999px;padding:2px 10px;font-size:12.5px}.gs-chip b{margin-right:4px}

/* time and temperature of every office stay on screen while scrolling (compact, two short rows) — Naresh, 25 Oct */
@media (min-width:1000px){
 body.hdr-stuck .hdr1{position:sticky;top:0;z-index:37;background:var(--ground,#F5F6F8);min-height:0!important;margin:0!important;padding-top:3px;padding-bottom:3px}
 body.hdr-stuck .hmclk{margin:0!important;padding:2px 4px!important;gap:2px 6px!important}body.hdr-stuck .hmclk em.g{display:none}
 body.hdr-stuck .hmclk div{width:auto!important;padding:1px 7px!important;gap:5px}body.hdr-stuck .hmclk .cn{font-size:10.5px!important}body.hdr-stuck .hmclk b{font-size:11.5px!important}
 body.hdr-stuck .hmclk small.wx{position:static!important;border:0!important;background:none!important;padding:0!important;font-size:10.5px!important;margin-left:2px;line-height:1}
 body.hdr-stuck .hmclk .ph{display:none}
}
@media (min-width:1000px){body.hdr-stuck .hdr1{padding-top:5px;padding-bottom:5px;overflow:visible}}