/*
 * Общий стиль панели разделов настроек (.user-settings__tabs / .user-settings__tab) и кнопки возврата
 * (.service-back). Вынесено из app.css, чтобы standalone-страница partner-cabinet.php имела ИДЕНТИЧНЫЙ
 * вид панели и кнопки, не дублируя правила и не подключая весь app.css.
 *
 * Переменные --border/--text объявлены в app.css :root (тема). Здесь :root НЕ объявляем: двойное объявление
 * тех же переменных стало бы миной (правка темы в app.css молча перебивалась бы этим файлом). Вместо этого —
 * фолбэк прямо в var(): в app.php выигрывает :root из app.css (тема жива), в кабинете (без app.css)
 * разрешается литерал. Значения фолбэков совпадают с app.css :root на момент выноса.
 */

.user-settings__tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.user-settings__tab {
    border: 1px solid var(--border, #e5e7eb);
    background: #f8fafc;
    color: #111827;
    border-radius: 999px;
    padding: 8px 12px;
    cursor: pointer;
    font-weight: 700;
}

.user-settings__tab.is-active {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}

.service-back {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--border, #e5e7eb);
    background: #ffffff;
    color: var(--text, #111827);
    border-radius: 999px;
    padding: 9px 13px;
    font-weight: 800;
    cursor: pointer;
    margin-bottom: 14px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

.service-back:hover {
    background: #f9fafb;
}