/* ============================================
FILTER TABS
============================================ */
.filter-tab {
display: inline-flex;
align-items: center;
padding: 0.75rem 1.5rem;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: all 0.2s;
color: var(--med-text);
background: var(--med-bg);
border: 2px solid var(--med-border);
min-height: 44px;
}
.filter-tab:hover:not(.is-active) {
background: var(--med-bg-light);
}
.filter-tab.is-active {
background: var(--med-primary);
color: #ffffff;
border-color: var(--med-primary);
}
.filter-tab:focus-visible {
outline: 3px solid var(--med-focus);
outline-offset: 2px;
}