.device-contact-picker{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:100%;margin-top:.55rem;padding:.72rem .9rem;border:1px solid color-mix(in srgb,var(--brand,#5b5ce2) 30%,#cbd5e1);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand,#5b5ce2) 8%,#fff),#fff);color:var(--brand,#4f46e5);font:inherit;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.06);transition:.2s ease}.device-contact-picker:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.1)}.device-contact-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--brand,#5b5ce2) 14%,#fff)}
.device-choice-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:end center;padding:18px;background:rgba(2,6,23,.58);backdrop-filter:blur(10px);opacity:0;transition:opacity .18s ease}.device-choice-overlay.is-open{opacity:1}.device-choice-modal{width:min(520px,100%);max-height:min(82vh,760px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:26px;background:linear-gradient(155deg,#fff,#f8fafc);box-shadow:0 30px 100px rgba(2,6,23,.38);transform:translateY(24px);transition:transform .22s ease}.device-choice-overlay.is-open .device-choice-modal{transform:translateY(0)}.device-choice-head{display:flex;gap:14px;padding:22px 22px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand,#5b5ce2) 14%,#fff),#fff)}.device-choice-head-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--brand,#5b5ce2),color-mix(in srgb,var(--brand,#5b5ce2) 65%,#ec4899));color:#fff;font-size:1.35rem;box-shadow:0 10px 25px color-mix(in srgb,var(--brand,#5b5ce2) 24%,transparent)}.device-choice-head h3{margin:0 0 4px;font-size:1.14rem;color:#0f172a}.device-choice-head p{margin:0;color:#64748b;font-size:.9rem;line-height:1.45}.device-choice-list{overflow:auto;padding:8px 14px}.device-choice-option{display:flex;align-items:center;gap:12px;width:100%;margin:6px 0;padding:13px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;text-align:left;cursor:pointer;transition:.18s ease}.device-choice-option:hover,.device-choice-option:focus-visible{border-color:color-mix(in srgb,var(--brand,#5b5ce2) 50%,#cbd5e1);transform:translateY(-1px);box-shadow:0 12px 25px rgba(15,23,42,.08);outline:none}.device-choice-avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:15px;background:color-mix(in srgb,var(--brand,#5b5ce2) 12%,#fff);color:var(--brand,#4f46e5);font-weight:900}.device-choice-details{display:flex;flex:1;min-width:0;flex-direction:column}.device-choice-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:.82rem}.device-choice-details b{color:#0f172a;font-size:1rem;letter-spacing:.02em}.device-choice-details small{color:#94a3b8}.device-choice-arrow{font-size:1.7rem;color:var(--brand,#4f46e5)}.device-choice-footer{padding:12px 18px 18px}.device-choice-cancel{width:100%;padding:.8rem;border:0;border-radius:14px;background:#eef2f7;color:#334155;font-weight:800;cursor:pointer}
.device-passkey-actions{display:grid;gap:12px;margin-top:12px}.device-passkey-premium{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:64px!important;width:100%;padding:10px 12px!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:18px!important;background:linear-gradient(135deg,#111827,#312e81 54%,#6d28d9)!important;color:#fff!important;text-align:left!important;box-shadow:0 16px 34px rgba(49,46,129,.25)!important;overflow:hidden;cursor:pointer;transition:.2s ease}.device-passkey-premium::before{content:"";position:absolute;inset:-80% 38% auto -20%;height:150px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 65%);pointer-events:none}.device-passkey-premium:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(49,46,129,.33)!important}.device-passkey-premium-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:rgba(255,255,255,.16);font-size:1.35rem;backdrop-filter:blur(8px)}.device-passkey-premium-copy{display:flex;min-width:0;flex-direction:column}.device-passkey-premium-copy strong{color:#fff;font-size:.9rem;line-height:1.25}.device-passkey-premium-copy small{color:rgba(255,255,255,.72);font-size:.72rem;line-height:1.25}.device-passkey-premium-badge{padding:.35rem .5rem;border-radius:999px;background:rgba(255,255,255,.14);color:#ede9fe;font-size:.62rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.04em}.device-passkey-spinner{width:24px;height:24px;margin:auto;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:device-spin .7s linear infinite}@keyframes device-spin{to{transform:rotate(360deg)}}
.device-passkey-enrol-notice{display:flex;align-items:flex-start;gap:13px;width:100%;margin:12px 0;padding:16px;border:1px solid color-mix(in srgb,var(--brand,#5b5ce2) 22%,#dbeafe);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand,#5b5ce2) 8%,#fff),#fff 58%,#f0fdf4);box-shadow:0 14px 34px rgba(15,23,42,.08);color:#0f172a}.device-passkey-enrol-notice.is-compact{padding:13px;border-radius:17px}.device-passkey-enrol-mark{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--brand,#5b5ce2),color-mix(in srgb,var(--brand,#5b5ce2) 58%,#10b981));color:#fff;font-size:1.25rem;box-shadow:0 10px 24px color-mix(in srgb,var(--brand,#5b5ce2) 22%,transparent)}.device-passkey-enrol-copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start}.device-passkey-enrol-copy>strong{margin:1px 0 4px;color:#0f172a;font-size:.93rem}.device-passkey-enrol-copy p{margin:0 0 10px;color:#64748b;font-size:.78rem;line-height:1.45}.device-passkey-enrol-link{display:inline-flex;align-items:center;gap:7px;padding:.58rem .76rem;border-radius:12px;background:#0f172a;color:#fff!important;font-size:.75rem;font-weight:900;text-decoration:none!important;box-shadow:0 8px 20px rgba(15,23,42,.16)}.device-passkey-enrol-link:hover{background:var(--brand,#4f46e5)}.device-passkey-enrol-link b{font-size:1rem}.device-passkey-login-help{margin:.45rem 0 0;color:#64748b;font-size:.75rem;text-align:center}.device-passkey-enroll-button{box-shadow:0 10px 25px color-mix(in srgb,var(--brand,#5b5ce2) 18%,transparent)}
.device-passkey-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.device-passkey-row>div{display:flex;min-width:0;flex-direction:column}.device-passkey-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a}.device-passkey-row small{color:#64748b}.device-feature-toast{position:relative;z-index:2147483647}.device-attention-dot{position:fixed;right:18px;bottom:86px;z-index:9999;display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border:3px solid #fff;border-radius:999px;background:#ef4444;color:#fff!important;font-size:.72rem;font-weight:900;text-decoration:none;box-shadow:0 8px 25px rgba(239,68,68,.4)}
@media (min-width:700px){.device-choice-overlay{place-items:center}.device-choice-modal{border-radius:28px}.device-passkey-enrol-notice:not(.is-compact){padding:19px}}@media (max-width:480px){.device-passkey-premium-badge{display:none}.device-passkey-enrol-notice{gap:10px}.device-passkey-enrol-mark{flex-basis:40px;height:40px;border-radius:13px}.device-choice-overlay{padding:0;align-items:end}.device-choice-modal{border-radius:24px 24px 0 0;max-height:88vh}}

/* Passkey layout hardening: keep verification and management controls readable in narrow grids. */
.kbd-pad > .device-passkey-premium{grid-column:1/-1;min-width:0}
.device-passkey-premium{min-width:0!important;max-width:100%;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
.device-passkey-premium>*,.device-passkey-premium-copy,.device-passkey-premium-copy strong,.device-passkey-premium-copy small{min-width:0;writing-mode:horizontal-tb!important;word-break:normal!important;overflow-wrap:break-word;white-space:normal!important}
.device-passkey-row{min-width:0}
.device-passkey-row>div{flex:1 1 auto;min-width:0}
.device-passkey-row>button{flex:0 0 auto;width:auto!important;min-width:max-content;max-width:100%;white-space:nowrap!important;writing-mode:horizontal-tb!important;word-break:normal!important;overflow-wrap:normal!important}
@media(max-width:480px){.device-passkey-premium{grid-template-columns:auto minmax(0,1fr)}.device-passkey-row{align-items:stretch;flex-direction:column}.device-passkey-row>button{align-self:stretch;width:100%!important;min-width:0}}