.security-card { width:min(100% - 2rem,620px); margin:2rem auto; padding:1.5rem; border-top:3px solid var(--cyan,#00c8d4); background:linear-gradient(135deg,#09232a,#151015); }
.security-form { padding-block:.75rem; }
.security-form h3 { color:var(--yellow,#ffdc29); margin:.25rem 0; }
.security-form small { color:#bbb; }
#account-security-dialog { width:min(640px,calc(100vw - 2rem)); max-height:calc(100dvh - 2rem); overflow:auto; border-top:3px solid #00c8d4; }
#account-security-dialog .dialog-actions { justify-content:flex-end; }
.authenticator-qr { display:block; width:240px; max-width:100%; height:auto; background:#fff; padding:8px; margin:1rem 0; }
.security-codes { white-space:pre-wrap; padding:1rem; background:#061e24; color:#ffdc29; border:1px solid #00c8d4; }
.security-status { overflow-wrap:anywhere; }
#forgot-password { margin-top:1rem; }
@media(max-width:500px) { .security-card { padding:1rem; margin:1rem auto; } }