/* m-bh-shell.css — BrokerHub-style phone frame + dense agent Home. Loaded LAST. Phones/tablets (<900px): white header
   (logo + search/bell/sync/settings/account), menu strip at the TOP (icon pills, active = navy pill with label), no bottom dock,
   no duplicate page bar. Desktop rail is untouched. Values mirror BrokerHub: header 8/10/6 padding, logo 30px tall, icons 31-34px,
   search = filled Sand rounded square, others = light circles, nav circles 34px. Colours come from tokens only. */
.bh-i,.lg-b{display:none}

/* R06 — calm phone frame. Header = ONE row (logo | page name ... search, bell, menu). Refresh, desk switch and settings live in the
   menu sheet; the main pages are a labelled bottom tab bar (base dock from m-shell.css). No second row of icon circles. */
.bh-sync,.mo-act [data-act=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-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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.mo-act [data-act=sync]::before{content:"";width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--g) center/contain no-repeat;mask:var(--g) center/contain no-repeat}
.mo-desk{margin:var(--sp-3) 0 0}
.mo-desk small{display:block;margin:0 0 6px 2px;font:700 10px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--c-n600)}
.mo-desk .empchip{width:100%;max-width:none;min-height:46px;background:var(--c-n50);border:1px solid rgba(var(--c-starlight-rgb),.14);color:var(--c-starlight)}
.mo-desk .empchip .sw{color:var(--c-sand-dark);margin-inline-start:auto}

