/* Match the existing image-page brand geometry on every active header. */
html[data-pelican-ui] body[data-page] :is([data-pc-header-row],.topbar)>.ui-brand{display:flex!important;align-items:center!important;gap:8px!important;width:max-content!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0!important;transform:none!important}
html[data-pelican-ui] body[data-page] :is([data-pc-header-row],.topbar) .ui-brand :is(.brand-mark,.workspace-brand-mark){display:grid!important;place-items:center!important;box-sizing:border-box!important;width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important;padding:0!important;border:0!important;border-radius:9px!important}
html[data-pelican-ui] body[data-page] :is([data-pc-header-row],.topbar) .ui-brand img{display:block!important;width:32px!important;height:32px!important;object-fit:contain!important;border-radius:9px!important}
html[data-pelican-ui] body[data-page] :is([data-pc-header-row],.topbar) .ui-brand .ui-brand-copy{display:grid!important;grid-template-rows:21px 15px!important;gap:2px!important;min-width:0!important;height:38px!important}
html[data-pelican-ui] body[data-page] :is([data-pc-header-row],.topbar) .ui-brand .ui-brand-copy strong{margin:0!important;font-size:15px!important;font-weight:750!important;line-height:21px!important;letter-spacing:0!important;color:var(--pc-brand,#6654df)!important;white-space:nowrap!important}
html[data-pelican-ui] body[data-page] :is([data-pc-header-row],.topbar) .ui-brand .ui-brand-copy small{margin:0!important;font-size:10px!important;font-weight:600!important;line-height:15px!important;letter-spacing:0!important;color:var(--pc-muted,#60677f)!important;white-space:nowrap!important}
html[data-pelican-ui] body.workspace-page[data-page] .workspace-topbar:is([data-pc-header-row],.topbar),html[data-pelican-ui] body[data-page="admin"] .topbar:is([data-pc-header-row],.topbar){padding-left:max(24px,calc((100vw - 1320px)/2))!important;padding-right:max(24px,calc((100vw - 1320px)/2))!important}
@media(max-width:767px){html[data-pelican-ui] body.workspace-page[data-page] .workspace-topbar:is([data-pc-header-row],.topbar),html[data-pelican-ui] body[data-page="admin"] .topbar:is([data-pc-header-row],.topbar){padding-left:16px!important;padding-right:16px!important}}

/* The legacy mobile admin header hides its name; keep the shared brand visible. */
html[data-pelican-ui] body[data-admin-console] .app-shell>.topbar>.brand.ui-brand .ui-brand-copy{display:grid!important}
html[data-pelican-ui] body[data-admin-console] .app-shell>.topbar>.brand.ui-brand{width:max-content!important;min-width:max-content!important;flex:0 0 auto!important}

/* Header identity stays still, including hover/focus and late theme styles. */
html[data-pelican-ui] body[data-page] .ui-brand,
html[data-pelican-ui] body[data-page] .ui-brand :is(.brand-mark,.workspace-brand-mark,img,.ui-brand-copy,strong,small){animation:none!important;transition:none!important;transform:none!important;translate:none!important;rotate:none!important;scale:none!important;will-change:auto!important}
html[data-pelican-ui] body[data-page] .ui-brand::before,html[data-pelican-ui] body[data-page] .ui-brand::after,html[data-pelican-ui] body[data-page] .ui-brand :is(.brand-mark,.workspace-brand-mark)::before,html[data-pelican-ui] body[data-page] .ui-brand :is(.brand-mark,.workspace-brand-mark)::after{animation:none!important;transition:none!important}