.portal-brand{display:inline-flex;align-items:center;justify-content:center;max-width:100%;line-height:1;background:#fff;border-radius:8px;padding:4px 8px;flex-shrink:0}
.portal-brand-lockup{display:block;width:180px;max-width:100%;height:56px;object-fit:contain}
.portal-brand-compact{display:none;width:36px;height:36px;object-fit:contain}
.stripe-brand:has(.portal-brand),.financial-shell-brand:has(.portal-brand){min-width:0;gap:0}
body[data-stripe-nav="collapsed"] .stripe-brand .portal-brand-lockup{display:none}
body[data-stripe-nav="collapsed"] .stripe-brand .portal-brand-compact{display:block}
body[data-stripe-nav="collapsed"] .stripe-brand .portal-brand{padding:3px}
.financial-mobile-brand .portal-brand-lockup{display:none}
.financial-mobile-brand .portal-brand-compact{display:block}
.financial-mobile-brand .portal-brand{padding:2px}
@media(max-width:520px){.brand .portal-brand-lockup{width:155px;height:48px}}

.financial-shell[data-financial-collapsed="1"] .financial-shell-brand .portal-brand-lockup{display:none}
.financial-shell[data-financial-collapsed="1"] .financial-shell-brand .portal-brand-compact{display:block}
.financial-shell[data-financial-collapsed="1"] .financial-shell-brand .portal-brand{padding:2px}

.stripe-brand .portal-brand-lockup,.financial-shell-brand .portal-brand-lockup{width:148px;height:46px}

/* Let transparent artwork follow the navigation surface, including the mobile bar. */
.financial-shell-brand .portal-brand,.financial-mobile-brand .portal-brand{background:transparent}
/* Dark surfaces need a light mark; light headers and variants retain the blue artwork. */
body[data-theme="command"] .financial-mobile-brand img,
body:is([data-theme="command"],[data-theme="violet"]) .financial-shell-brand img,
body[data-theme="stripe"]:not([data-stripe-variant="slate"]):not([data-stripe-variant="applus"]) .financial-shell-brand img{filter:brightness(0) invert(1)}

/* Legacy standalone headers share the same product artwork as the app shell. */
.brand.portal-header-brand{min-width:0;max-width:100%;flex-wrap:wrap;gap:8px 14px}
.portal-header-brand>.portal-header-context{min-width:0;max-width:28ch;overflow-wrap:anywhere}
.portal-header-brand>.portal-header-context small{display:block}
.qc-brand:has(.portal-brand){min-width:0;flex-wrap:wrap}
.qc-brand .portal-brand-lockup{width:180px;height:56px}
.qc-brand .portal-brand-compact{display:none}