.panel-security-dialog { box-sizing: border-box; width: min(560px, calc(100vw - 32px)); max-height: 85vh; overflow-y: auto; border: 1px solid #dbe2ed; border-radius: 16px; padding: 24px; color: #17213a; background: #fff; }
.panel-security-dialog::backdrop { background: #17213a99; }
.panel-security-form { display: grid; gap: 14px; }
.panel-security-form h2, .panel-security-form p { margin: 0; }
.panel-security-form label { display: grid; gap: 6px; font-weight: 600; }
.panel-security-form input { width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid #b9c5d8; border-radius: 6px; }
.panel-security-form button { padding: 10px 14px; border: 1px solid #b9c5d8; border-radius: 6px; background: #edf2fa; color: #17213a; cursor: pointer; }
.panel-security-form button:disabled { opacity: .6; cursor: wait; }
.panel-security-form [hidden] { display: none !important; }
.panel-security-form [data-error] { color: #b42318; }
.panel-security-form [data-setup], .panel-security-form [data-recovery] { display: grid; gap: 10px; }
.panel-security-form pre { margin: 0; padding: 12px; background: #f0f4f9; }
.panel-security-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.panel-security-form [data-qr] { display: block; max-width: 100%; height: auto; margin: 0 auto; image-rendering: pixelated; }
.panel-security-form [data-manual] summary { cursor: pointer; }
.panel-security-form [data-manual] label { margin-top: 10px; }