/* ============================================================
   BuyerEngine AI auth pages — shared styles for login / register /
   forgot-password. Single source of truth for the brand so the
   three pages can never drift apart again.
   ============================================================ */

/* Page background */
body.login-page {
    min-height: 100vh;
    background: linear-gradient(135deg, #FF4B2B 0%, #C1121F 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 16px;
}

/* Auth card (glass) */
.auth-card {
    background: rgba(255,255,255,0.88);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(0,0,0,0.15);
    overflow: hidden;
}

/* Visual / brand pane */
.login-visual {
    background: linear-gradient(135deg, rgba(225,29,42,0.25) 0%, rgba(193,18,31,0.25) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
}
.login-visual img {
    max-width: 280px;
    height: auto;
}

/* Form side */
.auth-body {
    padding: 42px 40px;
}
@media (max-width: 991.98px){
    .auth-body { padding: 28px; }
}

/* Inputs */
.form-control-user {
    border-radius: 9999px !important;
    height: 46px;
    padding: 10px 16px;
    border: 1px solid #d6d9e0;
    box-shadow: none !important;
}
.form-control-user:focus {
    border-color: #E11D2A;
    box-shadow: 0 0 0 0.25rem rgba(225,29,42,0.25) !important;
}

/* Primary button */
.btn-gradient {
    border: 0;
    border-radius: 9999px;
    height: 46px;
    background: linear-gradient(135deg, #FF4B2B 0%, #C1121F 100%);
    color: #fff;
    font-weight: 700;
    transition: transform .15s ease, box-shadow .2s ease;
    box-shadow: 0 8px 18px rgba(225,29,42,0.35);
}
.btn-gradient:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(225,29,42,0.45);
}
.btn-gradient:active { transform: translateY(0); }

/* Show-password toggle */
.pw-wrap { position: relative; }
.pw-toggle {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #98a2b3;
    cursor: pointer;
    padding: 4px;
}
.pw-toggle:hover { color: #E11D2A; }

/* Whitelabel signup falls back to the tenant's name when they have no logo.
   White reads on the red gradient pane; redai-ui.css overrides it to ink for
   the light theme, where the pane is a pale plate. */
.brand-fallback-name { color: #fff; font-weight: 800; }

/* Minor polish */
.login-title { color: #4a5568; font-weight: 800; }
.footer-simple { background: transparent; border: 0; }