#configureAdminPin[hidden]{display:none!important}
#configureAdminPin{font-size:12px;white-space:nowrap}
#login-method{width:100%;padding:12px;border:1px solid #c8d6e5;border-radius:8px;background:#fff;color:#10233f;font:inherit}
#adminPinDialog{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border:1px solid #d9e3ef;border-radius:16px;padding:0;color:#10233f;background:#fff;overflow:auto}
#adminPinDialog::backdrop{background:#07182db5}
#adminPinDialog header{display:flex;justify-content:space-between;gap:12px;padding:18px;border-bottom:3px solid #ffc72c;position:static}
#adminPinDialog h2{margin:0;font-size:20px}
#adminPinDialog header p{margin:5px 0 0;color:#64748b}
#adminPinDialog form{display:grid;gap:14px;padding:18px;grid-template-columns:1fr}
#adminPinDialog form>p{margin:0;font-size:13px;line-height:1.5}
#adminPinDialog label{display:grid;gap:6px;font-weight:600;font-size:13px}
#adminPinDialog input{padding:12px;border:1px solid #c8d6e5;border-radius:8px;font:inherit;width:100%;box-sizing:border-box}
#adminPinDialog button{border:1px solid #c8d6e5;border-radius:9px;padding:11px;background:#fff;color:#10233f;cursor:pointer;font-weight:700}
#adminPinDialog #closeAdminPin{font-size:24px;align-self:start;line-height:1}
#adminPinDialog #saveAdminPin{background:#102b4c;color:#fff}
#adminPinDialog .admin-pin-actions{display:flex;gap:10px;flex-wrap:wrap}
#adminPinDialog button:disabled{opacity:.55;cursor:default}
#adminPinStatus{color:#215576}
@media(max-width:480px){#adminPinDialog .admin-pin-actions button{flex:1}#configureAdminPin{padding:8px;font-size:11px}}