/* L133 — Clients for this unit (Availability). Brand tokens only. */
.avl-uc-badge{display:inline-flex;align-items:center;gap:4px;margin-left:7px;padding:2px 8px;border:1px solid rgba(var(--c-sand-rgb),.55);border-radius:var(--rd-pill);background:rgba(var(--c-sand-rgb),.2);color:var(--navy);font:700 var(--fs-xs)/1.3 var(--font-body);cursor:pointer;vertical-align:middle}
.avl-uc-badge i{font-size:var(--fs-xs);color:var(--navy)}
.avl-uc-badge:hover,.avl-uc-badge:focus-visible{background:rgba(var(--c-sand-rgb),.38);outline:none}
.avl-uc-badge.is-close{background:transparent;border-style:dashed;color:var(--mut)}
.avl-uc-badge.is-close i{color:var(--mut)}
@media (max-width:860px){.m-unit .avl-uc-badge,.m-status .avl-uc-badge{margin:2px 4px 0 0;padding:0 6px;font-size:var(--fs-xs);line-height:16px;min-height:16px;gap:3px}}

.uc-back{position:fixed;inset:0;z-index:1000;background:rgba(var(--c-starlight-dark-rgb),.62);display:flex;align-items:center;justify-content:center;padding:12px}
.uc-box{width:min(620px,100%);max-height:92dvh;display:flex;flex-direction:column;background:var(--bg-surface);border-radius:var(--rd-lg);box-shadow:var(--sh-3);overflow:hidden}
.uc-box>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--line)}
.uc-box h3{margin:0;color:var(--navy);font-size:var(--fs-title);line-height:1.25}
.uc-box header small{display:block;margin-top:3px;color:var(--mut);font-size:var(--fs-xs)}
.uc-x{flex:none;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--bg-surface);color:var(--navy);font-size:20px;line-height:1;cursor:pointer}
.uc-body{flex:1 1 auto;overflow:auto;padding:10px 16px;-webkit-overflow-scrolling:touch}
.uc-tabs{display:flex;gap:6px}
.uc-tabs button{flex:1;min-height:40px;border:1px solid var(--line);border-radius:var(--rd-pill);background:var(--bg-surface);color:var(--navy);font:600 var(--fs-sm)/1 var(--font-body);cursor:pointer}
.uc-tabs button b{margin-inline-start:4px;color:var(--mut)}
.uc-tabs button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.uc-tabs button.on b{color:var(--c-sand)}
.uc-hint{margin:8px 0 4px;color:var(--mut);font-size:var(--fs-xs)}
.uc-all{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--navy);font:600 var(--fs-sm)/1.2 var(--font-body);cursor:pointer}
.uc-list{list-style:none;margin:0;padding:0}
.uc-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.uc-row.on{background:linear-gradient(90deg,rgba(var(--c-sand-rgb),.14),transparent)}
.uc-ck{position:relative;display:inline-flex;width:24px;height:24px;flex:none}
.uc-ck input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.uc-ck i{width:24px;height:24px;border:2px solid var(--line);border-radius:7px;background:var(--bg-surface);display:block;transition:background .12s,border-color .12s}
.uc-ck input:checked+i{background:var(--navy);border-color:var(--navy)}
.uc-ck input:checked+i::after{content:"";display:block;width:6px;height:11px;margin:2px 0 0 7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.uc-ck input:focus-visible+i{outline:2px solid var(--c-sand);outline-offset:2px}
.uc-main{min-width:0;cursor:pointer}
.uc-main b{display:block;color:var(--navy);font-size:var(--fs-md);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uc-main small{display:block;color:var(--mut);font-size:var(--fs-xs);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uc-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.uc-tags em{font-style:normal;padding:0 7px;border-radius:var(--rd-pill);font:600 11px/18px var(--font-body);background:rgba(var(--ink-rgb),.07);color:var(--navy)}
.uc-st.st-none{background:rgba(var(--c-red-rgb,200,60,45),.12);color:var(--tx-danger)}
.uc-st.st-once{background:rgba(var(--c-sand-rgb),.25)}
.uc-st.st-twice{background:rgba(var(--c-green-rgb,40,140,90),.14);color:var(--tx-success,var(--navy))}
.uc-st.st-unassigned{background:rgba(var(--ink-rgb),.1)}
.uc-sent{background:var(--navy)!important;color:#fff!important}
.uc-sc{font:700 var(--fs-xs)/1 var(--font-body);color:var(--mut)}
.uc-wa{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--bg-surface);color:var(--navy);font-size:18px;cursor:pointer}
.uc-wa:hover,.uc-wa:focus-visible{background:rgba(var(--c-sand-rgb),.25);outline:none}
.uc-empty{padding:28px 0;text-align:center;color:var(--mut);font-size:var(--fs-sm)}
.uc-foot{flex:none;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--bg-surface)}
.uc-go{width:100%;min-height:46px;border:0;border-radius:var(--rd-pill);background:var(--c-sand);color:var(--navy);font:700 var(--fs-md)/1 var(--font-body);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.uc-go:disabled{opacity:.45;cursor:not-allowed}
.uc-qbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:var(--mut);font-size:var(--fs-xs)}
.uc-stop{border:0;background:none;color:var(--tx-danger);font:600 var(--fs-xs)/1 var(--font-body);cursor:pointer;padding:6px}
@media (max-width:560px){.uc-back{padding:6px;align-items:flex-end}.uc-box{border-radius:var(--rd-lg) var(--rd-lg) var(--rd-sm) var(--rd-sm);max-height:94dvh}}

/* L135 — manager: employee filter + sort, and how long ago each client was handed to the employee */
.uc-ctrl{display:flex;gap:8px;margin:6px 0 2px}
.uc-ctrl select{flex:1 1 0;min-width:0;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:var(--rd-pill);background:var(--bg-surface);color:var(--navy);font:600 var(--fs-sm)/1 var(--font-body)}
.uc-ctrl select:first-child{flex:1.4 1 0}
.uc-tags .uc-age{font-weight:700}
.uc-age.age-fresh{background:rgba(var(--c-green-rgb,40,140,90),.18)!important;color:var(--tx-success,#1d7a4a)!important}
.uc-age.age-recent{background:rgba(var(--c-sand-rgb),.3)!important}
.uc-age.age-aging{background:rgba(var(--c-orange-rgb,230,140,40),.2)!important;color:#9a5a12!important}
.uc-age.age-old{background:rgba(var(--c-red-rgb,200,60,45),.12)!important;color:var(--tx-danger)!important}