.security-dashboard { background:linear-gradient(145deg,var(--theme-surface-subtle),var(--theme-surface)); border:1px solid var(--theme-border); border-radius:14px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:hidden; }
.security-summary-card { border-bottom:1px solid var(--theme-border-soft); display:grid; gap:2px; min-width:0; padding:9px 11px; }
.security-summary-card.is-sign-in { grid-column:1/-1; }
.security-summary-card.is-keys { grid-column:1/-1; }
.security-summary-card > span { color:var(--theme-text-muted); font-size:10.5px; font-weight:700; }
.security-summary-card strong { color:var(--theme-text-strong-alt); font-size:13px; line-height:1.25; }
.security-summary-card small { color:var(--theme-text-muted); font-size:10px; line-height:1.35; }
.security-summary-note { align-items:center; color:var(--theme-text-muted); display:flex; flex-wrap:wrap; font-size:9px; gap:3px 6px; grid-column:1/-1; line-height:1.35; margin:0; padding:7px 11px; }
.security-summary-note strong { color:var(--theme-text-strong-alt); font-size:9px; }
.security-key-list .security-item { align-items:start; grid-template-columns:minmax(0,1fr); padding:10px; }
.security-key-meta { align-items:center; display:flex!important; flex-wrap:wrap; gap:5px!important; margin-top:4px; min-width:0; }
.security-key-meta .security-key-chip { align-items:center; background:var(--theme-surface-blue); border:1px solid var(--theme-border); border-radius:999px; color:var(--theme-blue-text); display:inline-flex; flex:0 1 auto; font-size:9px; font-weight:750; justify-content:center; line-height:1.25; min-height:24px; overflow-wrap:anywhere; padding:4px 9px; text-align:center; white-space:normal; }
.security-key-chip.is-muted { background:var(--theme-surface-muted); color:var(--theme-text-muted); }
[data-security-settings] .security-device-state { line-height:1.2; min-height:24px; padding:4px 10px; white-space:normal; }
.security-key-actions { display:grid; gap:5px; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; }
.security-key-actions button { min-height:36px; min-width:0; padding-inline:6px; width:100%; }
.security-recovery-card { align-items:center; background:var(--theme-surface-purple); border:1px solid var(--theme-border-purple); border-radius:11px; display:grid; gap:10px; grid-template-columns:36px minmax(0,1fr); padding:10px; }
.security-recovery-card > span:last-child { display:grid; gap:3px; }
.security-recovery-card strong { font-size:11.5px; }
.security-recovery-card small { color:var(--theme-text-muted); font-size:10.5px; line-height:1.4; }
.security-recovery-icon,.security-key-dialog-icon { align-items:center; background:#0b72b9; border-radius:10px; color:white; display:flex; height:36px; justify-content:center; width:36px; }
.security-recovery-icon svg,.security-key-dialog-icon svg { height:20px; width:20px; }
.security-location-row { align-items:center; background:var(--theme-surface-subtle); border:1px solid var(--theme-border); border-radius:12px; display:grid; gap:10px; grid-template-columns:minmax(0,1fr) auto; padding:10px 11px; }
.security-location-row>span { display:grid; gap:2px; }
.security-location-row strong { color:var(--theme-text-strong); font-size:12px; }
.security-location-row small,.security-privacy-note { color:var(--theme-text-muted); font-size:10px; line-height:1.4; }
.security-privacy-note { margin:0; }
.security-device-list .security-item { grid-template-columns:1fr; }
.security-device-actions { display:grid; gap:5px; grid-template-columns:repeat(auto-fit,minmax(82px,1fr)); width:100%; }
.security-device-actions button { min-height:44px; min-width:0; width:100%; }
.security-admin-settings { display:grid; gap:10px; }
.security-admin-hero { background:linear-gradient(145deg,var(--theme-surface-blue),var(--theme-surface)); border:1px solid var(--theme-border); border-radius:14px; display:grid; gap:3px; padding:13px; }
.security-admin-hero span { color:var(--theme-blue-text); font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.security-admin-hero strong { color:var(--theme-text-strong); font-size:16px; }
.security-admin-hero small { color:var(--theme-text-muted); font-size:10.5px; line-height:1.4; }
.security-admin-list { display:grid; gap:7px; }
.security-admin-search input { background:var(--theme-surface); border:1px solid var(--theme-border); border-radius:12px; color:var(--theme-text); font:600 13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; height:46px; margin:0; padding:0 14px; width:100%; }
.security-admin-person { background:var(--theme-surface); border:1px solid var(--theme-border); border-radius:12px; overflow:hidden; }
.security-admin-person>summary { align-items:center; cursor:pointer; display:grid; gap:8px; grid-template-columns:34px minmax(0,1fr) auto; list-style:none; padding:10px; }
.security-admin-person>summary::-webkit-details-marker { display:none; }
.security-admin-avatar { align-items:center; background:var(--theme-surface-blue); border-radius:10px; color:var(--theme-blue-text); display:flex; font-size:13px; font-weight:850; height:34px; justify-content:center; width:34px; }
.security-admin-person-copy,.security-admin-device-copy { display:grid; gap:2px; min-width:0; }
.security-admin-person-copy strong,.security-admin-device-copy strong { color:var(--theme-text-strong); font-size:11.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.security-admin-person-copy small,.security-admin-device-copy small { color:var(--theme-text-muted); font-size:9.5px; line-height:1.35; }
.security-admin-person-copy em { background:var(--theme-surface-blue); border-radius:999px; color:var(--theme-blue-text); font-size:8.5px; font-style:normal; margin-left:3px; padding:2px 5px; }
.security-admin-person-actions { border-top:1px solid var(--theme-border-soft); display:flex; justify-content:flex-end; padding:7px 9px; }
.security-admin-person-actions button { min-height:34px; }
.security-admin-devices { border-top:1px solid var(--theme-border-soft); display:grid; }
.security-admin-device { align-items:start; display:grid; gap:7px; grid-template-columns:minmax(0,1fr) auto; padding:9px; }
.security-admin-device+.security-admin-device { border-top:1px solid var(--theme-border-soft); }
.security-admin-device-states { align-items:flex-end; display:flex; flex-direction:column; gap:4px; }
.security-admin-item-actions { display:grid; gap:5px; grid-template-columns:repeat(auto-fit,minmax(92px,1fr)); }
.security-admin-item-actions { grid-column:1/-1; }
.security-admin-item-actions button { min-height:34px; min-width:0; }
.security-admin-shortcut { align-items:center; background:var(--theme-surface-blue); border:1px solid var(--theme-border); border-radius:12px; color:var(--theme-text); display:grid; gap:9px; grid-template-columns:30px minmax(0,1fr) 18px; padding:9px 10px; text-align:left; width:100%; }
.security-admin-shortcut>span:first-child { color:var(--theme-blue-text); display:flex; }
.security-admin-shortcut>span:nth-child(2) { display:grid; gap:2px; }
.security-admin-shortcut strong { color:var(--theme-text-strong); font-size:11.5px; }
.security-admin-shortcut small { color:var(--theme-text-muted); font-size:9.5px; }
.security-admin-shortcut svg { height:18px; width:18px; }
.security-key-dialog { background:transparent; border:0; color:var(--theme-text); max-width:min(420px,calc(100vw - 24px)); padding:0; width:100%; }
.security-key-dialog::backdrop { backdrop-filter:blur(14px); background:rgba(4,12,22,.58); }
.security-key-dialog-card { background:var(--theme-surface); border:1px solid var(--theme-border); border-radius:20px; box-shadow:0 22px 70px rgba(2,8,20,.28); display:grid; gap:12px; padding:22px; position:relative; }
.security-key-dialog-close { align-items:center; background:var(--theme-surface-muted); border:0; border-radius:999px; color:var(--theme-text-muted); display:flex; font-size:22px; height:44px; justify-content:center; position:absolute; right:10px; top:10px; width:44px; }
.security-key-eyebrow { color:var(--theme-blue-text); font-size:10px; font-weight:800; letter-spacing:.08em; margin:2px 0 -8px; text-transform:uppercase; }
.security-key-dialog h3 { font-size:21px; margin:0; padding-right:40px; }
.security-key-dialog p { line-height:1.5; margin:0; }
.security-key-dialog-body { display:grid; gap:9px; }
.security-key-dialog-body label { display:grid; font-size:11px; font-weight:700; gap:5px; }
.security-rotation-secret { background:var(--theme-surface-subtle); border:1px solid var(--theme-border); border-radius:10px; color:var(--theme-text-strong); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; font-weight:750; letter-spacing:.08em; overflow-wrap:anywhere; padding:12px; user-select:all; }
.security-key-purpose { align-items:center; background:var(--theme-surface-subtle); border:1px solid var(--theme-border); border-radius:10px; display:grid!important; grid-template-columns:minmax(0,1fr) auto; min-height:44px; padding:8px 10px; }
.security-key-purpose>span { display:grid; gap:3px; min-width:0; }
.security-key-purpose strong { color:var(--theme-text-strong); font-size:12px; line-height:1.25; }
.security-key-purpose small { color:var(--theme-text-muted); font-size:10px; font-weight:550; line-height:1.35; }
.security-key-purpose.is-unavailable { opacity:.58; }
.security-key-purpose input { height:22px; width:22px; }
.security-key-dialog-status { color:var(--theme-text-muted); font-size:11px; min-height:18px; }
.security-key-dialog [hidden] { display:none!important; }
@media (max-width:360px) { .security-summary-card { padding:9px; } }