/* SYSDOP Passkeys · client area (uses the sd theme tokens when present) */
/* the theme gives .btn and .form-group an explicit display, which would beat the hidden attribute */
.sdpk-sec [hidden],.sdpk-login [hidden]{display:none!important}
.sdpk-login{margin-top:18px;text-align:center}
.sdpk-or{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#6b7280;font-size:.9em;text-transform:lowercase}
.sdpk-or::before,.sdpk-or::after{content:"";flex:1;height:1px;background:currentColor;opacity:.35}
.sdpk-btn{width:100%;max-width:360px;white-space:normal}
.sdpk-msg{min-height:1.5em;margin:10px 0 0;font-size:.95em;text-wrap:pretty}
.sdpk-sec{margin:0 0 32px}
.sdpk-card{border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:28px 24px;background:#fff;text-align:center}
.sdpk-icon{color:#0e7490;margin:0 auto 8px;line-height:0}
.sdpk-card-title{margin:0 0 8px;font-size:1.35em;font-weight:700}
.sdpk-intro{max-width:46em;margin:0 auto 18px;text-wrap:pretty}
.sdpk-card .sdpk-list,.sdpk-card .sdpk-add{text-align:left}
.sdpk-card .sdpk-add .btn{display:block;margin:0 auto}
.sdpk-modal-back{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(7,7,8,.55)}
.sdpk-modal{position:relative;display:flex;gap:24px;align-items:center;width:100%;max-width:760px;max-height:calc(100vh - 32px);overflow:auto;padding:32px 28px;border-radius:14px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.sdpk-modal-art{flex:0 0 auto;color:#0e7490;line-height:0}
.sdpk-modal-art svg{width:120px;height:120px}
.sdpk-modal-body h2{margin:0 0 10px;font-size:1.5em}
.sdpk-modal-body p{text-wrap:pretty}
.sdpk-modal-ask{font-weight:600}
.sdpk-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.sdpk-modal-never{font-weight:400;font-size:.95em}
.sdpk-modal-x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:28px;line-height:1;color:#6b7280;cursor:pointer}
@media (max-width:600px){.sdpk-modal{flex-direction:column;text-align:center;padding:28px 18px}.sdpk-modal-art svg{width:72px;height:72px}.sdpk-modal-actions{justify-content:center}}
.sdpk-modal-back [hidden]{display:none!important}
.sdpk-list{list-style:none;margin:0 0 18px;padding:0}
.sdpk-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.sdpk-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}
.sdpk-info small{flex-basis:100%;color:#6b7280}
.sdpk-actions{display:flex;gap:6px;flex-shrink:0}
.sdpk-rename{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sdpk-rename input{width:220px;max-width:100%}
.sdpk-tag{font-size:.8em;padding:1px 8px;border-radius:999px;background:rgba(0,0,0,.06)}
.sdpk-empty{padding:8px 0;color:#6b7280}
@media (max-width:480px){.sdpk-item{flex-direction:column;align-items:flex-start}}