/* SOLA Workflow — app-specific rules on top of the SOLA Design System tokens (no raw values). */

/* Sidebar navigation (flat) */
.wf-sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.wf-sidebar-nav .sola-nav-link {
  position: relative;
}
.wf-sidebar-nav .sola-nav-link .sola-badge {
  margin-inline-start: auto;
}
.wf-sidebar-nav .sola-nav-link.active i {
  color: var(--sola-primary);
}

/* Delegated section of the sidebar: one collapsible group per delegator (see js/controllers/delegation-nav.js).
   The group's own items are indented so the delegator's name reads as the level above them. */
.wf-delegation-group {
  margin-block-start: var(--space-2);
  border-block-start: 1px solid var(--border-color);
  padding-block-start: var(--space-2);
}
.wf-delegation-header {
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  text-transform: none;
}
.wf-delegation-header .wf-delegation-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wf-delegation-header .wf-delegation-chevron {
  transition: transform .15s ease;
  font-size: var(--fs-sm);
}
.wf-delegation-header.collapsed .wf-delegation-chevron {
  transform: rotate(-90deg);
}
.wf-sidebar-nav .wf-delegation-item {
  padding-inline-start: var(--space-6);
}