#sf-login-link{max-width:440px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;border:1px solid #d5d7db;border-radius:20px;padding:24px;background:var(--sf-surface,#fff);color:var(--sf-ink,#17181b)}
#sf-login-link::backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(4px)}
#sf-login-link canvas{width:min(100%,300px);height:auto;display:block;margin:20px auto;border-radius:12px}
#sf-login-link video{width:100%;max-height:340px;object-fit:cover;border-radius:12px;margin:12px 0}
#sf-login-link [hidden]{display:none!important}
#sf-login-link [data-link-device]{font-size:12px;overflow-wrap:anywhere;opacity:.7}
#sf-login-link .sf-device-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}

/* The login card keeps its layout; only the signed-in history flow is compact. */
#sf-login-link .sf-link-dialog-heading{display:contents}
#seafix-demo dialog#sf-login-link[data-link-purpose="history"]{min-height:0;padding:24px;border-radius:20px}
#seafix-demo #sf-login-link[data-link-purpose="history"] .sf-link-dialog-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
#seafix-demo #sf-login-link[data-link-purpose="history"] .sf-auth-dialog-icon{width:24px;height:26px;align-self:auto;margin:0;border:0;border-radius:0;background:none}
#seafix-demo #sf-login-link[data-link-purpose="history"] .sf-auth-dialog-icon svg{width:24px;height:24px}
#seafix-demo #sf-login-link[data-link-purpose="history"] h2{min-width:0;margin:0;font-size:20px;line-height:1.3}
#seafix-demo #sf-login-link[data-link-purpose="history"] p{margin:0 0 16px;line-height:1.6}
#seafix-demo #sf-login-link[data-link-purpose="history"] .sf-device-actions{gap:8px;margin-top:0;padding-top:0}
#seafix-demo #sf-login-link[data-link-purpose="history"] button{min-height:44px;margin-top:0;padding:11px 14px}
#seafix-demo #sf-login-link[data-link-purpose="history"] :is([data-link-back],[data-link-close]){background:transparent;border-color:transparent;color:var(--sf-muted,#68707c)}
#seafix-demo #sf-login-link[data-link-purpose="history"] :is([data-link-back],[data-link-close]):hover{background:var(--sf-surface-raised,#f5f6f7);color:var(--sf-heading,#1d2025)}