/* tabs.css — табы для группировки контента (формы, разделы страницы). */

.ds-tabs__nav {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--line);
    margin-bottom: 16px;
}

.ds-tabs__btn {
    appearance: none;
    background: transparent;
    border: none;
    color: var(--muted);
    cursor: pointer;
    padding: 8px 14px;
    font: inherit;
    font-size: 14px;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 0.12s, border-color 0.12s;
}
.ds-tabs__btn:hover { color: var(--fg); }
.ds-tabs__btn.is-active {
    color: var(--ds-info);
    border-bottom-color: var(--ds-info);
}

.ds-tabs__panel { display: none; }
.ds-tabs__panel.is-active { display: block; }