/* ==========================================
   1. СТИЛИЗАЦИЯ ФОРМЫ АВТОРИЗАЦИИ
   ========================================== */
#login {
    /* Делаем легкую, элегантную тень вокруг формы, чтобы отделить её от белого фона */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 30px !important;
}

/* Изменяем заголовок */
#login h1 {
    font-size: 1.5em !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    margin-top: 15px !important;
}

/* ==========================================
   2. ПОЛЯ ВВОДА И КНОПКА ВОЙТИ
   ========================================== */
/* Закругляем поля логина и пароля */
#login input[type="text"],
#login input[type="password"] {
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 12px !important;
    background-color: #f8fafc !important;
    transition: all 0.2s ease !important;
}

/* Подсветка полей при клике */
#login input[type="text"]:focus,
#login input[type="password"]:focus {
    border-color: #475569 !important;
    box-shadow: 0 0 0 3px rgba(71, 85, 105, 0.15) !important;
    outline: none !important;
}

/* Красивая скругленная кнопка */
#login input[type="submit"],
#login button {
    border-radius: 8px !important;
    background-color: #475569 !important; /* Строгий грифельный цвет */
    padding: 12px !important;
    font-weight: 500 !important;
    transition: background-color 0.2s ease !important;
}

#login input[type="submit"]:hover,
#login button:hover {
    background-color: #334155 !important;
}

/* ==========================================
   3. АККУРАТНЫЙ ТЕКСТ СНИЗУ
   ========================================== */
#login form::after {
    content: "Личное сетевое хранилище. Доступ ограничен." !important;
    display: block !important;
    margin-top: 25px !important;
    font-size: 0.82em !important;
    color: #64748b !important;
    text-align: center !important;
    border-top: 1px dashed #e2e8f0 !important;
    padding-top: 15px !important;
}