/* Cascade planner — Magic Flatplan purple brand (overrides legacy blue/teal in mfp.css) */

.cascade-planner-page .main {
  background: var(--surface);
}

.cascade-planner-page .topbar {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

.cascade-planner-page .content {
  max-width: 1200px;
  background: var(--surface);
  color: var(--ink);
}

.cascade-planner-page .page-title {
  color: var(--ink);
}

.cascade-planner-page .page-sub {
  color: var(--muted);
}

.cascade-stat strong {
  color: var(--brand-ink-on-light, #3d3489);
}

.cascade-toast-ok {
  background: var(--brand-light, #e6e0ff);
  border-color: var(--brand-mid, #a29bff);
  color: var(--brand-ink-on-light, #3d3489);
}

.cascade-tab {
  color: var(--ink);
  background: #faf8ff;
  border-color: var(--border);
}

.cascade-tab:hover {
  border-color: var(--brand-mid, #a29bff);
}

.cascade-tab.active {
  background: #fff;
  color: var(--ink);
  border-color: var(--brand-mid, #a29bff);
  box-shadow: 0 0 0 2px rgba(162, 155, 255, 0.35);
}

.cascade-model-card {
  border-color: var(--border);
}

.cascade-model-eyebrow {
  color: var(--accent, #7c6fe8);
}

.cascade-badge-template {
  background: var(--brand-light, #e6e0ff);
  border-color: var(--brand-mid, #a29bff);
  color: var(--brand-ink-on-light, #3d3489);
}

.cascade-flow {
  background: linear-gradient(180deg, #f5f3ff 0%, #fff 100%);
  border-color: var(--border);
}

.cascade-node-article {
  border-color: var(--brand-mid, #a29bff);
  background: var(--brand-light, #e6e0ff);
}

.cascade-node-article strong,
.cascade-node-article .cascade-node-label {
  color: var(--brand-ink-on-light, #3d3489);
}

.cascade-issue-input:focus {
  border-color: var(--accent, #7c6fe8);
  box-shadow: 0 0 0 2px rgba(124, 111, 232, 0.2);
}

.cascade-planner-page table.data thead th {
  background: var(--brand-light, #e6e0ff);
  color: var(--brand-ink-on-light, #3d3489);
}

.cascade-planner-page table.data tr:hover td {
  background: #f5f3ff;
}