/* Login page custom styles (moved from site.css) */
.login-page { min-height: calc(100vh - 80px); display:flex; align-items:center; justify-content:center; padding:1rem; 
    background: #f3f7fa url('../images/login-hr-bg.svg') center/cover no-repeat fixed; }
.login-card { width:100%; max-width:520px; background:rgba(255,255,255,0.92); backdrop-filter:blur(3px); border:1px solid #dbe4ea; border-radius:12px; padding:2rem 2.25rem 1.75rem; box-shadow:0 6px 24px rgba(0,0,0,.08); }
/* Removed narrow variant usage; keep for backward compatibility if some page still uses it */
.login-card.narrow { max-width:380px; padding:1.25rem 1.25rem 1rem; }
.login-logo img { max-width:140px; height:auto; display:block; margin:0 auto; }
.login-card.narrow .login-logo img { max-width:120px; }
.login-card h5, .login-card h6 { font-weight:600; letter-spacing:.5px; font-size:1.15rem; }
.login-card .form-control { height:46px; font-size:.95rem; padding:.6rem .85rem; }
.login-card label { font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; color:#444; }
/* Button now uses alternate theme color assumed from logo */
.login-card button.btn { background: var(--alternateThemeColor, #eeac4e); color:#fff; font-weight:600; font-size:.95rem; padding:.75rem .85rem; border-radius:6px; border:1px solid rgba(0,0,0,.05); transition:background .15s ease, box-shadow .15s ease; }
.login-card button.btn:hover { background: #e59d30; color:#fff; }
.login-card button.btn:focus { outline:0; box-shadow:0 0 0 3px rgba(238,172,78,.35); }
.login-card a { color: var(--mainThemeColor, #337687); }
.login-card a:hover { color: var(--alternateThemeColor, #eeac4e); }
@media (max-width:640px){ .login-card{max-width:420px; padding:1.5rem 1.5rem 1.25rem;} }
@media (max-width:480px){ .login-card{max-width:100%; padding:1.25rem 1rem 1rem;} .login-logo img{max-width:120px;} }