.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f6fa;color:#182230}
.auth-gate[hidden],[data-auth-content][hidden]{display:none!important}
.auth-gate-panel{width:min(360px,100%);display:grid;justify-items:center;gap:12px;padding:24px;background:#fff;border:1px solid #d8e0eb;border-radius:8px;box-shadow:0 12px 30px rgba(16,24,40,.08);text-align:center}
.auth-gate-brand{font-size:20px;font-weight:850;color:#233651}
.auth-gate-spinner{width:28px;height:28px;border:3px solid #dbe4ef;border-top-color:#233651;border-radius:50%;animation:auth-gate-spin .7s linear infinite}
.auth-gate-message{display:grid;justify-items:center;gap:9px;color:#667085;font-size:13px;overflow-wrap:anywhere}
.auth-gate-message button{border:0;border-radius:7px;padding:8px 12px;background:#233651;color:#fff;font:inherit;font-weight:750;cursor:pointer}
@keyframes auth-gate-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.auth-gate-spinner{animation:none;border-top-color:#dbe4ef;background:#233651}}
.password-input-wrap{position:relative;display:block}
.password-input-wrap>input{padding-right:44px!important}
.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:30px;border:0;border-radius:6px;background:transparent;color:#475467;cursor:pointer;display:grid;place-items:center;font-size:17px;line-height:1}
.password-toggle:hover{background:#eef2f7}
input.time-control{cursor:pointer;font-variant-numeric:tabular-nums;min-height:40px;background-color:#fff}