/* ==========================================
   LOGIN SCREEN STYLING
   ========================================== */

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Auth Flex Wrapper - Centers the login/register card safely without breaking Bootstrap grids */
.auth-container {
    flex-grow: 1;
    min-height: calc(100vh - 120px); /* Accommodate footer */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px 15px;
    width: 100%;
}

.auth-card {
    width: 100%;
    max-width: 460px;
    transition: var(--transition-smooth);
}

.input-group-text.form-glass-input {
    border-radius: 10px 0 0 10px !important;
    background: rgba(15, 23, 42, 0.55) !important;
    color: var(--text-muted) !important;
    border: 1px solid var(--border-glass) !important;
}

.form-control.form-glass-input.border-start-0 {
    border-radius: 0 10px 10px 0 !important;
    border-left: none !important;
}