/* static/css/login.css — страница логина в том же стиле */

/*
 * ══════════════════════════════════════════════════════════
 * ПРИНУДИТЕЛЬНАЯ СВЕТЛАЯ ТЕМА ДЛЯ СТРАНИЦЫ ЛОГИНА
 * ══════════════════════════════════════════════════════════
 * Отключаем автоматическую тёмную тему браузера для страницы логина
 */

.login-body {
    color-scheme: light only; /* Принудительно светлая тема */
}

/* Фон логина: мягкий светлый teal */
.login-body {
    min-height: 100vh;
    margin: 0;
    background: radial-gradient(
        circle at top,
        #c4e8ee 0%,
        #e7f0f2 45%,
        #d4e2e6 100%
    );
    display: flex;
    align-items: center;
    justify-content: center;
    color: #003c46; /* Явный цвет текста */
}

/* Обёртка */
.login-wrapper {
    width: 100%;
}

/* Карточка логина */
.login-card {
    max-width: 420px;
    margin: 40px auto;
    background: #ffffff !important; /* Принудительно белый фон */
    color: #003c46 !important; /* Принудительно тёмный текст */
    border-radius: 12px;
    border: none;
    box-shadow:
        0 12px 30px rgba(0, 60, 70, 0.22),
        0 0 0 1px rgba(0, 111, 130, 0.18);
}

/* Заголовки */
.login-title {
    font-weight: 600;
    color: #003c46 !important; /* Принудительно тёмный */
    text-align: center;
    white-space: nowrap;
}

.login-subtitle {
    font-weight: 500;
    color: #005a6a !important; /* Принудительно тёмный */
    text-align: center;
    white-space: nowrap;
}

/* Метки полей формы */
.login-card .form-label {
    color: #003c46 !important; /* Принудительно тёмный */
    font-weight: 500;
}

/* Поля формы */
.login-card .form-control {
    background-color: #ffffff !important; /* Белый фон */
    color: #003c46 !important; /* Тёмный текст */
    border: 1px solid rgba(0, 111, 130, 0.3) !important;
    border-radius: 8px;
}

.login-card .form-control::placeholder {
    color: rgba(0, 60, 70, 0.5) !important; /* Полупрозрачный placeholder */
}

.login-card .form-control:focus {
    border-color: #006f82 !important;
    outline: 2px solid rgba(0, 111, 130, 0.3) !important;
    outline-offset: 0;
}

/* Кнопка входа */
.login-button {
    background-color: #006f82 !important;
    color: #ffffff !important; /* Белый текст на кнопке */
    border-radius: 8px;
    font-weight: 500;
    border: 1px solid #006f82 !important;
}

.login-button:hover {
    background-color: #00889f !important;
    border-color: #00889f !important;
}

.login-button:active {
    background-color: #005665 !important;
}

/* На маленьких экранах чуть меньше отступ сверху */
@media (max-width: 576px) {
    .login-card {
        margin-top: 20px;
    }
}

/*
 * ══════════════════════════════════════════════════════════
 * БЛОКИРОВКА ТЁМНОЙ ТЕМЫ
 * ══════════════════════════════════════════════════════════
 * Удаляем тёмную тему для страницы логина (если была)
 */

/* Удаляем все стили для тёмной темы на странице логина */
@media (prefers-color-scheme: dark) {
    .login-body {
        background: radial-gradient(
            circle at top,
            #c4e8ee 0%,
            #e7f0f2 45%,
            #d4e2e6 100%
        ) !important;
        color: #003c46 !important;
    }

    .login-card {
        background: #ffffff !important;
        color: #003c46 !important;
        box-shadow:
            0 12px 30px rgba(0, 60, 70, 0.22),
            0 0 0 1px rgba(0, 111, 130, 0.18) !important;
    }

    .login-title {
        color: #003c46 !important;
    }

    .login-subtitle {
        color: #005a6a !important;
    }

    .login-card .form-label {
        color: #003c46 !important;
    }

    .login-card .form-control {
        background-color: #ffffff !important;
        color: #003c46 !important;
        border-color: rgba(0, 111, 130, 0.3) !important;
    }

    .login-button {
        background-color: #006f82 !important;
        color: #ffffff !important;
        border-color: #006f82 !important;
    }
}

[data-color-scheme="dark"] .login-body {
    background: radial-gradient(
        circle at top,
        #c4e8ee 0%,
        #e7f0f2 45%,
        #d4e2e6 100%
    ) !important;
    color: #003c46 !important;
}

[data-color-scheme="dark"] .login-card {
    background: #ffffff !important;
    color: #003c46 !important;
}

[data-color-scheme="dark"] .login-title {
    color: #003c46 !important;
}

[data-color-scheme="dark"] .login-subtitle {
    color: #005a6a !important;
}

[data-color-scheme="dark"] .login-card .form-label {
    color: #003c46 !important;
}

[data-color-scheme="dark"] .login-card .form-control {
    background-color: #ffffff !important;
    color: #003c46 !important;
    border-color: rgba(0, 111, 130, 0.3) !important;
}

[data-color-scheme="dark"] .login-button {
    background-color: #006f82 !important;
    color: #ffffff !important;
    border-color: #006f82 !important;
}