/* ========================================================
   KODE CSS KHUSUS HALAMAN LOGIN & RESET PASSWORD
   ======================================================== */
   body.auth-bg { 
    font-family: 'Inter', sans-serif; 
    background-color: #f8fafc; 
    display: flex; 
    align-items: center; 
    min-height: 100vh; 
    margin: 0; 
}

.auth-card { 
    background: white; 
    padding: 40px; 
    border-radius: 12px; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.05); 
    width: 100%; 
    max-width: 400px; 
    margin: auto; 
}

.brand-logo { 
    font-size: 1.8rem; 
    font-weight: 800; 
    color: #1e3a8a; 
    text-align: center; 
    margin-bottom: 5px; 
    text-decoration: none; 
    display: block;
}

.brand-logo span { 
    color: #f59e0b; 
}

.auth-icon-box { 
    width: 60px; 
    height: 60px; 
    background-color: #eff6ff; 
    color: #3b82f6; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 24px; 
    margin: 0 auto 20px; 
}

.auth-form-control { 
    padding: 12px 15px; 
    border-radius: 8px; 
    border: 1px solid #cbd5e1; 
    font-size: 14px; 
    transition: 0.3s; 
}

.auth-form-control:focus { 
    border-color: #3b82f6; 
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1); 
    outline: none;
}

.auth-form-control.success-focus:focus { 
    border-color: #10b981; 
    box-shadow: 0 0 0 3px rgba(16,185,129,0.1); 
}

/* Kustomisasi Tombol */
.btn-auth-primary { 
    background-color: #1e3a8a; 
    border: none; 
    padding: 12px; 
    border-radius: 8px; 
    font-weight: 600; 
    font-size: 15px; 
    transition: 0.3s; 
    color: white;
}
.btn-auth-primary:hover { 
    background-color: #1e40af; 
    transform: translateY(-1px); 
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
    color: white;
}

.btn-auth-blue { background-color: #3b82f6; color: white; border: none; padding: 12px; border-radius: 8px; font-weight: 600; font-size: 15px; transition: 0.3s; }
.btn-auth-blue:hover { background-color: #2563eb; transform: translateY(-1px); box-shadow: 0 4px 6px rgba(0,0,0,0.1); color: white; }

.btn-auth-success { background-color: #10b981; color: white; border: none; padding: 12px; border-radius: 8px; font-weight: 600; font-size: 15px; transition: 0.3s; }
.btn-auth-success:hover { background-color: #059669; transform: translateY(-1px); box-shadow: 0 4px 6px rgba(0,0,0,0.1); color: white; }

.form-check-label { 
    font-size: 13px; 
    color: #64748b; 
    cursor: pointer; 
}

/* ========================================================
   LAYOUT SPLIT SCREEN (KHUSUS LOGIN)
   ======================================================== */
   .auth-split-wrapper {
    min-height: 100vh;
    display: flex;
    width: 100%;
}

.auth-image-side {
    /* Gradient biru ke gelap agar foto terlihat elegan dan tidak menyilaukan */
    background: linear-gradient(rgba(30, 58, 138, 0.2), rgba(15, 23, 42, 0.9)), url('../images/tugu_nol_banjarmasin.jpeg') center/cover no-repeat;
    display: flex;
    align-items: flex-end; /* Membawa teks ke bawah */
    padding: 4rem;
}

.auth-form-side {
    background-color: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

/* Modifikasi auth-card khusus untuk layar terbelah agar lebih membaur */
.auth-form-side .auth-card {
    box-shadow: none; /* Hilangkan bayangan kotak agar terlihat menyatu dengan layar kanan */
    background: transparent;
    padding: 20px;
}