/* Superblok V4.5.0 — additive administrator passkey UI */
.profile-security-container{max-width:980px}
.passkey-profile-section{margin-top:26px;scroll-margin-top:110px}
.passkey-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.passkey-section-heading h2{margin:5px 0 8px}.passkey-section-heading p{margin:0;max-width:760px;color:var(--muted,#73808f);line-height:1.65}
.passkey-profile-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;margin-bottom:18px}
.passkey-disabled-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.passkey-disabled-card h3{margin:0 0 6px}.passkey-disabled-card p{margin:0;color:var(--muted,#73808f)}
.passkey-guidance-card ul{margin:12px 0 0;padding-left:20px;color:var(--muted,#73808f);line-height:1.75}.passkey-guidance-card li+li{margin-top:6px}
.passkey-live-status{margin:12px 0 0;padding:11px 13px;border-radius:12px;background:rgba(33,184,197,.10);color:#087f86;font-weight:700;line-height:1.45}
.passkey-live-status.is-error{background:rgba(225,73,73,.10);color:#b52828}
.passkey-auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#7a8794;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.passkey-auth-divider::before,.passkey-auth-divider::after{content:"";height:1px;flex:1;background:rgba(100,115,130,.22)}
.btn-passkey{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(33,184,197,.38);background:linear-gradient(135deg,rgba(33,184,197,.14),rgba(4,127,131,.08));color:#087f86;font-weight:800}
.btn-passkey:hover{border-color:rgba(33,184,197,.7);transform:translateY(-1px)}.btn-passkey svg{width:19px;height:19px}
.passkey-device-panel{margin-top:18px}.passkey-device-list{display:grid;gap:10px}.passkey-device-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:15px;border:1px solid rgba(100,115,130,.15);border-radius:16px;background:rgba(255,255,255,.55)}
.passkey-device-row.is-revoked{opacity:.62}.passkey-device-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(33,184,197,.11);color:#0b969d}.passkey-device-icon svg{width:22px;height:22px}
.passkey-device-copy{min-width:0}.passkey-device-copy strong,.passkey-device-copy small,.passkey-device-copy code{display:block}.passkey-device-copy small{margin-top:4px;color:var(--muted,#73808f);line-height:1.45}.passkey-device-copy code{margin-top:5px;color:#52606c;font-size:.74rem;overflow-wrap:anywhere}
.passkey-admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.passkey-admin-card{padding:18px;border-radius:18px;background:var(--panel,#fff);border:1px solid rgba(100,115,130,.14)}.passkey-admin-card small,.passkey-admin-card strong{display:block}.passkey-admin-card strong{font-size:1.7rem;margin-top:8px}.passkey-admin-card small{color:var(--muted,#73808f)}
.passkey-policy-banner{display:flex;align-items:center;justify-content:space-between;gap:18px}.passkey-policy-banner p{margin:6px 0 0;color:var(--muted,#73808f);line-height:1.55}
.passkey-security-note{display:flex;gap:12px;padding:14px;border-radius:14px;background:rgba(33,184,197,.08);color:#3e5960}.passkey-security-note svg{width:22px;min-width:22px;color:#0b969d}
@media(max-width:900px){.passkey-profile-grid{grid-template-columns:1fr}.passkey-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.passkey-device-row{grid-template-columns:auto minmax(0,1fr) auto}.passkey-device-row form{grid-column:2/-1}.passkey-disabled-card,.passkey-policy-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.passkey-section-heading{flex-direction:column}.passkey-admin-summary{grid-template-columns:1fr}.passkey-device-row{grid-template-columns:auto minmax(0,1fr)}.passkey-device-row>.badge{grid-column:2}.passkey-device-row form{grid-column:2}.passkey-device-row form .btn{width:100%}}
.passkey-admin-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;border-left:4px solid var(--primary,#21b8c5)}
.passkey-admin-hero h2{margin:6px 0 8px}.passkey-admin-hero p{max-width:900px;margin:0;color:var(--muted,#73808f);line-height:1.65}
.passkey-admin-grid{margin-bottom:18px}.passkey-readiness-list{display:grid;gap:10px;margin:16px 0 20px}.passkey-readiness-list>div{display:grid;grid-template-columns:auto minmax(130px,.65fr) minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border-radius:13px;background:rgba(100,115,130,.07)}
.passkey-readiness-list small{color:var(--muted,#73808f);overflow-wrap:anywhere}.passkey-readiness-list .status-dot.status-danger{background:#dc4b4b;box-shadow:0 0 0 5px rgba(220,75,75,.12)}
.passkey-mode-form{margin-top:14px}.passkey-rollout-list{margin:14px 0 22px;padding-left:22px;line-height:1.72;color:var(--muted,#73808f)}.passkey-rollout-list li+li{margin-top:6px}
.passkey-admin-table code{font-size:.72rem;overflow-wrap:anywhere}.passkey-admin-table td{vertical-align:middle}
@media(max-width:760px){.passkey-admin-hero{flex-direction:column}.passkey-readiness-list>div{grid-template-columns:auto 1fr}.passkey-readiness-list small{grid-column:2}}
