.action-bar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.section-heading { justify-content: space-between; }
.section-heading h2 { margin-block: 0; }
.dashboard-empty, .dashboard-grid { margin-top: 14px; }
.action-bar,
.actions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.section-heading {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 16px;
}
.section-heading > :first-child { min-width: 0; }
.section-heading h1,
.section-heading h2,
.section-heading h3 { margin-block: 0; }
.section-heading > .actions,
.actions.section-heading > .actions { flex: 0 0 auto; justify-content: flex-end; }
.page-actions,
.view-control-strip {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.page-actions {
  justify-content: flex-end;
}
.view-control-strip {
  background: #f6f9fc;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  justify-content: space-between;
  margin: 0 0 12px;
  padding: 8px 10px;
}
.view-control-strip > :first-child { min-width: 0; }
.button, button {
  align-items: center;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--brand);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: 700;
  gap: 6px;
  justify-content: center;
  line-height: 1.2;
  min-height: 36px;
  padding: 8px 12px;
  text-decoration: none;
}
.button.secondary, button.secondary { background: #e8eef7; color: var(--ink); }
.button.danger, button.danger { background: var(--danger); color: #fff; }
.button:hover,
button:hover { filter: brightness(.97); }
.button:focus-visible,
button:focus-visible {
  outline: 3px solid rgba(31, 102, 209, .3);
  outline-offset: 2px;
}
.button.compact,
button.compact { font-size: .88rem; min-height: 30px; padding: 6px 9px; }
.compact-actions { gap: 6px; }
.compact-actions .button,
.compact-actions button { min-height: 30px; padding: 6px 9px; }
.segmented-control {
  align-items: center;
  background: #e8eef7;
  border-radius: 8px;
  display: inline-flex;
  padding: 3px;
}
.segmented-control .pipeline-view-button {
  border-radius: 6px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 800;
  padding: 6px 10px;
}
.segmented-control .pipeline-view-button.active {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 1px 4px rgba(18, 32, 51, .12);
}