.security-layout{display:grid;gap:14px}.security-layout>section{padding:18px;border:1px solid #dfe6ef;border-radius:10px;background:#fff}.security-layout h3{font-size:14px;margin:0 0 7px}.security-layout p,.security-layout small{font-size:12px;color:#65748a;line-height:1.5}.security-layout label{display:block;font-size:12px;margin:10px 0 5px}.security-layout input,.security-layout textarea{width:100%;max-width:650px;padding:10px;border:1px solid #ced8e6;border-radius:7px;font-size:13px;box-sizing:border-box}.security-layout textarea{min-height:90px;font-family:monospace}.security-layout button{min-height:38px;padding:8px 13px;border-radius:7px;border:1px solid #cbd7e7;background:#f6f9fe;color:#2459c0;font-weight:600;cursor:pointer}.security-layout button:focus-visible{outline:3px solid #8bb7ff;outline-offset:2px}.security-table{overflow:auto}.security-table table{width:100%;border-collapse:collapse;font-size:12px}.security-table td,.security-table th{text-align:left;padding:10px;border-bottom:1px solid #e6edf5;vertical-align:top}.security-table small{display:block;max-width:300px;overflow-wrap:anywhere;font-size:11px}.security-key{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e6edf5}.security-key strong,.security-key small,.security-key code{display:block;font-size:12px}.security-key code{overflow-wrap:anywhere;margin-top:4px;color:#485872}.security-key>div{min-width:0}.security-status{font-size:12px;color:#2459c0;min-height:18px}.security-form-actions{margin-top:12px}.security-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.security-heading h2{font-size:20px}.security-layout input:focus,.security-layout textarea:focus{outline:2px solid #8bb7ff;outline-offset:2px}

/* Security and backup panels use section surfaces rather than .card elements. */
body .security-layout>section{
 border:2px solid #b9cef2;
 border-radius:16px;
 background:linear-gradient(145deg,#fff 65%,#f4f9ff);
 box-shadow:0 8px 24px rgba(30,64,120,.07),inset 0 1px 0 rgba(255,255,255,.95);
 transition:border-color .18s ease,box-shadow .18s ease;
}
body .security-layout>section:hover{
 border-color:#84adeb;
 box-shadow:0 12px 30px rgba(37,99,235,.10);
}
body .security-layout>section:focus-within{
 border-color:#2563eb;
 box-shadow:0 0 0 3px rgba(37,99,235,.10),0 10px 24px rgba(30,64,120,.07);
}
@media(prefers-reduced-motion:reduce){body .security-layout>section{transition:none}}