body > header{gap:16px;flex-wrap:wrap;align-items:center}
.workspace-account-menu{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}
.workspace-account-menu .workspace-account-name{font-size:13px;white-space:nowrap;color:#385866}
.workspace-account-menu button,.workspace-account-menu a{font-size:13px;padding:7px 10px;min-height:34px;white-space:nowrap;line-height:1.4}
.workspace-account-menu a{display:inline-flex;align-items:center;text-decoration:none;border:1px solid #cbdde3;border-radius:7px}
#workspace-account-message:empty{display:none}
#workspace-account-message{position:fixed;z-index:1200;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#fff;border:1px solid #bfd2da;border-radius:8px;box-shadow:0 6px 24px #15334126;max-width:min(90vw,600px)}
.session-loading{max-width:640px;margin:64px auto;padding:32px;text-align:center;color:#456577;border:1px solid #dce7eb;border-radius:12px;background:#fff}
.session-loading button{margin-left:12px}
@media(max-width:760px){.workspace-account-menu{width:100%;justify-content:flex-start;margin-left:0;gap:6px}.workspace-account-menu .workspace-account-name{width:100%}.workspace-account-menu button,.workspace-account-menu a{padding:6px 8px}}

/* Workspace tabs replace the redundant header return links. Keep the logo and account menu. */
html[data-workspace-navigation="tabs"] body > header > a:not(.brand){display:none!important}
.region-finished-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.region-finished-tabs [aria-selected="true"]{background:#087f88;color:#fff;border-color:#087f88}