#seafix-demo #sf-device-verification { box-sizing:border-box; width:min(440px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); overflow:auto; padding:22px; border:1px solid var(--sf-line); border-radius:18px; background:var(--sf-surface); color:var(--sf-text); }
#seafix-demo #sf-device-verification::backdrop { background:#10201975; backdrop-filter:blur(8px); }
#seafix-demo #sf-device-verification h2 { font-size:18px; margin:0 0 14px; }
#seafix-demo [data-verification-numbers] { font-size:clamp(19px,6vw,27px); font-variant-numeric:tabular-nums; text-align:center; letter-spacing:1px; margin:18px 0; }
#seafix-demo .sf-device-actions { display:flex; flex-direction:column; gap:10px; }
#seafix-demo .sf-device-actions button { min-height:42px; padding:10px; white-space:normal; }
#seafix-demo .sf-device-actions [hidden] { display:none; }
#seafix-demo .sf-device-key-row { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
#seafix-demo .sf-device-key-row span { flex-basis:100%; }
#seafix-demo [data-passkey-password] { display:block; box-sizing:border-box; width:100%; margin:8px 0 14px; font-size:16px; }
#seafix-demo #sf-passkey-login { margin-top:12px; width:100%; }
#seafix-demo #sf-device-verification [data-device-recovery-code] { box-sizing:border-box; width:100%; min-height:44px; padding:10px 12px; font-size:16px; }
#seafix-demo #sf-device-verification [data-device-recovery-note] { margin:0; padding:10px 12px; border-radius:10px; background:#ecfdf5; color:#065f46; overflow-wrap:anywhere; }
#seafix-demo #sf-device-verification [data-device-recovery-note].is-error { background:#fef2f2; color:#991b1b; }
#seafix-demo #sf-device-verification [data-device-approval-view][hidden], #seafix-demo #sf-device-verification [data-device-recovery-form][hidden] { display:none; }


#seafix-demo .sf-security-device-list{display:grid;gap:10px;}
#seafix-demo .sf-security-device-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;padding:14px 0;border-bottom:1px solid var(--sf-line);}
#seafix-demo .sf-security-device-row>svg{flex:none;width:28px!important;height:28px!important;stroke-width:1.5;color:var(--sf-heading);}
#seafix-demo .sf-security-device-row>.sf-security-device-copy{flex:1 1 140px;min-width:0;line-height:1.5;font-size:13px;overflow-wrap:anywhere;}
#seafix-demo .sf-security-device-copy strong{display:block;font-size:13px;font-weight:550;}
#seafix-demo .sf-security-device-copy small{display:block;color:var(--sf-muted);margin-top:3px;}
#seafix-demo .sf-security-device-row button{flex:none;margin-left:auto;min-height:40px;}
#seafix-demo #sf-device-security .sf-profile-form{gap:12px;}

/* Recovery stays compact even when the shared account-dialog styles load later. */
#seafix-demo dialog#sf-device-verification.sf-compact-recovery{min-height:0;padding:24px;border-radius:20px;}
#seafix-demo #sf-device-verification.sf-compact-recovery .sf-recovery-dialog-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;}
#seafix-demo #sf-device-verification.sf-compact-recovery .sf-auth-dialog-icon{width:24px;height:26px;align-self:auto;margin:0;border:0;border-radius:0;background:none;}
#seafix-demo #sf-device-verification.sf-compact-recovery .sf-auth-dialog-icon svg{width:24px;height:24px;}
#seafix-demo #sf-device-verification.sf-compact-recovery h2{min-width:0;margin:0;font-size:20px;line-height:1.3;}
#seafix-demo #sf-device-verification.sf-compact-recovery p{margin:0 0 16px;line-height:1.6;}
#seafix-demo #sf-device-verification.sf-compact-recovery .sf-device-actions{gap:8px;margin-top:0;padding-top:0;}
#seafix-demo #sf-device-verification.sf-compact-recovery button{min-height:44px;margin-top:0;padding:11px 14px;}
#seafix-demo #sf-device-verification.sf-compact-recovery .sf-recovery-choice{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;text-align:left;background:var(--sf-surface,#fff);}
#seafix-demo #sf-device-verification.sf-compact-recovery .sf-recovery-choice:hover{background:var(--sf-surface-raised,#f5f6f7);}
#seafix-demo #sf-device-verification.sf-compact-recovery .sf-recovery-choice>svg{flex:none;width:21px;height:21px;}
#seafix-demo #sf-device-verification.sf-compact-recovery .sf-recovery-choice>span{flex:1;min-width:0;}
#seafix-demo #sf-device-verification.sf-compact-recovery .sf-recovery-choice>.sf-recovery-choice-arrow{width:16px;height:16px;color:var(--sf-muted,#68707c);}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-verify-alternatives]{margin:4px 0;padding:10px 0;border-top:1px solid var(--sf-line,#e1e3e6);border-bottom:1px solid var(--sf-line,#e1e3e6);font-size:13px;}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-verify-alternatives] summary{padding:4px 0;color:var(--sf-muted,#68707c);cursor:pointer;}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-verify-alternatives] p{margin:10px 0;font-size:12px;}
#seafix-demo #sf-device-verification.sf-compact-recovery :is([data-verify-help],[data-verify-close],[data-device-recovery-back],[data-device-recovery-close]){border-color:transparent;background:transparent;color:var(--sf-muted,#68707c);}
#seafix-demo #sf-device-verification.sf-compact-recovery :is([data-verify-help],[data-verify-close],[data-device-recovery-back],[data-device-recovery-close]):hover{background:var(--sf-surface-raised,#f5f6f7);color:var(--sf-heading,#1d2025);}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-device-recovery-form]{display:flex;flex-direction:column;gap:10px;padding:0;}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-device-recovery-form] .sf-label{margin:4px 0 0;}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-device-recovery-form]>p:first-child{margin-bottom:4px;}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-device-recovery-note]{margin:0;background:var(--sf-surface-raised,#f5f6f7);color:var(--sf-text,#25272b);}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-device-recovery-note].is-error{background:#fef2f2;color:#991b1b;}

/* U3: optional passkey card, shown as a view of the same dialog (same look as the recovery-code form). */
#seafix-demo #sf-device-verification.sf-compact-recovery [data-offer-step]{display:flex;flex-direction:column;gap:10px;padding:0;}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-offer-step] .sf-label{margin:4px 0 0;}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-offer-step]>p:first-child{margin-bottom:4px;}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-offer-note]{margin:0;padding:10px 12px;border-radius:10px;overflow-wrap:anywhere;background:var(--sf-surface-raised,#f5f6f7);color:var(--sf-text,#25272b);}
#seafix-demo #sf-device-verification.sf-compact-recovery [data-offer-note].is-error{background:#fef2f2;color:#991b1b;}
#seafix-demo #sf-device-verification.sf-compact-recovery :is([data-offer-later],[data-offer-step] .sf-collab-quiet[data-offer-close]){border-color:transparent;background:transparent;color:var(--sf-muted,#68707c);}
#seafix-demo #sf-device-verification.sf-compact-recovery :is([data-offer-later],[data-offer-step] .sf-collab-quiet[data-offer-close]):hover{background:var(--sf-surface-raised,#f5f6f7);color:var(--sf-heading,#1d2025);}
/* U4: same alignment as the other Sign-in forms (Zapisz hasło, Wyślij link). */
#seafix-demo #sf-device-security [data-passkey-add]{display:flex;margin-left:auto;}