/* Allies' compact navigation scale, shared by every workspace sidebar. */
:root {
  --sidebar-text-size: calc(13px + 1pt);
  --sidebar-label-size: calc(11px + 2pt);
  --sidebar-meta-size: calc(10px + 1pt);
  --sidebar-title-size: 20px;
  --sidebar-row-height: 35px;
}

#workspace-sidebar { font-family: var(--font-ui); font-size: var(--sidebar-text-size); line-height: 1.5; }
/* Every tab's sidebar shares the Work sidebar's frame: the collapse toggle and
   the first nav row sit at the same point on Work, Allies and Data. */
#workspace-sidebar:not([data-sidebar-collapsed="true"]) { padding: 18px 12px 14px; }
#workspace-sidebar > header { gap: 8px; margin: 0; padding: 0 10px 13px; }
#workspace-sidebar h1 { margin: 0; font-size: var(--sidebar-title-size); font-weight: 550; letter-spacing: -.5px; }
#workspace-sidebar :is(.inbox-folders, .work-library-nav) { gap: 3px; }
#workspace-sidebar :is(.inbox-folders, .work-library-nav) > button,
#workspace-sidebar :is(.views-new, .views-import),
#workspace-sidebar .views-toggle button {
  gap: 10px; min-height: var(--sidebar-row-height); flex-shrink: 0; margin: 0; padding: 8px 12px;
  border: 0; border-radius: 6px; font-size: var(--sidebar-text-size); font-weight: 400; line-height: 1.5;
}
#workspace-sidebar :is(.inbox-folders, .work-library-nav) > button > svg,
#workspace-sidebar :is(.views-new, .views-import) > svg,
#workspace-sidebar .views-toggle button > svg { width: 16px; height: 16px; }
#workspace-sidebar :is(.inbox-folders b, .work-folder-count) { font-size: var(--sidebar-meta-size); font-weight: 600; }
#workspace-sidebar :is(.work-folder-label, .work-nav-label) {
  margin: 19px 12px 7px; font-size: var(--sidebar-label-size); font-weight: 600;
  line-height: 1.5; letter-spacing: 0; text-transform: none;
}
#workspace-sidebar .work-folder-label button { width: 26px; height: 26px; padding: 6px; }
#workspace-sidebar .library-folder { margin: 0 0 27px; }
#workspace-sidebar .library-folder-heading { position: relative; gap: 2px; padding: 0 8px 7px 12px; }
#workspace-sidebar .library-folder-heading > button { height: 26px; padding: 0 4px; gap: 7px; }
#workspace-sidebar .library-folder-heading > button:not(:first-child) { position: absolute; top: 0; background: transparent; }
#workspace-sidebar .library-folder-heading > button:not(:first-child):nth-last-child(1) { right: 40px; }
#workspace-sidebar .library-folder-heading > button:not(:first-child):nth-last-child(2) { right: 66px; }
#workspace-sidebar .library-folder-heading > button:not(:first-child):nth-last-child(3) { right: 92px; }
#workspace-sidebar .library-folder-heading > button:first-child { padding-right: 32px; }
#workspace-sidebar .library-folder-heading:is(:hover, :focus-within) > button:first-child:not(:last-child) > span { padding-right: 78px; }
#workspace-sidebar .library-folder-heading > button:first-child {
  font-size: var(--sidebar-label-size); font-weight: 600; color: var(--muted);
}
#workspace-sidebar .library-folder-heading > button > span { font-size: inherit; }
#workspace-sidebar .library-folder-heading small { position: absolute; right: 12px; top: 0; height: 26px; min-width: 24px; display: grid; align-items: center; text-align: right; font-size: var(--sidebar-meta-size); font-variant-numeric: tabular-nums; }
#workspace-sidebar .library-folder-heading > button > svg { width: 14px; height: 14px; }
#workspace-sidebar .library-folder nav { padding: 0; }
#workspace-sidebar .views-item-actions { position: absolute; right: 8px; display: flex; align-items: center; opacity: 0; pointer-events: none; background: transparent; border-radius: 5px; }
#workspace-sidebar .views-item-row:is(:hover, :focus-within) .views-item-actions { opacity: 1; pointer-events: auto; }
#workspace-sidebar .views-item-actions > button { position: static; display: grid; place-items: center; width: 26px; height: 26px; padding: 5px; margin: 0; opacity: 1; border: 0; background: transparent; color: var(--nav-muted); }
#workspace-sidebar .views-item-actions > button:hover { background: transparent; color: var(--nav-ink); }
#workspace-sidebar .views-item-actions svg { width: 15px; height: 15px; }
#workspace-sidebar .views-item-row:is(:hover, :focus-within) .views-item > span { padding-right: 52px; }
#workspace-sidebar .library-folder :is(.views-item, .work-library-row) {
  gap: 10px; min-height: var(--sidebar-row-height); margin: 0; padding: 8px 12px 8px 24px;
  border-radius: 6px; font-size: var(--sidebar-text-size); font-weight: 400; line-height: 1.5;
}
#workspace-sidebar .library-folder .views-item { padding-right: 30px; }
#workspace-sidebar .views-file-icon { flex-basis: 16px; }
#workspace-sidebar .views-file-icon svg { width: 16px; height: 16px; }
#workspace-sidebar .views-show-more { min-height: var(--sidebar-row-height); margin: 0; padding: 8px 24px; font-size: var(--sidebar-text-size); }
#workspace-sidebar .views-import-state { margin: 4px 12px 0; }
#workspace-sidebar :is(.views-local-note, .views-import-state, .dashboard-sidebar-empty) { font-size: var(--sidebar-label-size); line-height: 1.5; }
#workspace-sidebar .sidebar-tutorial summary { min-height: var(--sidebar-row-height); padding: 8px 12px; font-size: var(--sidebar-text-size); }
#workspace-sidebar .sidebar-tutorial > div { font-size: var(--sidebar-label-size); }

/* Hold the toggle in place while a collapsed rail opens on hover or focus. */
#workspace-sidebar[data-sidebar-collapsed="true"] { padding-top: 22px; }
#workspace-sidebar[data-sidebar-collapsed="true"][data-sidebar-peek="false"] > header { padding-inline: 0; }
#workspace-sidebar[data-sidebar-collapsed="true"] > header > .sidebar-toggle { order: -1; }

@media (max-height: 760px) {
  #workspace-sidebar:not([data-sidebar-collapsed="true"]) { padding-top: 17px; }
  #workspace-sidebar > header { padding-bottom: 13px; }
  #workspace-sidebar .library-folder { margin-bottom: 16px; }
}

#workspace-sidebar [data-view-drag][draggable="true"] { cursor: pointer; }
#workspace-sidebar [data-view-drag][draggable="true"]:active, #workspace-sidebar [data-view-drag].is-dragging { cursor: grabbing; }
#workspace-sidebar [data-view-drag].is-dragging { opacity: .45; }
#workspace-sidebar .library-folder.is-drop-target > .library-folder-heading { outline: 2px solid var(--nav-ink); outline-offset: 2px; border-radius: 5px; }