/* Keep the rail brand in the same 64px header row as the workspace controls.
   Some routes mount it directly; Social and Labs add one padded wrapper.
   Own these insets here so route CSS cannot nudge the logo between services. */
:root body aside:has(guth-workspace-identity[variant=brand]){padding-top:14px;padding-inline:14px}
:root body aside>div:has(>guth-workspace-identity[variant=brand]){padding-top:0;padding-inline:0}
:root body aside guth-workspace-identity[variant=brand]{margin:0;padding:0;flex:none}
/* Shared light rail surface: legacy Labs and Calendar used a darker beige. */
:root[data-theme=light] body aside:has(guth-workspace-identity[variant=brand]){background-color:#eeeee5;border-right-color:#d8ddcf}

/* One top bar for every workspace page. Page stylesheets used to set their own
   height, fonts and button styles, and workspace-utilities.css reset the right
   cluster's margin-left:auto at equal specificity, so whichever sheet loaded
   last decided where Docs / theme / Sign out / account sat. These selectors
   outrank the page overrides regardless of order. The home page is excluded. */
.guth-workspace-topbar{--workspace-topbar-surface:#1b201a;--workspace-topbar-border:#333b2f;--workspace-topbar-text:#f0ecdf;--workspace-topbar-muted:#b7b8aa;--workspace-topbar-raised:#293027;--workspace-topbar-focus:#d0e7c4;display:flex;align-items:center;gap:clamp(.45rem,1vw,.85rem);min-width:0;padding:.6rem clamp(.75rem,2vw,1.5rem);border-bottom:1px solid var(--workspace-topbar-border);background:var(--workspace-topbar-surface);color:var(--workspace-topbar-text)}
:root[data-theme=light] .guth-workspace-topbar,.guth-workspace-topbar[data-theme=light]{--workspace-topbar-surface:#f5f4ed;--workspace-topbar-border:#d1d4c5;--workspace-topbar-text:#233127;--workspace-topbar-muted:#596457;--workspace-topbar-raised:#e4e6d9;--workspace-topbar-focus:#285837;color:#233127}
header.guth-workspace-topbar[data-workspace-topbar]{position:relative;box-sizing:border-box;gap:.6rem;height:64px;min-height:64px;margin:0;padding:0 clamp(.75rem,1.6vw,1.25rem);font:500 13px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0}
header.guth-workspace-topbar[data-workspace-topbar]>.guth-workspace-topbar__leading{order:0}
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-identity[variant=service-menu]{order:1;flex:none}
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-search{order:2;flex:0 1 26rem;width:auto;min-width:12rem;max-width:26rem}
header.guth-workspace-topbar[data-workspace-topbar]>.guth-workspace-topbar__actions{order:3}
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-utilities{order:4;flex:none;width:auto;margin:0 0 0 auto;padding:0;border:0}
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-identity[variant=account]{order:5;flex:none;margin:0 0 0 .35rem;padding-left:.6rem;border-left:1px solid var(--workspace-topbar-border)}
header.guth-workspace-topbar[data-workspace-topbar] :is(.guth-workspace-topbar__leading,.guth-workspace-topbar__actions){display:flex;align-items:center;gap:.45rem;flex:none;min-width:0;margin:0}
header.guth-workspace-topbar[data-workspace-topbar] :is(.guth-workspace-topbar__leading,.guth-workspace-topbar__actions)>:is(a,button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:auto;height:40px;min-height:40px;margin:0;padding:0 .8rem;border:1px solid var(--workspace-topbar-border);border-radius:9px;background:transparent;box-shadow:none;color:var(--workspace-topbar-text);font:inherit;text-decoration:none;white-space:nowrap;cursor:pointer}
header.guth-workspace-topbar[data-workspace-topbar] :is(.guth-workspace-topbar__leading,.guth-workspace-topbar__actions)>:is(a,button):hover:not(:disabled){background:var(--workspace-topbar-raised)}
header.guth-workspace-topbar[data-workspace-topbar] :is(.guth-workspace-topbar__leading,.guth-workspace-topbar__actions)>:is(a,button):disabled{opacity:.5;cursor:not-allowed}
header.guth-workspace-topbar[data-workspace-topbar] :is(.guth-workspace-topbar__leading,.guth-workspace-topbar__actions)>:is(a,button):focus-visible{outline:3px solid var(--workspace-topbar-focus);outline-offset:2px}
header.guth-workspace-topbar[data-workspace-topbar] :is(.guth-workspace-topbar__leading,.guth-workspace-topbar__actions)>.icon-button{width:40px;padding:0}
header.guth-workspace-topbar[data-workspace-topbar] :is(.guth-workspace-topbar__leading,.guth-workspace-topbar__actions)>:is(a,button) svg{width:18px;height:18px}
header.guth-workspace-topbar[data-workspace-topbar] :is(.guth-workspace-topbar__leading,.guth-workspace-topbar__actions) [hidden]{display:none!important}
/* The Labs worker injects an ID rule (.guth-workspace-topbar #open-researcher) that
   gives this one button a paper fill; match its specificity so it looks like the rest. */
header.guth-workspace-topbar[data-workspace-topbar] .guth-workspace-topbar__actions>#open-researcher{min-height:40px;padding:0 .8rem;border:1px solid var(--workspace-topbar-border);border-radius:9px;background:transparent;color:var(--workspace-topbar-text);font:inherit}
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-utilities .guth-workspace-utilities__actions{display:flex;align-items:center;gap:.15rem}
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-utilities .guth-workspace-utilities__actions>:is(a,button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;height:40px;min-height:40px;padding:0 .75rem;border:0;border-radius:9px;background:transparent;color:var(--workspace-topbar-muted);font:inherit;text-decoration:none;white-space:nowrap}
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-utilities .guth-workspace-utilities__actions>:is(a,button):hover:not(:disabled){background:var(--workspace-topbar-raised);color:var(--workspace-topbar-text)}
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-utilities .guth-workspace-utilities__actions>[data-utility-theme]{width:40px;padding:0}
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-utilities .guth-workspace-utilities__actions>[hidden]{display:none!important}
/* The account icon and Messages already cover these, so the bar omits them. */
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-utilities .guth-workspace-utilities__actions>:is([data-utility-chat],a[href="/account"]){display:none}
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-utilities .guth-workspace-utilities__status{position:absolute;top:calc(100% + 4px);right:1rem;z-index:30;margin:0;padding:.35rem .6rem;border-radius:8px;background:var(--workspace-topbar-raised);color:var(--workspace-topbar-text);font-size:12px}
header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-utilities .guth-workspace-utilities__status:empty{display:none}
@media(min-width:761px){header.guth-workspace-topbar[data-workspace-topbar]>.guth-workspace-topbar__leading{display:none}}
@media(max-width:760px){header.guth-workspace-topbar[data-workspace-topbar]{height:auto;min-height:0;padding:.5rem .75rem;gap:.45rem;flex-wrap:wrap}header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-search{order:6;flex:1 0 100%;width:100%;max-width:none}header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-identity[variant=account]{padding-left:.45rem}}
@media(max-width:420px){header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-utilities .guth-workspace-utilities__actions{gap:0}header.guth-workspace-topbar[data-workspace-topbar]>guth-workspace-utilities [data-utility-sign-out]{display:none!important}}
@media(prefers-reduced-motion:reduce){.guth-workspace-topbar *{scroll-behavior:auto!important;transition-duration:.01ms!important}}