/* ============================================================
   Business PC V2 — TABS (PHASE 3)
   Единый источник стилей вкладок.

   Текущий компонент — .admin-tabs/.admin-tab (админка):
   перенос из admin.css без изменения значений.
   Переключатели вариантов оплаты в корзине (.co-option) —
   это radio-раскладка, а не вкладки, они остаются в cart.css.

   Правило подключения: ПОСЛЕ ui/badges.css, но ДО site.css
   и страничных стилей.

   Компоненты ТЗ: Tabs.
   ============================================================ */

/* ---------- Ряд вкладок ---------- */
.tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

/* ---------- Вкладка ---------- */
.tab {
    padding: 8px 16px;
    font: inherit;
    font-size: 0.88rem;
    color: var(--neutral-900);
    background: var(--color-surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        color 0.15s ease,
        background 0.15s ease;
}

.tab:hover {
    border-color: var(--neutral-350);
    color: var(--color-text);
}

.tab.is-active {
    background: var(--color-text);
    border-color: var(--color-text);
    color: var(--color-bg);
}