/* Dante staff login - 2026-11-12 */
body.com-users.view-login #sp-main-body { padding: 48px 0 64px; }
body.com-users.view-login #sp-component > .sp-column > .row.justify-content-center { display:flex; justify-content:center; margin:0; }
body.com-users.view-login #sp-component > .sp-column > .row.justify-content-center > .col-lg-4 { width:100%; max-width:480px; flex:0 1 480px; padding:0; }
body.com-users.view-login .com-users-login { width:100%; padding:32px; background:#fff; color:#24364b; border:1px solid #dce5ef; border-radius:14px; box-shadow:0 12px 36px rgba(0,0,0,.16); }
body.com-users.view-login .dante-login-heading { margin-bottom:26px; }
body.com-users.view-login .dante-login-heading h1 { margin:0 0 10px; color:#1b3c62; font-size:28px; line-height:1.2; }
body.com-users.view-login .dante-login-heading p { margin:0; color:#526377; font-size:15px; line-height:1.6; }
body.com-users.view-login #com-users-login__form { margin:0; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
body.com-users.view-login #com-users-login__form fieldset { min-width:0; padding:0; margin:0; border:0; }
body.com-users.view-login #com-users-login__form .control-group { display:block; margin:0 0 20px; }
body.com-users.view-login #com-users-login__form .control-label { float:none; width:auto; text-align:left; padding:0; margin:0 0 8px; }
body.com-users.view-login #com-users-login__form .controls { margin:0; width:100%; }
body.com-users.view-login #com-users-login__form label { color:#24364b; font-size:15px; line-height:1.5; }
body.com-users.view-login #com-users-login__form .control-label label { font-weight:600; margin:0; }
body.com-users.view-login #com-users-login__form input.form-control { display:block; width:100%; max-width:100%; min-width:0; height:48px; padding:10px 13px; margin:0; background:#fff; color:#172b42; border:1px solid #aab9ca; border-radius:6px; font-size:16px; box-shadow:none; }
body.com-users.view-login #com-users-login__form input.form-control:focus { border-color:#245e96; outline:3px solid rgba(36,94,150,.22); outline-offset:1px; }
body.com-users.view-login #com-users-login__form .input-group { display:flex; width:100%; align-items:stretch; }
body.com-users.view-login #com-users-login__form .input-group input { flex:1 1 auto; width:0; border-radius:6px 0 0 6px; }
body.com-users.view-login #com-users-login__form .input-password-toggle { flex:0 0 48px; width:48px; height:48px; padding:0; margin:0; border:1px solid #aab9ca; border-left:0; border-radius:0 6px 6px 0; background:#edf3f8; color:#1b3c62; }
body.com-users.view-login #com-users-login__form .visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
body.com-users.view-login #com-users-login__form .com-users-login__remember { margin:0 0 22px; }
body.com-users.view-login #com-users-login__form .form-check { display:flex; align-items:center; gap:10px; padding:0; }
body.com-users.view-login #com-users-login__form #remember { position:static; float:none; width:18px; height:18px; margin:0; accent-color:#245e96; }
body.com-users.view-login #com-users-login__form .form-check-label { margin:0; font-weight:400; }
body.com-users.view-login #com-users-login__form .btn { font-size:16px; font-weight:600; line-height:1.4; text-shadow:none; }
body.com-users.view-login #com-users-login__form .plg_system_webauthn_login_button { display:flex; justify-content:center; align-items:center; gap:10px; width:100%; min-height:48px; padding:11px 16px; background:#f0f4f8; color:#1b3c62; border:1px solid #b9c8d7; border-radius:6px; }
body.com-users.view-login #com-users-login__form .plg_system_webauthn_login_button svg { flex:0 0 22px; width:22px; height:22px; margin:0; fill:currentColor; }
body.com-users.view-login #com-users-login__form .btn-primary { display:block; width:100%; min-height:48px; padding:11px 16px; background:#245e96; color:#fff; border:1px solid #245e96; border-radius:6px; }
body.com-users.view-login #com-users-login__form .btn-primary:hover { background:#1b4772; border-color:#1b4772; }
body.com-users.view-login #com-users-login__form .btn-secondary:hover { background:#e0e9f2; color:#173955; }
body.com-users.view-login #com-users-login__form .com-users-login__submit:last-of-type { margin-bottom:0; }
body.com-users.view-login .com-users-login__options { margin:24px 0 0; padding-top:18px; border-top:1px solid #dce5ef; }
body.com-users.view-login .com-users-login__options a,
body.com-users.view-login .com-users-login__options a:visited { display:block; margin:0; padding:6px 0; color:#245e96; background:transparent; border:0; border-radius:0; font-size:14px; line-height:1.5; text-decoration:underline; }
body.com-users.view-login .com-users-login__options a:hover { color:#173955; }
body.com-users.view-login .com-users-login a:focus-visible,
body.com-users.view-login .com-users-login button:focus-visible,
body.com-users.view-login .com-users-login #remember:focus-visible { outline:3px solid #245e96; outline-offset:3px; }
body.com-users.view-login .com-users-login .invalid,
body.com-users.view-login .com-users-login .form-control-feedback { color:#a32622; }
@media(max-width:575px) {
 body.com-users.view-login #sp-main-body { padding:28px 0 36px; }
 body.com-users.view-login .com-users-login { padding:24px 20px; border-radius:10px; }
 body.com-users.view-login .dante-login-heading h1 { font-size:25px; }
}