.security-card{margin-bottom:1.5rem;border-top:3px solid var(--accent,#ba8938)}.security-heading{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.security-heading>svg{width:1.6rem;height:1.6rem}.security-heading h2{margin:0;flex:1}.security-card p{max-width:72ch}.security-hint{padding:1rem;border-left:3px solid var(--accent,#ba8938);background:var(--surface)}.security-qr{display:block;max-width:100%;height:auto;background:white;border-radius:12px;margin:1.5rem 0}.security-secret{display:block;overflow-wrap:anywhere;padding:1rem 0;user-select:all}.security-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:.65rem;margin:1.5rem 0}.security-codes code{font-size:.88rem;overflow-wrap:anywhere;padding:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;user-select:all}.security-status{padding:1rem;border:1px solid currentColor;border-radius:8px}.security-delivery-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.security-delivery-stats article{display:flex;flex-direction:column;gap:.5rem}.security-delivery-stats strong{font-size:1.8rem}.security-delivery-row{margin:1rem 0;overflow-wrap:anywhere}.security-delivery-row small{display:block}.security-delivery-row .button{margin-top:1rem}@media(max-width:600px){.security-delivery-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Account protection uses the same visual hierarchy as the profile cards. */
.security-card{border:1px solid var(--line);padding:28px!important}.security-card h2{font-size:1.35rem;line-height:1.4;letter-spacing:-.025em}.security-heading{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px}.security-heading>svg{width:42px;height:42px;padding:11px;border-radius:12px;background:var(--soft);color:var(--ink)}.security-state{font-size:.72rem;line-height:1.4;padding:7px 10px;border-radius:20px;background:var(--soft);color:var(--muted)}.security-state.is-enabled{background:#eaf5ee;color:#286047}.security-description{font-size:.9rem;line-height:1.8;color:var(--muted);max-width:68ch!important;margin:0}.security-card>.workspace-actions{margin:24px 0 0}.security-hint{border:0;border-top:1px solid var(--line);background:none;padding:18px 0 0;margin:24px 0 0;font-size:.8rem;line-height:1.8;color:var(--muted)}.security-card .workspace-form{max-width:540px;margin-top:24px}.security-card>.workspace-form>label{font-size:.85rem}.security-card>.workspace-form>.button{margin-right:12px}.security-card>p:not(.security-description):not(.security-hint){font-size:.9rem;line-height:1.8}:root[data-theme=dark] .security-state.is-enabled{background:#20352a;color:#9ad6b0}@media(max-width:600px){.security-card{padding:22px!important}.security-heading{grid-template-columns:38px minmax(0,1fr);gap:10px}.security-heading>svg{width:38px;height:38px;padding:10px}.security-heading h2{font-size:1.2rem}.security-state{grid-column:2;justify-self:start}.security-card .workspace-actions{gap:12px;flex-wrap:wrap}.security-card .workspace-actions>.button{max-width:100%;white-space:normal}}
