#account-security { width: min(560px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); overflow: auto; }
#account-security .cs-in { display: block; padding: 24px; }
#account-security h2 { margin: 0 0 16px; }
#account-security p { font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
#account-security .security-form { display: grid; gap: 10px; margin: 24px 0 16px; }
#account-security label { color: var(--text); font-size: 14px; margin-top: 8px; }
#account-security input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; font: inherit; font-size: 16px; color: var(--text); background: var(--bg, #111318); border: 1px solid var(--rule, #465165); border-radius: 6px; }
#account-security input:focus-visible, #account-security button:focus-visible { outline: 2px solid var(--accent, #b6a0ff); outline-offset: 3px; }
#account-security button { min-height: 44px; box-sizing: border-box; white-space: normal; }
#account-security .security-hint { margin: 0; font-size: 14px; }
#account-security .security-form button { margin-top: 12px; }
#account-security .security-message { min-height: 24px; }
#account-security .security-key { display: block; padding: 16px; border: 1px solid var(--rule); font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; white-space: pre-wrap; user-select: all; }
#account-security .security-status { display: grid; grid-template-columns: 1fr; gap: 6px; margin: 24px 0; }
#account-security dt { margin-top: 12px; color: var(--muted, #b5bece); font-size: 14px; }
#account-security dd { margin: 0; color: var(--text); overflow-wrap: anywhere; }
#account-security .security-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 0; }
#account-security .security-check { display: flex; align-items: flex-start; gap: 12px; line-height: 1.5; }
#account-security .security-check input { width: 20px; min-height: 20px; height: 20px; margin: 2px 0; flex: 0 0 20px; }
#account-security .security-address { display: block; margin: 8px 0; overflow-wrap: anywhere; }
#account-security .wallet-backup-actions > button { flex: 1; width: auto; }
@media (max-width: 600px) { #account-security .cs-in { padding: 20px; } #account-security .security-actions > button { width: 100%; } }