.brand-region-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.brand-region-tabs [role=tab]{min-height:44px;padding:11px 20px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);font:inherit;font-size:13px;transition:background .15s,border-color .15s}
.brand-region-tabs [role=tab]:hover{background:#e9eedf;border-color:#8c9f7f}
.brand-region-tabs [role=tab][aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.brand-region-tabs [role=tab]:focus-visible,#brand-region-panel:focus-visible{outline:2px solid #657a59;outline-offset:4px}
.brand-region-description{margin:0 0 22px;color:var(--muted);font-size:12px;line-height:1.7}
.brand-region-empty{grid-column:1/-1;margin:0;padding:24px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}
#brands .independent-button:disabled{opacity:.55;cursor:default}
#brands .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-display-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:10px}
.brand-display-controls label{display:flex;align-items:center;gap:12px;font-size:12px}
.brand-display-controls select{min-width:220px;min-height:44px}
.brand-display-controls p{margin:0;font-size:12px}
.brand-sort-help{margin:0 0 15px;font-size:11px;line-height:1.7;color:var(--muted)}
.brand-pagination{display:flex;justify-content:center;margin-top:20px}
.brand-pagination:has(button[hidden]){display:none}
@media(max-width:760px){#brands .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-display-controls{align-items:flex-start;gap:10px}.brand-display-controls label{width:100%;flex-wrap:wrap}.brand-display-controls select{flex:1;min-width:0}.brand-pagination button{min-height:44px}}
@media(max-width:570px){.brand-region-tabs{gap:7px}.brand-region-tabs [role=tab]{padding:10px 14px;font-size:12px}.brand-region-description{font-size:11px;margin-bottom:18px}#brands .brands-bottom{flex-wrap:wrap}}