/* v862: "Clients for this unit" sheet - compact professional layout (phone first). Loads after css/397; rules are prefixed .bhuc-back for priority.
   Roll back: remove this link + js/397 v862 edits (restore v861 js/397). */
.bhuc-back{align-items:flex-end}
.bhuc-back .bhuc-box{width:100%;max-width:680px;max-height:94vh;max-height:94dvh;border-radius:20px 20px 0 0;position:relative;animation:bhucUp .2s ease-out both}
@keyframes bhucUp{from{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.bhuc-back .bhuc-box{animation:none}}
@media (min-width:700px){.bhuc-back .bhuc-box{max-height:min(88vh,860px);border-radius:20px}}
.bhuc-grab{display:block;flex:none;width:36px;height:4px;margin:7px auto 0;border-radius:3px;background:rgba(22,45,76,.2)}
@media (min-width:700px){.bhuc-grab{display:none}}

/* header: title (max 2 lines) + subtitle, then two round buttons */
.bhuc-back .bhuc-box>header{display:flex;align-items:center;gap:8px;padding:8px 12px 10px 16px}
.bhuc-back .bhuc-box>header>div:first-child{flex:1;min-width:0}
.bhuc-back .bhuc-box h3{margin:0;font:800 16px/1.22 var(--font-sans,Inter,system-ui,sans-serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.bhuc-back .bhuc-box header small{margin-top:2px;font-size:12px;line-height:1.3;opacity:.7}
.bhuc-hm{position:relative;flex:none}
.bhuc-back .bhuc-hb,.bhuc-back .bhuc-x{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(22,45,76,.18);border-radius:50%;background:#fff;color:#16294a;font-size:15px;line-height:1;cursor:pointer;flex:none}
.bhuc-back .bhuc-hb:hover,.bhuc-back .bhuc-x:hover,.bhuc-back .bhuc-hb[aria-expanded="true"]{background:rgba(206,165,119,.25)}
.bhuc-menu{position:absolute;z-index:30;top:42px;right:0;min-width:236px;padding:6px;border:1px solid rgba(22,45,76,.14);border-radius:14px;background:#fff;color:#16294a;box-shadow:0 14px 38px rgba(11,32,56,.28)}
.bhuc-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;border:0;border-radius:9px;background:none;color:inherit;font:700 13.5px/1.2 var(--font-sans,Inter,system-ui,sans-serif);text-align:start;cursor:pointer}
.bhuc-menu button:hover,.bhuc-menu button:focus-visible{background:rgba(206,165,119,.2);outline:0}
.bhuc-menu button i{width:18px;text-align:center;color:#b8874f;font-size:14px}

/* body: tabs + select strip stay pinned, everything between scrolls away to give the list room */
.bhuc-back .bhuc-body{padding:0 14px 6px;min-height:140px;overscroll-behavior:contain}
.bhuc-back .bhuc-tabs{position:sticky;top:0;z-index:4;height:52px;box-sizing:border-box;margin:0 -14px;padding:8px 14px 6px;gap:8px;background:var(--surface,#fff)}
.bhuc-back .bhuc-tabs button{min-height:38px;height:38px;padding:0 8px;border-width:1px;font-size:14px;display:flex;align-items:center;justify-content:center}
.bhuc-back .bhuc-tabs button b{font-size:13px;margin-left:6px}
.bhuc-back .bhuc-hint{margin:2px 2px 8px;font-size:11.5px;line-height:1.35;opacity:.62}
.bhuc-back .bhuc-hint.bhuc-more{text-align:center;margin:10px 0 4px}

/* controls: search + filter on the first line, employee + sort on the second (one line on wide screens) */
.bhuc-back .bhuc-ctrl{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) 38px;grid-template-areas:"q q f" "a s s";gap:6px;margin:0 0 6px;align-items:center}
.bhuc-q{grid-area:q;position:relative;display:flex;align-items:center;min-width:0}
.bhuc-q>i{position:absolute;inset-inline-start:13px;font-size:12px;opacity:.5;pointer-events:none}
.bhuc-q input{width:100%;height:38px;box-sizing:border-box;padding:0 12px 0 34px;border:1px solid rgba(22,45,76,.2);border-radius:999px;background:#fff;color:#16294a;font:600 16px/1 var(--font-sans,Inter,system-ui,sans-serif);-webkit-appearance:none;appearance:none}
.bhuc-q input:focus{outline:0;border-color:#cea577;box-shadow:0 0 0 3px rgba(206,165,119,.28)}
.bhuc-back .bhuc-ctrl select{height:36px;min-height:36px;padding:0 10px;font-size:13.5px;text-overflow:ellipsis}
.bhuc-back .bhuc-sa1{grid-area:a}.bhuc-back .bhuc-sa2{grid-area:s}
.bhuc-back .bhuc-fwrap{grid-area:f;justify-self:end}
.bhuc-back .bhuc-fb{width:38px;height:38px}
.bhuc-back .bhuc-fp{top:44px}
@media (min-width:700px){
  .bhuc-back .bhuc-ctrl{grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr) minmax(0,1fr) 38px;grid-template-areas:"q a s f"}
  .bhuc-back .bhuc-body{padding:0 20px 6px}.bhuc-back .bhuc-tabs{margin:0 -20px;padding:8px 20px 6px}
}

/* quick-select chips: one scrolling line */
.bhuc-quick{display:flex;gap:6px;margin:0 -14px;padding:2px 14px 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bhuc-quick::-webkit-scrollbar{display:none}
@media (min-width:700px){.bhuc-quick{margin:0 -20px;padding:2px 20px 8px}}
.bhuc-qc{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px solid rgba(22,45,76,.18);border-radius:999px;background:#fff;color:#16294a;font:700 12px/1 var(--font-sans,Inter,system-ui,sans-serif);white-space:nowrap;cursor:pointer}
.bhuc-qc i{font-size:11px;color:#b8874f}
.bhuc-qc b{font-weight:800;opacity:.55}
.bhuc-qc:hover:not(:disabled){background:rgba(206,165,119,.22)}
.bhuc-qc:disabled{opacity:.4;cursor:default}
.bhuc-qc.on{background:#16294a;border-color:#16294a;color:#fff}.bhuc-qc.on i{color:#cea577}

/* select-all strip (pinned under the tabs) */
.bhuc-back .bhuc-sa{position:sticky;top:52px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;margin:0 -14px;padding:0 14px;background:var(--surface,#fff);border-top:1px solid rgba(22,45,76,.1);border-bottom:1px solid rgba(22,45,76,.12)}
@media (min-width:700px){.bhuc-back .bhuc-sa{margin:0 -20px;padding:0 20px}}
.bhuc-back .bhuc-sa .bhuc-all{padding:0;border:0;font-size:13.5px;min-height:42px}
.bhuc-selc{display:inline-flex;align-items:center;gap:6px;font:700 12.5px/1 var(--font-sans,Inter,system-ui,sans-serif);white-space:nowrap}
.bhuc-selc b{color:#b8874f;font-size:14px}
.bhuc-selc.dim{opacity:.5;font-weight:600}
.bhuc-selc button{border:0;background:none;padding:6px 4px;color:#16294a;font:800 12.5px/1 var(--font-sans,Inter,system-ui,sans-serif);text-decoration:underline;cursor:pointer}

/* rows: name + match on line 1, details on line 2, tags on line 3, round actions on the right */
.bhuc-back .bhuc-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;column-gap:9px;padding:9px 0}
.bhuc-back .bhuc-row .bhuc-ck{width:24px;height:26px;align-items:center;justify-content:center}
.bhuc-back .bhuc-row .bhuc-ck input{width:24px;height:26px}
.bhuc-back .bhuc-row .bhuc-ck i{width:20px;height:20px;border-radius:6px}
.bhuc-back .bhuc-main{min-width:0}
.bhuc-l1{display:flex;align-items:center;gap:8px;min-width:0}
.bhuc-back .bhuc-l1 b{flex:1;min-width:0;margin:0;font:800 15px/1.3 var(--font-sans,Inter,system-ui,sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bhuc-ti{font-weight:600;opacity:.6}
.bhuc-back .bhuc-sc{flex:none;padding:3px 7px;border-radius:999px;font:800 11px/1 var(--font-sans,Inter,system-ui,sans-serif);opacity:1;background:rgba(22,45,76,.08);color:#16294a}
.bhuc-back .bhuc-sc.sc-hi{background:rgba(32,150,90,.16);color:#14683f}
.bhuc-back .bhuc-sc.sc-mid{background:rgba(206,165,119,.3);color:#7a5222}
.bhuc-back .bhuc-main small{margin-top:1px;font-size:12.5px;line-height:1.35;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bhuc-back .bhuc-tags{gap:4px;margin-top:5px}
.bhuc-back .bhuc-tags em{display:inline-flex;align-items:center;gap:4px;height:19px;padding:0 7px;font:700 11px/1 var(--font-sans,Inter,system-ui,sans-serif);white-space:nowrap}
.bhuc-back .bhuc-tags .bhuc-ow{max-width:86px;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:19px}
.bhuc-sent i{font-size:8px}
.bhuc-back .bhuc-row.sent .bhuc-l1 b{opacity:.7}
.bhuc-acts{display:flex;align-items:center;gap:5px}
.bhuc-back .bhuc-call,.bhuc-back .bhuc-wa{width:38px;height:38px;font-size:15.5px}
.bhuc-back .bhuc-wa{border-color:rgba(37,211,102,.55);color:#128c4a}
.bhuc-back .bhuc-wa:hover,.bhuc-back .bhuc-wa:focus-visible{background:rgba(37,211,102,.16)}

/* empty state */
.bhuc-back .bhuc-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 8px}
.bhuc-empty>i{font-size:26px;opacity:.3}
.bhuc-empty button{margin-top:4px;min-height:36px;padding:0 16px;border:1px solid rgba(22,45,76,.2);border-radius:999px;background:#fff;color:#16294a;font:700 13px/1 var(--font-sans,Inter,system-ui,sans-serif);cursor:pointer}

/* footer: copy + send on one line; clear disabled state */
.bhuc-back .bhuc-foot{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));gap:6px}
@media (min-width:700px){.bhuc-back .bhuc-foot{padding:12px 20px 14px}}
.bhuc-fr{display:flex;gap:8px}
.bhuc-cp{flex:none;width:48px;height:48px;border:1px solid rgba(22,45,76,.2);border-radius:50%;background:#fff;color:#16294a;font-size:16px;cursor:pointer}
.bhuc-cp:disabled{opacity:.4;cursor:default}
.bhuc-back .bhuc-fr .bhuc-go{flex:1;min-width:0;min-height:48px;font-size:15px}
.bhuc-back .bhuc-go:disabled{background:rgba(22,45,76,.08);color:rgba(22,45,76,.5)}
.bhuc-back .bhuc-qbar{font-size:12.5px}

/* dark */
[data-theme="dark"] .bhuc-back .bhuc-tabs,[data-theme="dark"] .bhuc-back .bhuc-sa{background:#0f1f33}
[data-theme="dark"] .bhuc-grab{background:rgba(255,255,255,.25)}
[data-theme="dark"] .bhuc-back .bhuc-hb,[data-theme="dark"] .bhuc-back .bhuc-x,[data-theme="dark"] .bhuc-q input,[data-theme="dark"] .bhuc-qc,[data-theme="dark"] .bhuc-cp,[data-theme="dark"] .bhuc-empty button{background:transparent;border-color:rgba(255,255,255,.2);color:#eaeef3}
[data-theme="dark"] .bhuc-menu{background:#16294a;color:#eaeef3;border-color:rgba(255,255,255,.16)}
[data-theme="dark"] .bhuc-back .bhuc-sa,[data-theme="dark"] .bhuc-back .bhuc-sa .bhuc-all{border-color:rgba(255,255,255,.14)}
[data-theme="dark"] .bhuc-selc button{color:#eaeef3}
[data-theme="dark"] .bhuc-qc.on{background:#cea577;border-color:#cea577;color:#0b2038}
[data-theme="dark"] .bhuc-back .bhuc-sc{background:rgba(255,255,255,.1);color:#eaeef3}
[data-theme="dark"] .bhuc-back .bhuc-sc.sc-hi{background:rgba(60,190,120,.2);color:#7fe0ad}
[data-theme="dark"] .bhuc-back .bhuc-sc.sc-mid{background:rgba(206,165,119,.25);color:#e0bd94}
[data-theme="dark"] .bhuc-back .bhuc-wa{color:#5fe39a}
[data-theme="dark"] .bhuc-back .bhuc-go:disabled{background:rgba(255,255,255,.08);color:rgba(255,255,255,.45)}
[data-theme="dark"] .bhuc-back .bhuc-ctrl select{background:transparent;color:#eaeef3;border-color:rgba(255,255,255,.2)}
[data-theme="dark"] .bhuc-back .bhuc-call,[data-theme="dark"] .bhuc-back .bhuc-wa,[data-theme="dark"] .bhuc-back .bhuc-fb{background:transparent;color:#eaeef3;border-color:rgba(255,255,255,.22)}
[data-theme="dark"] .bhuc-back .bhuc-wa{border-color:rgba(95,227,154,.5);color:#5fe39a}
[data-theme="dark"] .bhuc-back .bhuc-fb.on{background:#cea577;border-color:#cea577;color:#0b2038}
[data-theme="dark"] .bhuc-back .bhuc-fp,[data-theme="dark"] .bhuc-back .bhuc-ff{background:#16294a;color:#eaeef3;border-color:rgba(255,255,255,.16)}
[data-theme="dark"] .bhuc-back .bhuc-fc,[data-theme="dark"] .bhuc-back .bhuc-ff button{background:transparent;color:#eaeef3;border-color:rgba(255,255,255,.22)}
[data-theme="dark"] .bhuc-back .bhuc-fc.on,[data-theme="dark"] .bhuc-back .bhuc-ff button.ok{background:#cea577;border-color:#cea577;color:#0b2038}
[data-theme="dark"] .bhuc-back .bhuc-tabs button.on b{color:#0b2038;opacity:.75}
[data-theme="dark"] .bhuc-back .bhuc-tags em{background:rgba(255,255,255,.1);color:#eaeef3}
[data-theme="dark"] .bhuc-back .bhuc-tags .bhuc-age.age-fresh,[data-theme="dark"] .bhuc-back .bhuc-tags .bhuc-st.st-twice{background:rgba(60,190,120,.2)!important;color:#7fe0ad!important}
[data-theme="dark"] .bhuc-back .bhuc-tags .bhuc-age.age-recent,[data-theme="dark"] .bhuc-back .bhuc-tags .bhuc-st.st-once{background:rgba(206,165,119,.25)!important;color:#e8c9a0!important}
[data-theme="dark"] .bhuc-back .bhuc-tags .bhuc-age.age-aging{background:rgba(230,140,40,.22)!important;color:#f0b060!important}
[data-theme="dark"] .bhuc-back .bhuc-tags .bhuc-age.age-old,[data-theme="dark"] .bhuc-back .bhuc-tags .bhuc-st.st-none{background:rgba(230,90,75,.2)!important;color:#ff9a8e!important}
[data-theme="dark"] .bhuc-back .bhuc-tags .bhuc-sent{background:#cea577!important;color:#0b2038!important}
[data-theme="dark"] .bhuc-menu button i,[data-theme="dark"] .bhuc-qc i{color:#cea577}