.branch-switcher{margin:0 0 1rem;padding:.85rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06)}
.branch-switcher label{display:grid;gap:.4rem;font-size:.7rem;font-weight:800;color:rgba(255,255,255,.62);text-transform:uppercase;letter-spacing:.06em}
.branch-switcher select{padding:.58rem .65rem;border:1px solid rgba(255,255,255,.14);background:color-mix(in srgb,var(--secondary) 82%,black);color:#fff;border-radius:9px;font-size:.82rem;font-weight:750}
.branch-switcher small{display:block;margin-top:.45rem;color:rgba(255,255,255,.52);font-size:.72rem}.branch-switcher>strong{display:block;margin:.25rem 0}.branch-label{display:block;color:rgba(255,255,255,.55);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}
.btn-light{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:.55rem .75rem;font-size:.8rem}.check-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:.65rem!important}.check-row input{width:auto}
.membership-grid{display:grid;gap:1rem}.membership-card{border:1px solid var(--line);border-radius:16px;padding:1rem;background:#fff}.membership-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.membership-head h4{margin:.1rem 0}.membership-head p{margin:.2rem 0 0;font-size:.78rem;color:var(--muted)}.membership-fields{display:grid;grid-template-columns:minmax(220px,.55fr) 1fr;gap:1rem;align-items:start}.area-options{display:flex;flex-wrap:wrap;gap:.55rem}.area-option{display:flex!important;align-items:center;gap:.45rem!important;border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem!important;font-size:.78rem!important;font-weight:650!important;background:var(--bg)}.area-option input{width:auto}.user-access-summary{display:flex;flex-wrap:wrap;gap:.45rem}.user-access-summary .pill{font-size:.68rem}.empty-note{padding:.8rem;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:.8rem}
@media(max-width:980px){.branch-switcher{padding:.55rem}.branch-switcher label,.branch-switcher small,.branch-switcher>strong,.branch-label{font-size:0}.branch-switcher select{width:100%;padding:.4rem;font-size:0}.branch-switcher select option{font-size:.82rem}.membership-fields{grid-template-columns:1fr}}
@media(max-width:640px){.branch-switcher{display:none}}