/* The uploaded theme logos replace the textual brand name everywhere.
   logo_dark is for light surfaces, logo_light for dark surfaces (theme settings). */
.fw-logo{display:block;width:auto;height:24px;max-width:160px;object-fit:contain;flex-shrink:0}
.fw-logo-inline{display:inline-block;height:1.5em;vertical-align:middle}
/* Two-class selectors so the theme switch also wins over .fw-logo-inline */
.fw-logo.fw-logo-on-dark{display:none}
:is([data-theme=dark],[data-fw-theme=dark]) .fw-logo.fw-logo-on-light{display:none}
:is([data-theme=dark],[data-fw-theme=dark]) .fw-logo.fw-logo-on-dark{display:block}
:is([data-theme=dark],[data-fw-theme=dark]) .fw-logo-inline.fw-logo-on-dark{display:inline-block}

/* Modal and form headings */
.fw-form-kicker.fw-brand-kicker{display:flex;align-items:center;letter-spacing:0;margin-bottom:10px}
.fw-brand-kicker .fw-logo{height:22px}

/* Dashboard sidebar: the full logo, or the mark alone when the sidebar is compact */
.fw-side-brand>img{display:none}
.fw-side-brand>span img.fw-logo{width:auto;height:30px;max-width:170px}
.fw-sidebar-compact .fw-side-brand>img{display:block}
@media(max-width:1023px){.fw-sidebar-compact .fw-side-brand>img{display:none}}
.fw-global-brand img.fw-logo{width:auto;height:26px;max-width:150px}
.fw-global-brand>span{display:flex;flex-direction:column}

/* Status, auth and public site */
.fw-status-brand img.fw-logo{width:auto;height:34px;max-width:180px;border-radius:0}
.fw-auth-stage-footer .fw-logo-inline{height:16px;margin-inline-end:4px}
.fw-auth-demo-nav img.fw-logo{height:11px;margin-inline-start:auto}
.fw-site-brand img.fw-logo{width:auto;height:30px;max-width:170px;border-radius:0;background:none;padding:0}
.fw-site-brand strong{display:flex;flex-direction:column}
.fw-site-copyright .fw-logo-inline{height:18px;margin-inline-end:4px}
.fw-product-banner small .fw-logo-inline{height:16px}
.fw-desk-edition .fw-logo-inline{height:22px}
.fw-site-eyebrow .fw-logo-inline,.fw-brand-eyebrow .fw-logo-inline{height:18px;margin-inline-end:6px}

/* Messenger */
.workspace-brand .workspace-brand-name{display:flex;flex-direction:column}
.workspace-brand img.fw-logo{height:26px;max-width:140px}
#workspaceBootScreen img.fw-logo{height:30px;max-width:180px;margin:4px 0 2px}
.workspace-eyebrow img.fw-logo{display:inline-block;height:16px;vertical-align:middle;margin-inline-end:6px}

/* Flow builder */
.fw-flow-brand>img{display:none}
.fw-flow-brand>span img.fw-logo{width:auto;height:28px}