body{background:var(--bg);display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}
.login-wrap{width:100%;max-width:380px;padding:24px;}
.login-brand{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:22px;}
.login-brand .mark{width:40px;height:40px;border-radius:10px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;}
.login-brand b{font-size:19px;color:var(--navy);}
.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:28px;}
.login-card h1{font-size:17px;margin:0 0 4px;color:var(--navy);}
.login-card p.sub{font-size:13px;color:var(--text-muted);margin:0 0 20px;}
.login-card .form-group{margin-bottom:14px;}
.login-card button[type=submit]{width:100%;justify-content:center;margin-top:6px;}
.alert{background:var(--red-light);color:var(--red);border:1px solid #F0C6C1;border-radius:var(--radius-sm);padding:10px 12px;font-size:12.5px;margin-bottom:16px;}

.quick-login{border-top:1px solid var(--border);margin-top:20px;padding-top:4px;}
.quick-login-grid{display:flex;flex-direction:column;gap:8px;margin-top:10px;}
.quick-login-grid form{margin:0;}
.btn-quick{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;text-align:left;transition:background .12s,border-color .12s;}
.btn-quick:hover{background:var(--card);border-color:var(--navy);}
.btn-quick .qrole{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);}
.btn-quick .qname{font-size:12.5px;color:var(--text-muted);}

/* Brand logo on the sign-in screen (see app/Views/partials/brand.php). */
.login-brand .elevate-logo{height:46px;width:auto;}