/* ============================================================
   login.css — styles for the login page
   ============================================================ */

body {
    background: #1a5c2a;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.login-card {
    max-width: 420px;
    width: 100%;
    margin: auto;
}

.logo {
    width: 80px;
    margin-bottom: 1rem;
}

.divider {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #6c757d;
    margin: 1.25rem 0;
}

.divider::before,
.divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #dee2e6;
}

.btn-google {
    background: #fff;
    border: 1px solid #dadce0;
    color: #3c4043;
}

.btn-google:hover { background: #f8f9fa; }

.btn-google img {
    width: 18px;
    margin-right: 8px;
}

/* Alert variants */
.alert-locked {
    background: #FFEBEE;
    color: #B71C1C;
    border-left: 4px solid #B71C1C;
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 12px;
}

.alert-expired {
    background: #FFF8E1;
    color: #E65100;
    border-left: 4px solid #F57C00;
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 12px;
}