.security-shield{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 10px;border:1px solid #cad6ce;border-radius:8px;background:#f4f6f4;color:#5c7063;font:600 12px/1.25 'Segoe UI',Arial,sans-serif;white-space:nowrap;cursor:pointer}
.security-shield svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.security-shield[data-state=protected]{background:#e7f5ec;color:#17613e;border-color:#7bb392}
.security-shield[data-state=attention]{background:#fff5df;color:#805300;border-color:#c9a968}
.security-shield[data-state=unknown]{background:#fff0eb;color:#a03427;border-color:#d69a8e}
.security-shield:focus-visible,.security-dialog button:focus-visible{outline:3px solid #79b59b;outline-offset:3px}
.security-status-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;padding:8px 24px;background:#fff;border-top:1px solid #d8e5dc;z-index:40}
.security-dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #d4e1d8;border-radius:18px;box-shadow:0 24px 80px #102b2540;color:#183b30;background:#fff;overflow:auto;font-family:'Segoe UI',Arial,sans-serif}
.security-dialog::backdrop{background:#183b3055}.security-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.security-heading h2{font-size:22px;line-height:1.25;margin:0}.security-heading button{border:0;background:none;color:#52695b;font-size:27px;padding:4px 10px;min-height:40px;cursor:pointer}
.security-summary{font-size:16px;font-weight:650;margin:20px 0 12px}.security-summary[data-state=protected]{color:#17613e}.security-summary[data-state=attention]{color:#805300}
.security-checks{list-style:none;padding:0;margin:0}.security-checks li{display:flex;flex-direction:column;gap:5px;padding:13px 0 13px 23px;border-bottom:1px solid #e6ece8;position:relative;font-size:13px;line-height:1.5}.security-checks li:before{content:'•';position:absolute;left:3px;color:#a07929;font-size:22px;line-height:1}.security-checks li[data-ok=true]:before{content:'✓';font-size:16px;color:#17613e}.security-checks strong{font-weight:650;font-size:14px}.security-checks span{color:#586e60}.security-updated{font-size:12px;line-height:1.5;color:#687d70;margin:18px 0}.security-dialog>button{border:1px solid #b8ccbf;background:#fff;color:#216950;border-radius:8px;padding:10px 16px;font:600 14px 'Segoe UI',Arial,sans-serif;cursor:pointer}
@media(max-width:600px){.security-shield{min-height:40px}.security-status-footer{padding:7px 12px}.security-dialog{padding:20px}.security-heading h2{font-size:20px}}