#sf-login-approval .sf-login-match{margin:12px 0;text-align:center;font-size:2rem;font-weight:600;letter-spacing:.15em;color:#047857}
#sf-login-approval form{width:100%}
#sf-login-approval input{box-sizing:border-box;width:100%;min-height:44px;font-size:16px}
#sf-login-approval button,#sf-login-incoming button{white-space:normal;overflow-wrap:anywhere}
#sf-login-incoming [data-login-choices]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#seafix-demo .sf-device-dialog{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-dialog::backdrop{background:#10201975;backdrop-filter:blur(8px)}
#seafix-demo .sf-device-dialog h2{font-size:18px;margin:0 0 14px}

/* A signed-in approval request uses the compact CrewChat panel. */
#seafix-demo dialog#sf-login-incoming.sf-compact-incoming{min-height:0;padding:24px;border-radius:20px}
#seafix-demo #sf-login-incoming.sf-compact-incoming .sf-incoming-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
#seafix-demo #sf-login-incoming.sf-compact-incoming .sf-auth-dialog-icon{width:24px;height:26px;align-self:auto;margin:0;border:0;border-radius:0;background:none}
#seafix-demo #sf-login-incoming.sf-compact-incoming .sf-auth-dialog-icon svg{width:24px;height:24px}
#seafix-demo #sf-login-incoming.sf-compact-incoming h2{min-width:0;margin:0;font-size:20px;line-height:1.3}
#seafix-demo #sf-login-incoming.sf-compact-incoming p{margin:0 0 14px;line-height:1.6}
#seafix-demo #sf-login-incoming.sf-compact-incoming [data-login-choices]{gap:8px;margin:0 0 14px;padding:0}
#seafix-demo #sf-login-incoming.sf-compact-incoming [data-login-choices]:empty{display:none}
#seafix-demo #sf-login-incoming.sf-compact-incoming button{min-height:44px;margin:0;padding:11px 14px}
#seafix-demo #sf-login-incoming.sf-compact-incoming [data-login-choices] button{min-height:58px;font-size:23px}
#seafix-demo #sf-login-incoming.sf-compact-incoming [data-login-without-history]{margin-bottom:8px}