/* ── BUTTONS ─────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;height:38px;border-radius:var(--r3);font-weight:700;font-size:13px;transition:all var(--tr);cursor:pointer;border:none;white-space:nowrap}
.btn-icon{width:40px;height:40px;padding:0;border-radius:11px;border:1px solid var(--bd);background:var(--sf2);color:var(--tx2)}
.btn-icon:hover{background:var(--sf3);color:var(--tx)}
.btn-ghost{border:1px solid var(--bd);background:var(--sf);color:var(--tx2)}
.btn-ghost:hover{background:var(--sf2);color:var(--tx)}
.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--sh-btn)}
.btn-primary:hover{background:var(--brand-d);box-shadow:0 8px 20px -8px var(--brand)}
.btn-danger{background:var(--danger);color:#fff}
.btn-danger:hover{background:#c93232}
.btn-sm{height:32px;padding:0 11px;font-size:12.5px;border-radius:var(--r2)}
.btn-xs{height:28px;padding:0 9px;font-size:11.5px;border-radius:var(--r2)}

/* ── TAB BAR ─────────────────────────────────────── */
.tab-btn{display:flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:var(--r3);border:1px solid var(--bd);cursor:pointer;font-weight:700;font-size:12.5px;white-space:nowrap;background:var(--sf);color:var(--tx2);transition:all var(--tr)}
.tab-btn:hover{background:var(--sf2);color:var(--tx)}
.tab-btn.active{background:var(--brand);color:#fff;border-color:transparent}
.count-label{font-size:12px;color:var(--tx3);font-weight:600;white-space:nowrap;margin-left:auto}