/* RJ DTC Admin · Round 4 · HQ Users & access · page.css (prefix us-) — tokens only */
.us-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--s-6);align-items:start}
.us-brands{position:sticky;top:calc(var(--topbar-h) + var(--s-4))}
.us-brands .hq-panel-h{flex-direction:column;align-items:flex-start;gap:2px}
.us-blist{display:flex;flex-direction:column;padding:var(--s-2)}
.us-b{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-control);text-decoration:none;color:inherit;min-height:52px}
.us-b:hover{background:hsl(var(--muted))}
.us-b.on{background:hsl(var(--accent));box-shadow:inset 2px 0 0 hsl(var(--primary))}
.us-b .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.us-b .t b{font-weight:var(--w-semibold)}
.us-b .t span{font-size:var(--text-micro);color:hsl(var(--muted-foreground))}
.us-b .r{display:flex;align-items:center;gap:var(--s-1);font-size:var(--text-small);color:hsl(var(--muted-foreground));white-space:nowrap}
.us-nob{padding:var(--s-4)}
.us-rh{margin-bottom:var(--s-3)}
.us-rh h2{font-size:var(--text-section)}
.us-tbl{table-layout:fixed}
.us-tbl tr.is-off td{color:hsl(var(--muted-foreground))}
.us-mem{display:flex;align-items:center;gap:var(--s-3)}
.us-mem>span:not(.avatar){display:flex;flex-direction:column}
.us-mem>span:not(.avatar) span{font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.us-role{height:22px;background:hsl(var(--muted));color:hsl(var(--foreground))}
.us-role.admin{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}
.us-role.support{background:transparent;border:1px solid hsl(var(--border))}
.us-ro{display:flex;align-items:center;gap:var(--s-2);margin:var(--s-3) 0 var(--s-8);font-size:var(--text-small)}
.us-roles-h h2{font-size:var(--text-card)}
.us-dark .act{margin-top:var(--s-2)}

.kit-m .us-lead{margin-bottom:var(--s-3)}
.kit-m .us-mblist .us-b,.kit-m .us-sheetlist .us-b{border-radius:0;min-height:64px;align-items:center}
.kit-m .us-b.on{box-shadow:inset 3px 0 0 hsl(var(--primary))}
.kit-m .us-switch{margin:0 0 var(--s-4);border:1px solid hsl(var(--border));border-radius:var(--r-card);align-items:center;cursor:pointer}
.kit-m .us-switch .r span{color:hsl(var(--foreground));font-weight:var(--w-medium)}
.kit-m .us-li .avatar{margin-top:2px}
.kit-m .us-li .r{flex-direction:row;align-items:center;gap:var(--s-1)}
.kit-m .us-none{padding:var(--s-6) var(--s-4)}
.kit-m .us-ro{margin:var(--s-3) 0 var(--s-6)}
.kit-m .us-rcards{display:flex;flex-direction:column;gap:var(--s-2)}
.kit-m .us-rcard{border:1px solid hsl(var(--border));border-radius:var(--r-card);padding:var(--s-3) var(--s-4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2)}
.kit-m .us-rcard p{font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.kit-m .us-b .r{flex-direction:row;align-items:center}
[data-state=loading] .us-blist,[data-state=no-brands] .us-blist{display:none}