/* RJ DTC Admin · Round 4 · HQ Brands · page.css (prefix br-) — tokens only, no size queries */
.br-resync{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
.br-resync .spin{width:11px;height:11px;border-width:1.5px}
.br-site{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-4);border:1px solid hsl(var(--border));border-radius:var(--r-card);background:hsl(var(--muted)/.45);font-size:var(--text-body)}
.br-site .q{font-size:var(--text-small);margin-left:auto}
.br-site-ico{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-control);background:hsl(var(--background));border:1px solid hsl(var(--border));flex:none}
.br-partial{border:1px solid hsl(var(--warning)/.3);border-radius:var(--r-card);margin-bottom:var(--s-4)}

/* the 12-column registry table: data-table wide table, Kind and Name frozen */
.br-tbl{table-layout:fixed}
.br-tbl td{vertical-align:middle}
.br-tbl .fz{background:hsl(var(--card))}
.br-tbl th.fz{background:hsl(var(--muted))}
.br-tbl .br-fz2{left:64px}
.br-tbl .br-fzr{position:sticky;right:0;z-index:2;background:hsl(var(--card));box-shadow:-1px 0 0 hsl(var(--border))}
.br-tbl th.br-fzr{z-index:4;background:hsl(var(--muted))}
.br-tbl tr:hover td.br-fzr{background:hsl(var(--muted))}
.br-tbl tr.is-edit td.br-fzr{background:hsl(var(--accent))}
.br-hint{margin-bottom:var(--s-2)}
.br-tbl tr:hover td.fz{background:hsl(var(--muted))}
.br-tbl tr.is-edit td{background:hsl(var(--accent)/.55)}
.br-tbl tr.is-edit:hover td{background:hsl(var(--accent)/.55)}
.br-name{font-weight:var(--w-semibold)}
.br-kind{height:20px}
.br-caps{display:flex;flex-wrap:wrap;gap:var(--s-1);align-items:center}
.br-cap{height:20px;padding:0 6px;color:hsl(var(--muted-foreground));background:transparent;border:1px dashed hsl(var(--border));text-decoration:line-through;text-decoration-color:hsl(var(--muted-foreground)/.5)}
.br-cap.on{color:hsl(var(--foreground));background:hsl(var(--muted));border:1px solid hsl(var(--border));text-decoration:none}
button.br-cap{cursor:pointer}
button.br-cap:hover{border-color:hsl(var(--input-hover))}
button.br-cap:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:1px}
.br-mode{height:20px}
.br-com{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-2)}
.br-com .btn{white-space:nowrap}
.br-flag{height:20px;font-size:10px}
.br-busy{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--info))}
.br-busy .spin{width:12px;height:12px;border-width:1.5px}
.br-sel-chip{height:18px;margin-left:var(--s-1)}
.br-ra{display:flex;gap:var(--s-1);justify-content:flex-end}
.br-tbl .input.sm{height:var(--control-h-sm);padding:0 var(--s-2);font-size:var(--text-small)}
.br-sel{appearance:auto;padding-right:var(--s-1)}
.br-errrow td{background:hsl(var(--destructive)/.05)!important;height:auto;padding:var(--s-2) var(--s-3)}
.br-err{display:flex;align-items:center;gap:var(--s-2);color:hsl(var(--destructive));font-size:var(--text-small);position:sticky;left:var(--s-3)}
.br-foot{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-4);font-size:var(--text-small)}
.hq-nopop .br-resync{visibility:hidden}

/* admit confirm */
.br-admit .ov-dg-h{display:flex;align-items:flex-start;gap:var(--s-3)}
.br-admit .ov-dg-b p{color:hsl(var(--muted-foreground))}
.br-admfacts{margin:var(--s-4) 0;padding:var(--s-3) var(--s-4);border:1px solid hsl(var(--border));border-radius:var(--r-control)}
.br-steps{list-style:none;display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.br-steps li{display:flex;align-items:center;gap:var(--s-2)}
.br-sdot{width:8px;height:8px;border-radius:50%;border:1.5px solid hsl(var(--input));flex:none}
.br-steps li.on{color:hsl(var(--foreground))}
.br-steps li.on .br-sdot{border-color:hsl(var(--info));background:hsl(var(--info)/.3)}
.br-steps li.done{color:hsl(var(--foreground))}
.br-steps li.done .br-sdot{border-color:hsl(var(--success));background:hsl(var(--success))}

/* ======================================== PHONE ======================================== */
.kit-m .br-site{align-items:flex-start;font-size:var(--text-small)}
.kit-m .br-site .q{margin-left:0}
.kit-m .br-cards{display:flex;flex-direction:column;gap:var(--s-3)}
.kit-m .br-card .hq-panel+.hq-panel{margin-top:0}
.kit-m .br-card .hq-panel-h{gap:var(--s-3)}
.kit-m .br-ch{display:flex;flex-direction:column;gap:2px;min-width:0}
.kit-m .br-ch b{font:var(--w-semibold) var(--text-card)/1.2 var(--font-voice)}
.kit-m .br-ch .code{font-size:var(--text-micro)}
.kit-m .br-dl dd{text-align:right;display:flex;justify-content:flex-end}
.kit-m .br-dl .br-caps,.kit-m .br-dl .br-com{justify-content:flex-end}
.kit-m .br-dl .br-com .btn{height:var(--control-h-m);margin-top:var(--s-1)}
.kit-m .br-cact{display:flex;gap:var(--s-2);margin-top:var(--s-4)}
.kit-m .br-cact .btn{flex:1}
.kit-m .br-cerr{margin-top:var(--s-3)}
.kit-m .br-foot{justify-content:center;text-align:center}
.kit-m .br-form{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4)}
.kit-m .br-form .lbl{display:block;margin-bottom:var(--s-2)}
.kit-m .br-form .br-caps button.br-cap,.kit-m .br-form .br-caps .br-cap{height:32px;padding:0 var(--s-3);font-size:var(--text-small)}
.kit-m .br-fix{display:flex;align-items:center;gap:var(--s-3);min-height:44px}
.kit-m .br-form p{color:hsl(var(--muted-foreground))}
.kit-m .br-admfacts{margin:0}