/* ── TABS (main nav) ── */
.main-tabs{display:flex;background:#1E293B;position:sticky;top:64px;z-index:190}
.main-tab{flex:1;padding:10px 4px;border:none;background:transparent;font-family:inherit;font-size:12px;font-weight:700;color:#64748B;cursor:pointer;border-bottom:3px solid transparent}
.main-tab.active{color:#fff;border-color:#2563EB}

/* ── FILTER BAR ── */
.filter-bar{display:flex;background:#F8FAFC;border-bottom:1px solid var(--border);padding:8px 12px;gap:6px;overflow-x:auto;flex-wrap:nowrap}
.filter-btn{flex-shrink:0;padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:#fff;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;color:var(--text2);white-space:nowrap}
.filter-btn.active{color:#fff;border-color:transparent}
.filter-btn.f-all.active{background:#0F172A}
.filter-btn.f-ng.active{background:var(--ng)}
.filter-btn.f-ps.active{background:var(--ps)}
.filter-btn.f-bt.active{background:var(--bt)}
.filter-btn.f-co.active{background:var(--co)}