/* Экран входа настольной части (TASK-135).
 *
 * В прототипе Заказчика настольного входа нет, а `prototype/assets/css` —
 * его артефакт и не правится. Здесь только раскладка карточки: сами поля,
 * кнопки и бейджи берутся общими классами из `components.css`.
 */

.login-page {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: var(--space-double);
    background: var(--surface-container-low);
}

.login-card {
    display: flex;
    flex-direction: column;
    gap: var(--space-double);
    width: min(360px, 100%);
    padding: var(--space-triple);
    background: var(--surface-container-lowest);
    border-radius: var(--corner-l);
    box-shadow: var(--elev-2);
}

.login-brand {
    display: flex;
    flex-direction: column;
    gap: var(--space-half);
    align-items: center;
    text-align: center;
    color: var(--on-surface-variant);
}

.login-name {
    font-weight: 600;
    color: var(--on-surface);
}

.login-card form {
    display: flex;
    flex-direction: column;
    gap: var(--space-double);
}