html[data-brand-loading] body{visibility:hidden}
body,h1,h2,h3,button,input,select,textarea{font-family:var(--brand-font,system-ui,sans-serif)}
body{background-image:var(--brand-background,none);background-size:cover;background-attachment:fixed}
[data-customer-wordmark]{display:inline-flex;align-items:center;gap:12px;white-space:normal}
[data-customer-wordmark] img{max-width:160px;max-height:48px;object-fit:contain;background:var(--surface,var(--panel));border-radius:4px}
#customer-branding-action[hidden]{display:none}
#customer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:24px}
.customer-branding-dialog{width:min(780px,calc(100% - 32px));max-height:85vh;overflow:auto;background:var(--surface,var(--panel));color:var(--text,var(--ink));border:1px solid var(--border,var(--line));border-radius:16px;padding:24px}
.customer-branding-dialog label{display:grid;gap:6px;margin:12px 0}
.customer-branding-dialog input{width:100%;box-sizing:border-box}
.customer-branding-dialog fieldset{margin-block:20px;border:1px solid var(--border,var(--line))}
.customer-branding-dialog input[type=color]{height:44px}
.customer-branding-dialog .actions{display:flex;flex-wrap:wrap;gap:12px}
.customer-branding-dialog [role=alert]{color:var(--danger)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

header{flex-wrap:wrap}header>*{min-width:0}[data-customer-wordmark]{overflow-wrap:anywhere}

:root body,:root h1,:root h2,:root h3,:root button,:root input,:root select,:root textarea,:root .wordmark,:root .button,:root .stat strong{font-family:var(--brand-font,system-ui,sans-serif)}
[data-sign-in-message]{white-space:pre-wrap}