/* ---- Auth ---- */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--hb-navy-900);}
.auth-card{background:#fff;border-radius:16px;padding:36px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.auth-card h1{text-align:center;margin-bottom:6px}
.auth-card .sub{text-align:center;color:var(--muted);margin-bottom:24px;font-size:.9rem}
.auth-card.super{border-top:5px solid var(--accent)}
.demo-creds{margin-top:18px;font-size:.78rem;color:var(--muted);background:#f8fafc;padding:12px;border-radius:8px}
.demo-creds code{color:var(--navy)}
.form-control, input:-internal-autofill-selected, .form-control:focus, .form-select, .form-select:focus{background-color:var(--hb-text) !important;border-color:rgba(255, 255, 255, .1);border-width:2px;padding:.5rem .75rem;}
.form-control:focus, .form-select:focus {
    outline: none;
    box-shadow: none;
}
.input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text{    border-color: rgba(255, 255, 255, .1);
    border-width: 2px;
    padding: .5rem .75rem;}
.form-control:focus, .form-select:focus{border-color:rgba(255, 255, 255, .2);}
.togglepass{position:absolute;right:12px;top:6px;font-size:20px;color:var(--hb-white);cursor:pointer;}