.security-panel{padding:clamp(20px,4vw,36px);margin-block:24px;border:1px solid var(--border);border-radius:20px}
.security-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.security-heading h2{margin:0}.security-list{margin-block:24px}.security-session{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--border)}
.security-session h3{margin:0 0 8px}.security-session p{margin:4px 0;overflow-wrap:anywhere}.security-session button{flex-shrink:0}
.security-danger{border:1px solid #974239!important;color:#742d25!important;background:transparent!important}.security-danger:hover{background:#f5e6e2!important}
.security-events{padding-left:24px}.security-events li{padding:8px 0}.security-events time{display:block;font-size:.875rem;color:var(--muted)}
dialog{max-width:520px;width:calc(100% - 32px);border:1px solid var(--border);border-radius:20px;background:var(--paper);color:var(--ink);padding:28px}dialog::backdrop{background:#25271c66}
dialog .row{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}button:focus-visible,a:focus-visible{outline:3px solid #677847;outline-offset:4px}
@media(max-width:480px){.security-session{align-items:flex-start;flex-direction:column;gap:12px}.account-tabs{flex-wrap:wrap}.security-panel h2{font-size:1.5rem}}