html body.delegation-active { --delegation-banner-height: 72px; }
html .delegation-banner { min-height: 64px; height: auto; flex-direction: row; flex-wrap: wrap; gap: 10px 16px; }
html .delegation-banner__identity { flex: 1 1 360px; flex-wrap: wrap; }
html .delegation-banner__workspace { color: #f2ca79; font-size: 13px; }
html .delegation-banner [data-delegation-admin-return] { color: white; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; padding: 6px 0; }
html .delegation-banner [data-delegation-admin-return]:focus-visible { outline: 2px solid white; outline-offset: 3px; }
@media (max-width: 700px) {
    html body.delegation-active { --delegation-banner-height: 176px; }
    html .delegation-banner { min-height: 0; padding: 12px 16px; align-items: center; gap: 6px 14px; }
    html .delegation-banner__identity { flex: 0 0 100%; gap: 3px; }
    html .delegation-banner__identity span { font-size: 13px; }
    html .delegation-banner__workspace { width: 100%; font-size: 12px; }
    html .delegation-banner [data-delegation-admin-return] { font-size: 12px; }
    html .delegation-banner button { font-size: 12px; }
}