/* The compact menu is a dock. Expanded navigation keeps its existing layout. */
.hub-shell .workspace-sidebar .hub-sidebar-head .hub-collapse {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; min-height: 40px; padding: 9px; flex: none;
  border: 1px solid var(--menu-line); border-radius: 11px;
  background: var(--menu-hover); color: var(--menu-muted); font-size: 0;
}
.hub-shell .workspace-sidebar .hub-sidebar-head .hub-collapse::after { content: none; }
.hub-collapse > svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.hub-collapse .mini-panel-arrow { transform: scaleX(-1); transform-origin: 14px 12px; }
.hub-shell[data-hub-collapsed=true] .hub-collapse .mini-panel-arrow { transform: none; }
.hub-shell .workspace-sidebar .hub-sidebar-head .hub-collapse:hover { color: var(--menu-accent); border-color: var(--menu-accent); background: var(--menu-active); }
.hub-shell .workspace-sidebar .hub-sidebar-head .hub-collapse:focus-visible { outline: 2px solid var(--menu-accent); outline-offset: 3px; }
.workspace-mini-tooltip {
  position: fixed; z-index: 40; padding: 9px 13px; border: 1px solid var(--menu-line);
  border-radius: 10px; background: var(--menu-bg); color: var(--menu-text);
  box-shadow: 0 8px 30px #0003; font-size: 12px; font-weight: 500; line-height: 1.5;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.workspace-mini-tooltip[hidden] { display: none; }
@media (min-width: 761px) {
  .hub-shell[data-hub-collapsed=true] { --sidebar-width: 120px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar {
    inset-block: 12px; inset-inline-start: 12px; width: 84px;
    height: calc(100dvh - 24px); max-height: calc(100dvh - 24px); padding: 12px 8px;
    border: 1px solid var(--menu-line); border-radius: 21px; background: var(--menu-bg);
    box-shadow: 0 8px 30px #00000012; overflow: visible; gap: 0;
  }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .hub-sidebar-head { order: 0; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 94px; margin: 0 0 12px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .brand { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .brand-symbol { width: 30px; height: 30px; flex-basis: 30px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .hub-sidebar-head .hub-collapse { position: static; inset: auto; order: -1; width: 44px; min-height: 44px; border-radius: 13px; background: var(--menu-bg); box-shadow: 0 3px 14px #0002; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .workspace-search-button { order: 1; position: relative; inset: auto; display: flex; align-items: center; justify-content: center; width: 44px; min-height: 44px; margin: 0 auto 18px; padding: 11px; background: var(--menu-hover); border-radius: 14px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .workspace-search-button > svg { width: 20px; height: 20px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .main-nav { order: 2; display: flex; flex: 1; flex-direction: column; align-items: center; gap: 7px; min-height: 0; margin: 0; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item { width: 44px; min-height: 44px; padding: 10px; border: 1px solid transparent; border-radius: 14px; color: var(--menu-muted); }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item > svg { display: block; width: 21px; height: 21px; stroke-width: 1.65; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item::after { display: none; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item::before { inset-block: 17px; inset-inline-start: -9px; width: 3px; border-radius: 3px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item.active { border-color: #9de3c724; background: linear-gradient(140deg, #9de3c725, var(--menu-active)); color: var(--menu-accent); box-shadow: inset 0 1px 0 #ffffff08; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item[data-area=config] { margin-top: auto; margin-bottom: 0; padding-top: 10px; border-radius: 14px; }
  .hub-shell[data-hub-collapsed=true] .workspace-personal-card { order: 3; flex: none; margin: 12px 0 0; padding-top: 12px; border: 0; border-top: 1px solid var(--menu-line); border-radius: 0; background: none; }
  .hub-shell[data-hub-collapsed=true] .workspace-personal-identity { width: 44px; min-height: 44px; padding: 4px; margin-inline: auto; border-radius: 50%; }
  .hub-shell[data-hub-collapsed=true] .workspace-personal-avatar { width: 36px; height: 36px; border-radius: 50%; border-color: #9de3c745; box-shadow: 0 0 0 3px #9de3c709; }
  .hub-shell[data-hub-collapsed=true] .workspace-personal-identity:hover { background: var(--menu-hover); }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .sidebar-footer { display: none; }
  .hub-shell[data-hub-collapsed=true][data-hub-theme=light] .workspace-sidebar .nav-item.active { border-color: #246f5424; background: linear-gradient(140deg, #246f5418, var(--menu-active)); box-shadow: none; }
}
@media (min-width: 761px) and (max-height: 760px) {
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar { padding-block: 10px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .hub-sidebar-head { margin-bottom: 6px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .workspace-search-button { margin-bottom: 10px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .main-nav { gap: 4px; }
  .hub-shell[data-hub-collapsed=true] .workspace-personal-card { margin-top: 8px; padding-top: 8px; }
}
@media (min-width: 761px) and (max-height: 660px) {
  .hub-shell[data-hub-collapsed=true] { --sidebar-width: 172px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar { width: 112px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .main-nav { display: grid; grid-template-columns: repeat(2,44px); grid-template-rows: repeat(3,44px) minmax(44px,1fr); justify-content: center; gap: 2px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item[data-area=config] { margin: 0; grid-column: 2; align-self: end; }
}
@media (max-height: 620px) {
  .hub-shell:not([data-hub-collapsed=true]) .workspace-sidebar .hub-sidebar-head .hub-collapse { width: 36px; min-height: 36px; padding: 7px; }
}
@media (min-width: 761px) and (max-height: 440px) {
  .hub-shell[data-hub-collapsed=true] { --sidebar-width: 196px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar { width: 160px; inset-block: 8px; height: calc(100dvh - 16px); max-height: calc(100dvh - 16px); padding-block: 7px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .hub-sidebar-head { align-items: flex-start; justify-content: flex-start; gap: 2px; min-height: 90px; margin-bottom: 4px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .hub-sidebar-head .hub-collapse { align-self: flex-start; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .workspace-search-button { position: absolute; inset-block-start: 53px; inset-inline-end: 8px; width: 44px; min-height: 44px; margin: 0; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .main-nav { grid-template-columns: repeat(3,44px); grid-template-rows: repeat(2,44px) minmax(44px,1fr); }
  .hub-shell[data-hub-collapsed=true] .workspace-personal-card { margin-top: 4px; padding-top: 0; border-top: 0; }
}
@media (max-width: 760px) { .hub-shell .workspace-sidebar .hub-sidebar-head .hub-collapse { display: none; } }
@media (prefers-reduced-motion: no-preference) {
  .hub-collapse > svg, .hub-collapse .mini-panel-arrow { transition: transform 160ms ease; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item { transition: background 160ms ease, color 160ms ease, border-color 160ms ease; }
}
body.hub-shell[data-hub-reduced-motion=true] .hub-collapse :is(svg,path) { transition: none; }
@media (forced-colors: active) {
  .workspace-mini-tooltip, .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item.active { border: 1px solid CanvasText; }
}


/* Six work menus plus settings: keep settings on the bottom row in short layouts. */
@media (max-height: 620px) {
  .hub-shell:not([data-hub-collapsed=true]) .workspace-sidebar .nav-item[data-area=config] { grid-column: 1 / -1; grid-row: 4; }
}
@media (min-width: 761px) and (max-height: 660px) {
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item[data-area=config] { grid-column: 1 / -1; grid-row: 4; }
}
@media (max-width: 760px) and (max-height: 480px), (min-width: 761px) and (max-height: 440px) {
  .hub-shell:not([data-hub-collapsed=true]) .workspace-sidebar .nav-item[data-area=config],
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item[data-area=config] { grid-row: 3; }
}