/**
 * Theme Switcher Styles
 * Стили для переключателя темы
 */

/* Контейнер переключателей */
.admin-switchers {
    padding: var(--md-spacing-lg) var(--md-spacing-xl);
    border-top: 1px solid var(--md-sys-color-outline-variant);
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
    background: var(--md-sys-color-surface-container);
    display: flex;
    flex-direction: column;
    gap: var(--md-spacing-md);
}

.switcher-group {
    display: flex;
    flex-direction: column;
    gap: var(--md-spacing-xs);
}

.switcher-label {
    font-size: var(--md-font-size-caption);
    font-weight: 600;
    color: var(--md-sys-color-on-surface);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--md-spacing-xs);
}

.switcher-buttons {
    display: flex;
    gap: var(--md-spacing-xs);
    background: var(--md-sys-color-surface-variant);
    padding: var(--md-spacing-xs);
    border-radius: var(--md-radius-md);
    border: 1px solid var(--md-sys-color-outline-variant);
}

/* Кнопки переключения темы */
.theme-btn {
    flex: 1;
    padding: var(--md-spacing-sm) var(--md-spacing-md);
    border: none;
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font-size: var(--md-font-size-body-small);
    font-weight: 500;
    border-radius: var(--md-radius-sm);
    cursor: pointer;
    transition: all var(--md-duration-short) var(--md-easing-standard);
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-btn .material-symbols-outlined {
    font-size: var(--md-font-size-body-small);
}

.theme-btn:hover {
    background: var(--md-sys-color-surface-container);
    color: var(--md-sys-color-on-surface);
}

.theme-btn.active {
    background: var(--md-sys-color-primary);
    color: var(--md-sys-color-on-primary);
    box-shadow: var(--md-elevation-1);
}

.theme-btn:active {
    transform: scale(0.98);
}

/* Кнопки переключения языка */
.lang-btn {
    flex: 1;
    padding: var(--md-spacing-sm) var(--md-spacing-md);
    border: none;
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font-size: var(--md-font-size-body-small);
    font-weight: 500;
    border-radius: var(--md-radius-sm);
    cursor: pointer;
    transition: all var(--md-duration-short) var(--md-easing-standard);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--md-spacing-xs);
}

.lang-btn:hover {
    background: var(--md-sys-color-surface-container);
    color: var(--md-sys-color-on-surface);
}

.lang-btn.active {
    background: var(--md-sys-color-primary);
    color: var(--md-sys-color-on-primary);
    box-shadow: var(--md-elevation-1);
}

.lang-btn:active {
    transform: scale(0.98);
}

/* Иконки в кнопках */
.theme-btn i,
.lang-btn i {
    font-size: var(--md-font-size-body-small);
}