@media(max-width:899px){
  :root{--shell-h:56px;--nav-h:64px}
  html body header.top{height:calc(var(--shell-h) + env(safe-area-inset-top));display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;padding:env(safe-area-inset-top) 12px 0;background:var(--c-white);border-bottom:1px solid rgba(var(--c-sand-rgb),.5);box-shadow:0 1px 2px rgba(var(--c-starlight-rgb),.06)}
  html body header.top .brand{order:0;flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px;height:34px}
  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;flex:none;height:28px;width:auto;object-fit:contain}
  html body header.top .hd{min-width:0;margin:0;padding:0 0 0 10px;border:0;border-inline-start:1px solid rgba(var(--c-starlight-rgb),.16);line-height:1;color:var(--c-starlight)}
  html body header.top .hd-app,html body header.top .hd small{display:none}
  html body header.top .hd-pg{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 10.5px/1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--c-starlight)}
  /* only three actions in the header; the rest moved into the menu sheet */
  html body header.top .empchip,html body header.top .bh-sync,html body header.top .bh-gear{display:none}
  html body header.top .hd-search{order:2;flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:10px;background:var(--c-sand);border:1px solid var(--c-sand);color:var(--c-starlight)}
  html body header.top .hd-search .nv-l,html body header.top .hd-search kbd{display:none}
  html body header.top .hd-search::before{width:17px;height:17px}
  html body header.top .notif-bell{order:3}
  html body header.top .bh-user{order:4}
  html body header.top .notif-bell,html body header.top .bh-i.bh-user{display:inline-grid;place-items:center;position:relative;flex:none;width:34px;min-width:34px;height:34px;padding:0;border-radius:50%;background:var(--c-n50);border:1px solid rgba(var(--c-starlight-rgb),.14);color:var(--c-starlight);cursor:pointer}
  html body header.top .bh-i.bh-user{background:var(--c-sand-wash);border-color:rgba(var(--c-sand-rgb),.7)}
  html body header.top .bh-i::before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:var(--g) center/contain no-repeat;mask:var(--g) center/contain no-repeat}
  html body header.top .notif-bell svg{width:17px;height:17px}
  html body header.top .notif-count{position:absolute;top:-1px;right:-1px;min-width:9px;width:9px;height:9px;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}
  /* bottom tab bar: icon + label, active = navy + Sand bar on top */
  html body header.top nav{inset:auto 0 0 0;width:100%;border-radius:0;background:rgba(var(--c-white-rgb),.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:0;border-top:1px solid rgba(var(--c-starlight-rgb),.1);box-shadow:0 -6px 18px rgba(var(--c-starlight-rgb),.06);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
  html body header.top nav button{position:relative;color:var(--c-n600);font-size:9.5px;letter-spacing:0;padding-inline:0;border-radius:12px}
  html body header.top nav button .nv-l{max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}
  html body header.top nav button.on{background:none;color:var(--c-starlight)}
  html body header.top nav button.on::after{content:"";position:absolute;top:-5px;left:28%;right:28%;height:3px;border-radius:0 0 3px 3px;background:var(--c-sand);inset-block-end:auto}
  html body header.top nav button.nv-more{display:flex}
  html body .workbar{display:none}
  html body main{padding:var(--sp-3) var(--sp-3) calc(var(--nav-h) + var(--sp-6) + env(safe-area-inset-bottom))}
}

@media(max-width:380px){html body header.top img.lg-b{height:24px}html body header.top{gap:6px;padding-inline:10px}}

/* ---------------- dense agent Home (BrokerHub pattern, lead data) ---------------- */
.bhx{display:grid;gap:10px;align-content:start}
.bhx>*{min-width:0}
.bhx-hello{display:flex;align-items:center;gap:8px;margin:0}
.bhx-hello p{margin:0;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--c-n600)}
.bhx-hello i{font-family:var(--font-head);font-style:italic;font-weight:700;color:var(--c-starlight)}
.bhx-hi{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--c-sand-wash);color:var(--c-sand-dark)}
.bhx-hi svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bhx-title{margin:2px 0 0;font:700 21px/1.15 var(--font-head);color:var(--c-starlight);letter-spacing:-.01em}
.bhx-search{display:flex;align-items:center;gap:8px;width:100%;height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(var(--c-starlight-rgb),.14);background:var(--c-white);color:var(--c-n600);font:500 13px var(--font-body);text-align:start;cursor:pointer;box-shadow:0 1px 2px rgba(var(--c-starlight-rgb),.04)}
.bhx-search svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--c-sand-dark);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bhx-search span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bhx-ks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bhx-k{position:relative;display:grid;justify-items:center;align-content:center;gap:3px;min-height:82px;padding:8px 2px;border-radius:16px;border:1px solid rgba(var(--c-starlight-rgb),.1);background:var(--c-white);color:var(--c-starlight);cursor:pointer;box-shadow:0 1px 2px rgba(var(--c-starlight-rgb),.04)}
.bhx-k:active{transform:scale(.97)}
.bhx-ki{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--c-starlight);color:var(--c-white)}
.bhx-ki svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bhx-k b{font:700 22px/1 var(--font-head)}
.bhx-k.red.on b{color:var(--c-danger)}
.bhx-kl{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-n600)}
.bhx-k>i{position:absolute;top:5px;right:6px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--c-warning);color:var(--c-white);font:700 9px/15px var(--font-body);font-style:normal;text-align:center}
.bhx-pipe{display:grid;gap:6px}
.bhx-eyebrow{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-n600)}
.bhx-eyebrow svg{width:12px;height:12px;fill:none;stroke:var(--c-sand-dark);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bhx-eyebrow em{margin-inline-start:auto;font-style:normal;letter-spacing:.02em;text-transform:none;font-weight:600}
.bhx-chips{display:flex;flex-wrap:wrap;gap:6px}
.bhx-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 4px 0 10px;border-radius:999px;border:1px solid rgba(var(--c-starlight-rgb),.14);background:var(--c-white);color:var(--c-starlight);font:600 12px var(--font-body);cursor:pointer}
.bhx-chip b{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--c-starlight);color:var(--c-white);font:700 11px var(--font-body)}
.bhx-chip.ok b{background:var(--c-success)}.bhx-chip.mute b{background:var(--c-n500)}
.bhx-main,.bhx-side{display:grid;gap:10px;align-content:start}
.bhx .hc-next{margin:0;padding:10px 12px}
.bhx .hc-card{margin:0;padding:8px 12px}
.bhx .hc-card header{margin-bottom:2px}
.bhx .hc-r{padding-block:7px}
.bhx .hc-stats{margin:0;padding:10px 12px}
.bhx .hx-drill{margin:0}
@media(min-width:900px){
  .bhx{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px 16px}
  .bhx>.bhx-hello,.bhx>.bhx-title,.bhx>.bhx-search,.bhx>.bhx-ks,.bhx>.bhx-pipe,.bhx>.hx-drill{grid-column:1/-1}
  .bhx-search{max-width:560px}
  .bhx-ks{grid-template-columns:repeat(4,minmax(0,200px))}
}