.security-page{max-width:1240px;margin:0 auto;padding:24px 0 50px}.security-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.security-head h1{margin:.25rem 0}.security-head p{margin:0;color:#6f6559}.security-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#80602d}.security-actions{display:flex;gap:9px;flex-wrap:wrap}.security-button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:10px 14px;background:#3a2a14;color:#fff;font-weight:750;text-decoration:none;cursor:pointer}.security-button.secondary{background:#f2eadc;color:#3a2a14;border:1px solid #ddceb5}.security-button.danger{background:#a13c31}.security-button.danger-outline{background:#fff;color:#9c392f;border:1px solid #cc8b84}.security-flash{padding:13px 16px;border-radius:12px;margin-bottom:16px}.security-flash.success{background:#eaf6ed;color:#256137}.security-flash.error{background:#fdecea;color:#8c2e26}.security-panel{background:#fff;border:1px solid #e6dccd;border-radius:20px;padding:22px;margin-bottom:18px}.security-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.security-panel-head h2{margin:0 0 5px}.security-panel-head p{margin:0;color:#72685b}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.security-card{border:1px solid #e7ded0;border-radius:16px;padding:18px;background:#fff}.security-card.is-current{border-color:#9e7b3d;box-shadow:inset 0 0 0 1px #9e7b3d}.security-card.is-revoked{opacity:.68;background:#f8f6f2}.security-card header,.security-device-list article{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.security-card header div,.security-device-list article div{display:grid;gap:3px}.security-card small,.security-device-list small{color:#786e62}.security-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.security-card dl div{background:#f7f3ec;padding:10px;border-radius:10px}.security-card dt{font-size:.72rem;text-transform:uppercase;color:#756a5d}.security-card dd{margin:3px 0 0;font-weight:750}.security-card form{display:grid;gap:8px}.security-card input,.security-critical input{width:100%;box-sizing:border-box;border:1px solid #d9cbb7;border-radius:9px;padding:10px}.security-chip{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:800;white-space:nowrap}.security-chip.active{background:#e7f5ea;color:#236038}.security-chip.current{background:#f3ead4;color:#714f18}.security-chip.revoked{background:#eeeae4;color:#71675c}.security-device-list{display:grid;gap:10px}.security-device-list article{padding:13px;border:1px solid #ebe2d6;border-radius:12px}.security-critical{display:grid;grid-template-columns:1fr minmax(320px,520px);gap:22px;align-items:center;padding:22px;border-radius:18px;background:#fff0ed;border:1px solid #e4aaa3;margin-bottom:18px}.security-critical.muted{background:#f8f4ee;border-color:#dfd2c0}.security-critical h2{margin:0 0 6px}.security-critical p{margin:0;color:#71554f}.security-critical form{display:grid;grid-template-columns:1fr auto;gap:9px}.notification-detail-card .security-button{font-size:.9rem}
@media(max-width:850px){.security-head,.security-panel-head{display:grid}.security-grid{grid-template-columns:1fr}.security-critical{grid-template-columns:1fr}.security-critical form{grid-template-columns:1fr}.security-card dl{grid-template-columns:1fr}}