/* The small uppercase/tracked/muted label above every list on Home, Domain
   detail, Agenda detail, and Task detail -- previously redefined (and
   drifting: wrong case, wrong color) independently per page. One
   definition using --fs-nav-label (tokens.css), the token this was always
   meant to use. See GitHub issue #206. */

.section-heading {
  font-family: var(--font-chrome);
  font-size: var(--fs-nav-label);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--text-muted);
  margin: var(--space-6) 0 var(--space-2);
}

.section-heading:first-child {
  margin-top: 0;
}

/* Same label, paired with a trailing action link (Home's "See all",
   Agenda's "+ Add tasks"). */
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: var(--space-6) 0 var(--space-2);
}

.section-header:first-child {
  margin-top: 0;
}

.section-header h2 {
  font-family: var(--font-chrome);
  font-size: var(--fs-nav-label);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--text-muted);
  margin: 0;
}

/* Trailing action cluster on a .section-header -- Agenda's "+ Add tasks"
   link alongside the "Sort" action-menu, or just the Sort button on Domain.
   See GitHub issue #308. */
.section-header-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.see-all-link {
  font-size: 0.85rem;
  color: var(--accent);
  text-decoration: none;
}

.see-all-link:hover {
  text-decoration: underline;
}