/* m-bh-desk.css — R03: desktop frame = BrokerHub top bar (logo + labelled menu + tools), no side rail; manager Home packed to one screen.
   Loaded LAST (after m-bh-shell.css). Phones/tablets (<900px) are untouched. Colours from tokens only; no timers/observers. */
.bh-sync{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 0 1-15.5 6.2L3 16M3 12a9 9 0 0 1 15.5-6.2L21 8M21 3v5h-5M3 21v-5h5'/%3E%3C/svg%3E")}
.bh-gear{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h9M17 6h3M4 12h3M11 12h9M4 18h11M19 18h1'/%3E%3Ccircle cx='15' cy='6' r='2'/%3E%3Ccircle cx='9' cy='12' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E")}
.bh-user{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
@media(min-width:900px){
  html:root{--hx-w:0px;--shell-h:56px;--nav-h:0px;--bx-header-h:var(--shell-h)}
  html body header.top{position:sticky;top:0;inset:0 0 auto 0;z-index:30;width:auto;height:var(--shell-h);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;padding:0 clamp(12px,1.4vw,22px);overflow:visible;background:var(--c-white);color:var(--c-starlight);border:0;border-bottom:1px solid rgba(var(--c-sand-rgb),.5);box-shadow:0 1px 2px rgba(var(--c-starlight-rgb),.03),0 6px 18px rgba(var(--c-starlight-rgb),.05)}
  html body header.top .brand{order:0;flex:none;flex-direction:row;align-items:center;gap:0;height:34px;margin:0;padding:0;border:0}
  html body header.top img.lg-h,html body header.top img.lg-s{display:none}
  html body header.top img.lg-b{display:block;height:32px;width:auto}
  html body header.top .hd{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  /* menu: icon + label, active = navy pill with a Sand disc */
  html body header.top nav{order:1;flex:1 1 auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:2px;width:auto;min-width:0;margin:0 0 0 14px;padding:0;overflow:visible}
  html body header.top nav .nv-g{display:contents}
  html body header.top nav .nv-gl,html body header.top nav button.nv-more,html body header.top nav button[data-v=settings],html body header.top nav button.nv-sec[data-v=settings]{display:none}
  html body header.top nav button,html body header.top nav button.nv-sec{display:flex;align-items:center;gap:6px;position:relative;flex:none;width:auto;min-width:0;height:36px;min-height:0;padding:0 11px 0 9px;border:0;border-radius:999px;background:none;color:var(--c-n600);font:600 13px var(--font-body);white-space:nowrap;transform:none;box-shadow:none;transition:background .15s,color .15s}
  html body header.top nav button::before{width:17px;height:17px}
  html body header.top nav button:hover{background:var(--c-n50);color:var(--c-starlight);transform:none}
  html body header.top nav button .nv-l{position:static;width:auto;height:auto;clip:auto;overflow:visible}
  html body header.top nav button.on{gap:7px;padding:0 14px 0 4px;background:var(--c-starlight);color:var(--c-white);font-weight:700;box-shadow:0 4px 12px rgba(var(--c-starlight-rgb),.2)}
  html body header.top nav button.on::after{content:"";display:block;position:absolute;inset:auto;left:4px;top:4px;width:28px;height:28px;margin:0;border-radius:50%;background:var(--c-sand);transform:none}
  html body header.top nav button.on::before{position:relative;z-index:1;flex:none;width:28px;height:28px;background:var(--c-starlight);-webkit-mask-size:16px;mask-size:16px}
  /* tools: employee chip (avatar only), search, bell, refresh, settings, help/sign-out */
  html body header.top .empchip{order:5;flex:none;align-self:center;width:34px;height:34px;min-height:0;min-width:0;max-width:none;padding:0;justify-content:center;border-radius:50%;background:var(--c-n50);border:1px solid rgba(var(--c-starlight-rgb),.14);color:var(--c-starlight);overflow:hidden}
  html body header.top .empchip .en,html body header.top .empchip .sw{display:none}
  html body header.top .hd-search{order:6;flex:none;display:flex;align-items:center;gap:8px;width:188px;height:34px;min-height:0;margin:0;padding:0 8px 0 12px;border:1px solid rgba(var(--c-starlight-rgb),.14);border-radius:999px;background:var(--c-white);color:var(--c-n600);font:500 13px var(--font-body);box-shadow:none}
  html body header.top .hd-search::before{width:16px;height:16px;background:var(--c-sand-dark)}
  html body header.top .hd-search:hover{background:var(--c-n50);color:var(--c-starlight)}
  html body header.top .hd-search .nv-l{position:static;width:auto;height:auto;clip:auto;overflow:visible}
  html body header.top .hd-search kbd{margin-inline-start:auto;padding:1px 7px;border:1px solid rgba(var(--c-starlight-rgb),.14);border-radius:6px;background:var(--c-n50);color:var(--c-n600);font:600 11px var(--font-body)}
  html body header.top .notif-bell,html body header.top .bh-i,html body header.top .me button{display:inline-grid;place-items:center;position:relative;flex:none;width:34px;min-width:34px;height:34px;padding:0;border:1px solid rgba(var(--c-starlight-rgb),.14);border-radius:50%;background:var(--c-n50);color:var(--c-starlight);cursor:pointer}
  html body header.top .notif-bell{order:7}
  html body header.top .notif-bell::after{content:none}
  html body header.top .notif-bell svg{width:17px;height:17px}
  html body header.top .notif-count{position:absolute;top:-1px;right:-1px;order:0;inset:auto -1px auto auto;min-width:9px;width:9px;height:9px;margin:0;padding:0;border:2px solid var(--c-white);border-radius:50%;background:var(--c-warning);font-size:0;line-height:0;box-sizing:content-box}
  html body header.top .bh-sync{order:8}html body header.top .bh-gear{order:9}
  html body header.top .bh-user{display:none}
  html body header.top .bh-i::before,html body header.top .me button::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--g) center/contain no-repeat;mask:var(--g) center/contain no-repeat}
  html body header.top .bh-i:hover,html body header.top .notif-bell:hover,html body header.top .me button:hover{background:var(--c-sand-wash);color:var(--c-starlight)}
  html body header.top .me{order:10;display:flex;align-items:center;gap:6px;margin:0;padding:0;border-radius:0;background:none}
  html body header.top .me>span,html body header.top .me .hk,html body header.top .me .rail-t{display:none}
  html body header.top .bh-sync:active::before{transform:rotate(180deg);transition:transform .4s}
  html body .workbar{display:none}
  html body main{margin-inline-start:0;padding:10px clamp(12px,1.4vw,22px) 16px}
  html body .toast{inset-inline-start:50%}
}
@media(min-width:900px) and (max-width:1180px){
  html body header.top nav button:not(.on){width:34px;padding:0;justify-content:center}
  html body header.top nav button:not(.on) .nv-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  html body header.top .hd-search{width:34px;padding:0;justify-content:center}
  html body header.top .hd-search .nv-l,html body header.top .hd-search kbd{display:none}
}
/* ---------------- manager Home: everything a manager needs, packed ---------------- */
@media(min-width:900px){
  html body .hx.hx-mgr{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;max-width:none;margin:0;padding:0}
  html body .hx-mgr .hx-hero{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;min-height:28px;margin:0;padding:0!important;border:0;border-radius:0;background:none!important;box-shadow:none;overflow:visible}
  html body .hx-mgr .hx-hero .hx-aurora,html body .hx-mgr .hx-hero .hx-av,html body .hx-mgr .hx-hero .desk-eyebrow{display:none!important}
  html body .hx-mgr .hx-hello{display:flex;align-items:center;flex:1 1 auto;gap:14px;min-width:0;margin:0}
  html body .hx-mgr .hx-hello h1{margin:0;font:700 17px/1.1 var(--font-head);white-space:nowrap}
  html body .hx-mgr .hx-hero h1 b{color:var(--c-sand-dark)!important;-webkit-text-fill-color:currentColor!important;background:none!important}
  html body .hx-mgr .hx-live{display:inline-flex;align-items:center;gap:6px;margin:0;font:600 12px var(--font-body);white-space:nowrap}
  html body .hx-mgr .hx-live i{width:7px;height:7px;border-radius:50%;background:var(--c-success)}
  html body .hx-mgr .hx-ring{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;white-space:nowrap}
  html body .hx-mgr .hx-ring svg{width:18px;height:18px;flex:none;position:static}
  html body .hx-mgr .hx-ring b{position:static;transform:none;font:800 12.5px var(--font-body)}
  html body .hx-mgr .hx-ring span,html body .hx-mgr .hx-ring em,html body .hx-mgr .hx-ring small{display:inline;font:500 12px var(--font-body);font-style:normal}
  html body .hx-mgr .hx-ring small::before{content:" · "}
  html body .hx-mgr .hx-tools{display:flex;align-items:center;gap:6px;margin:0 0 0 auto;width:auto}
  html body .hx-mgr .hx-iconbtn{width:28px;height:28px;min-height:0}
  html body .hx-mgr .hx-date{display:inline-flex;align-items:center;gap:6px;min-height:0;padding:0;border:0;background:none;box-shadow:none;font:600 12px var(--font-body);color:var(--c-n600)}
  html body .hx-mgr .hx-date .hx-i{display:none}
  html body .hx-mgr .hx-date b{color:var(--c-starlight)}
  /* KPI row */
  html body .hx-mgr .hx-kpis.five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0}
  html body .hx-mgr .hx-kpis.five .hx-kpi{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,72px);grid-template-areas:"ic l sp" "ic n sp" "ic s sp";column-gap:10px;row-gap:0;align-items:center;height:68px;min-height:0;padding:8px 12px;border-radius:14px;transform:none}
  html body .hx-mgr .hx-kpis.five .hx-kpi:hover{transform:none}
  html body .hx-mgr .hx-kpis.five .hx-kpi-ic{grid-area:ic;width:34px;height:34px;border-radius:10px}
  html body .hx-mgr .hx-kpis.five .hx-kpi-ic .hx-i{width:17px;height:17px}
  html body .hx-mgr .hx-kpis.five .hx-kpi-l{grid-area:l;gap:6px;font-size:12px;white-space:nowrap;min-width:0}
  html body .hx-mgr .hx-kpis.five .hx-kpi-l>.hx-i{display:none}
  html body .hx-mgr .hx-kpis.five .hx-info{flex:none;width:16px;height:16px;font-size:10px;line-height:16px}
  html body .hx-mgr .hx-kpis.five .hx-kpi b{grid-area:n;margin:0;font:700 24px/1 var(--font-head)}
  html body .hx-mgr .hx-kpis.five .hx-kpi small{grid-area:s;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .hx-mgr .hx-kpis.five .hx-kpi .hx-spark{grid-area:sp;width:100%;height:30px;align-self:center}
  html body .hx-mgr .hx-kpis.five .hx-kpi .hx-delta{position:absolute;top:6px;right:8px;margin:0;font-size:10px;padding:1px 6px;z-index:1}
  /* urgent: one slim strip */
  html body .hx-mgr .hx-urgent{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:0;padding:6px 10px;border-radius:14px;background:var(--c-white)}
  html body .hx-mgr .hx-urgent>header{display:flex;align-items:center;gap:8px;margin:0}
  html body .hx-mgr .hx-urg-main{width:34px;height:34px;border-radius:10px;box-shadow:none;animation:none}
  html body .hx-mgr .hx-urg-main .hx-i{width:18px;height:18px}
  html body .hx-mgr .hx-urgent h3{margin:0;font:700 12px var(--font-body);letter-spacing:.08em;text-transform:uppercase}
  html body .hx-mgr .hx-urg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  html body .hx-mgr .hx-urg-c{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"i t b";gap:8px;align-items:center;min-height:42px;padding:5px 8px;border-radius:12px;box-shadow:none;transform:none}
  html body .hx-mgr .hx-urg-ic{width:30px;height:30px}
  html body .hx-mgr .hx-urg-ic.ping::after{display:none}
  html body .hx-mgr .hx-urg-c b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .hx-mgr .hx-urg-c b em{font-size:16px}
  html body .hx-mgr .hx-urg-c small{display:none}
  html body .hx-mgr .hx-urg-btn,html body .hx-mgr .hx-ok{grid-area:b;width:auto;min-height:28px;padding:0 14px;font-size:12px}
  html body .hx-mgr .hx-clear{display:flex;align-items:center;gap:10px;margin:0;padding:6px 12px;border-radius:14px}
  html body .hx-mgr .hx-confetti{display:none}
  /* panels */
  html body .hx-mgr .hx-grid-a{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr) minmax(0,.8fr);gap:8px;min-height:0;margin:0}
  html body .hx-mgr .hx-grid-b{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.7fr);gap:8px;min-height:0;margin:0}
  html body .hx-mgr .hx-card{display:flex;flex-direction:column;min-height:0;margin:0;padding:8px 12px;border-radius:14px;overflow:hidden}
  html body .hx-mgr .hx-card>header{display:flex;align-items:center;gap:8px;min-height:28px;margin:0 0 4px}
  html body .hx-mgr .hx-card>header h3{display:flex;align-items:center;gap:8px;margin:0;font:700 13px var(--font-head)}
  html body .hx-mgr .hx-card>header h3 .hx-i{width:16px;height:16px}
  html body .hx-mgr .hx-card>header .hx-link{margin-inline-start:auto;font-size:12px}
  html body .hx-mgr .hx-tw{flex:1 1 auto;min-height:0;overflow:auto}
  html body .hx-mgr .hx-table th{position:sticky;top:0;z-index:1;padding:4px 6px;background:var(--c-white);font-size:10px;letter-spacing:.06em}
  html body .hx-mgr .hx-table td{padding:3px 6px;font-size:12px}
  html body .hx-mgr .hx-table tbody tr{height:34px;min-height:0}
  html body .hx-mgr .hx-table tbody td{height:auto;padding-block:3px}
  html body .hx-mgr .hx-table .av.sm{width:24px;height:24px;font-size:10px}
  html body .hx-mgr .hx-table td.n{display:flex;align-items:center;gap:8px}
  html body .hx-mgr .hx-table td.n small{display:none}
  html body .hx-mgr .hx-table .hx-round.sm{width:26px;height:26px}
  html body .hx-mgr .hx-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0 0}
  html body .hx-mgr .hx-ins{padding:4px 8px;border-radius:10px;text-align:start}
  html body .hx-mgr .hx-ins small{font-size:10px}html body .hx-mgr .hx-ins b{font-size:12.5px}html body .hx-mgr .hx-ins span{font-size:11px}
  html body .hx-mgr .hx-chart-box{flex:1 1 auto;min-height:0}
  html body .hx-mgr .hx-chart-box svg{width:100%;height:100%}
  html body .hx-mgr .hx-legend{margin:4px 0 0}
  html body .hx-mgr .hx-sources .hx-donut{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;justify-items:stretch}
  html body .hx-mgr .hx-donut-w{width:clamp(96px,9vw,132px)}
  html body .hx-mgr .hx-list{flex:1 1 auto;min-height:0;margin:0;padding:0;overflow:auto}
  html body .hx-mgr .hx-vw,html body .hx-mgr .hx-nt{padding:5px 4px}
  html body .hx-mgr .hx-empty{padding:6px;gap:2px}
}
@media(min-width:900px){
  html body .hx-mgr .hx-grid-a{height:clamp(236px,calc((100vh - 282px) * .58),560px)}
  html body .hx-mgr .hx-grid-b{height:clamp(176px,calc((100vh - 282px) * .42),420px)}
}
/* ---------------- employee Home (desk) on desktop: full width, compact queues, no duplicate search ---------------- */
@media(min-width:900px){
  html body main{overflow-x:clip}
  html body .hx.bhx{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8px 12px;padding:0}
  html body .bhx .bhx-title,html body .bhx .bhx-search{display:none}
  html body .bhx .bhx-hello p{font-size:13px}
  html body .bhx .hx-drill{padding:6px 10px;min-height:0;border-radius:14px}
  html body .bhx .hx-drill .btn,html body .bhx .hx-drill button{min-height:32px}
  html body .bhx .bhx-ks{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  html body .bhx .bhx-k{display:grid;grid-template-columns:34px auto minmax(0,1fr);grid-template-areas:"i n l";justify-items:start;align-items:center;column-gap:12px;min-height:0;height:60px;padding:8px 14px;border-radius:14px}
  html body .bhx .bhx-ki{grid-area:i;width:34px;height:34px;border-radius:10px}
  html body .bhx .bhx-k b{grid-area:n;font-size:24px}
  html body .bhx .bhx-kl{grid-area:l;font-size:11px}
  html body .bhx .hc-r{padding-block:5px}
}