/* One shell for the portal, experience and workspace, including the first paint. */
:root { --header-height: 5.5rem; --site-header-bg: #fff; --site-header-ink: #25252c; --site-header-muted: #716f7d; --site-header-border: #e9e7ef; --site-header-accent: #7055bd; }
html.dark { --site-header-bg: #17171c; --site-header-ink: #eae8ef; --site-header-muted: #a6a3b2; --site-header-border: #33313d; --site-header-accent: #b09bdc; }
body:has(#site-header) { padding-top: var(--header-height); }
#site-header { position: fixed; inset: 0 0 auto; z-index: 40; display: grid !important; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: clamp(.75rem, 2vw, 2rem); box-sizing: border-box; height: var(--header-height); padding: 0 2rem; margin: 0; border: 0; border-bottom: 1px solid var(--site-header-border); background: var(--site-header-bg); color: var(--site-header-ink); font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; box-shadow: none; backdrop-filter: none; }
#site-header .site-brand { min-width: 0; display: inline-flex; align-items: center; gap: .625rem; color: inherit; font-size: var(--text-xl); font-weight: 650; letter-spacing: 0; text-decoration: none; line-height: 1.4; }
#site-header .site-brand img { width: 1.9375rem; height: 1.9375rem; flex: none; }
#site-header .site-brand span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#site-header .site-navigation { display: flex; align-items: center; gap: .625rem; margin: 0; padding: 0; min-width: 0; }
#site-header .site-menu-slot { display: flex; flex: none; }
#site-header .site-actions { display: inline-flex; align-items: center; justify-self: end; gap: .625rem; }
#site-header .site-nav-item, #site-header .site-auth { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex: none; gap: .375rem; height: 2.5rem; margin: 0; padding: 0 .875rem; border: 0; border-radius: var(--radius-lg); background: transparent; color: var(--site-header-muted); font-family: inherit; font-size: var(--text-sm); font-weight: 500; line-height: 1; white-space: nowrap; text-decoration: none; cursor: pointer; transition: color .16s, background-color .16s, border-color .16s; }
#site-header .site-console-link { height: 2.25rem; padding: 0 .875rem; border: 1px solid color-mix(in srgb, var(--site-header-ink) 14%, var(--site-header-border)); border-radius: 999rem; background: color-mix(in srgb, var(--site-header-ink) 4%, var(--site-header-bg)); color: var(--site-header-ink); font-weight: 550; }
#site-header .site-console-link:hover { border-color: color-mix(in srgb, var(--site-header-accent) 42%, var(--site-header-border)); background: color-mix(in srgb, var(--site-header-accent) 10%, var(--site-header-bg)); color: var(--site-header-accent); }
#site-header .site-console-link[aria-current="page"] { border-color: color-mix(in srgb, var(--site-header-accent) 48%, var(--site-header-border)); background: color-mix(in srgb, var(--site-header-accent) 12%, var(--site-header-bg)); color: var(--site-header-accent); }
#site-header .site-nav-item svg { width: .75rem; height: .75rem; fill: none; stroke: currentColor; stroke-width: 1.75; }
#site-header .site-nav-item[aria-current="page"] { color: var(--site-header-accent); }
#site-header .site-nav-item:hover, #site-header .site-nav-item[data-popup-open] { color: var(--site-header-ink); background: color-mix(in srgb, var(--site-header-accent) 8%, transparent); }
#site-header .site-auth { width: calc(5.25rem * var(--text-scale, 1)); padding: 0; background: var(--site-header-ink); color: var(--site-header-bg); border-radius: var(--radius-lg); }
#site-header .site-auth.q-account { display: grid; place-items: center; width: 2.5rem; min-width: 2.5rem; height: 2.5rem; padding: 0; border-radius: 50%; background: linear-gradient(120deg,#21758b,#6860b8 55%,#7650b2); color: #fff; font-size: var(--text-base); }
#site-header .site-auth.q-account img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
#site-header .site-auth:hover { background: color-mix(in srgb, var(--site-header-ink) 88%, var(--site-header-bg)); }
#site-header :is(a, button):focus-visible { outline: .125rem solid var(--site-header-accent); outline-offset: .1875rem; }
.site-dropdown { --background: var(--site-header-bg); --foreground: var(--site-header-ink); --popover: var(--site-header-bg); --popover-foreground: var(--site-header-ink); --muted-foreground: var(--site-header-muted); --border: var(--site-header-border); --accent: color-mix(in srgb, var(--site-header-accent) 10%, var(--site-header-bg)); --accent-foreground: var(--site-header-ink); z-index: 60; min-width: 12rem; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.site-dropdown [data-slot="dropdown-menu-item"] { min-height: 2.5rem; padding: .625rem .75rem; font-size: var(--text-sm); text-decoration: none; }
body.workspace-active .workspace-sidebar, body.workspace-active[data-sidebar-mobile="true"] .workspace-sidebar { top: var(--header-height); }
body.workspace-active .workspace-backdrop { top: var(--header-height); }
.workspace-main .workspace-menu { flex: none; }
.portal-appearance-setting { display: flex; align-items: center; gap: .75rem; font-size: var(--text-xs); }
.portal-appearance-setting select { width: auto; min-width: 5rem; padding: .375rem .5rem; border: 1px solid var(--site-header-border); border-radius: var(--radius-lg); background: var(--site-header-bg); color: var(--site-header-ink); font: inherit; }
@media(max-width: 68rem) { #site-header { padding-inline: 1.25rem; gap: .625rem; } #site-header .site-navigation { gap: .125rem; } #site-header .site-nav-item { padding-inline: .625rem; } #site-header .site-brand { font-size: var(--text-base); } }
@media(max-width: 50rem) {
  :root { --header-height: 7.5rem; }
  #site-header { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 4.25rem 3.25rem; column-gap: .625rem; row-gap: 0; padding: 0 1rem; }
  #site-header .site-brand { font-size: var(--text-sm); }
  #site-header .site-brand span { white-space: normal; overflow: visible; }
  #site-header .site-brand img { width: 1.6875rem; height: 1.6875rem; }
  #site-header .site-actions, #site-header > .site-auth { grid-column: 2; grid-row: 1; gap: .5rem; }
  #site-header .site-navigation { grid-row: 2; grid-column: 1 / -1; justify-content: space-between; align-self: start; width: 100%; }
  #site-header .site-navigation .site-nav-item { padding-inline: .25rem; }
  #site-header .site-console-link { height: 2.125rem; padding-inline: .6875rem; font-size: var(--text-xs); }
}
@media(prefers-reduced-motion: reduce) { #site-header :is(a, button) { transition: none; } }

.workspace-sidebar .sidebar-toolbar[hidden] { display: none; }