.security-dialog { width: min(420px, calc(100vw - 32px)); box-sizing: border-box; border: 1px solid #d7dcda; border-radius: 8px; padding: 24px; background: #fff; color: #1c2823; font: 14px/1.5 Arial, sans-serif; }
.security-dialog::backdrop { background: rgb(0 0 0 / 48%); }
.security-dialog h2 { margin: 0 0 16px; font-size: 20px; }
.security-dialog input { display: block; width: 100%; box-sizing: border-box; margin-top: 6px; padding: 10px; border: 1px solid #7b8881; border-radius: 4px; font: inherit; }
.security-qr { width: 192px; height: 192px; margin: auto; }
.security-message { min-height: 42px; }
.security-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 20px; }
.security-actions button { padding: 9px 13px; border: 1px solid #c8cecb; border-radius: 4px; font: inherit; background: #fff; cursor: pointer; }
.security-actions [data-verify], .security-actions [data-enroll] { background: #147952; color: #fff; border-color: #147952; }
.security-actions button:disabled { opacity: .5; cursor: wait; }