body[data-xl-route="tasks"] main,
body[data-xl-route="reports"] main { max-width: 1540px; margin: 0 auto; }
body[data-xl-route="tasks"] main > section,
body[data-xl-route="reports"] main > section { background: #fff; border: 1px solid var(--xl-line); border-radius: 14px; box-shadow: var(--xl-shadow); }
body[data-xl-route="tasks"] .job-board,
body[data-xl-route="tasks"] .job-list,
body[data-xl-route="reports"] .ops-card { background: #fff; border-color: var(--xl-line); }
body[data-xl-route="tasks"] .job-buckets .active,
body[data-xl-route="tasks"] .job-action.active,
body[data-xl-route="tasks"] .job-board button.active,
body[data-xl-route="tasks"] .subtabs button.active {
  color: var(--xl-gold-strong) !important;
  background: var(--xl-gold-soft) !important;
  border-color: var(--xl-gold-line) !important;
}
body[data-xl-route="tasks"] .page-heading .eyebrow,
body[data-xl-route="reports"] .page-heading .eyebrow {
  color: var(--xl-gold) !important;
}
body[data-xl-route="tasks"] .job-progress progress { accent-color: var(--xl-gold); }
body[data-xl-route="reports"] .report-cover {
  color: var(--xl-navy) !important;
  background: var(--xl-gold-soft) !important;
  background-image: none !important;
  border: 1px solid var(--xl-gold-line) !important;
}
body[data-xl-route="reports"] .report-cover * { color: inherit !important; }
body[data-xl-route="reports"] .range-bar .active { color: #fff; background: var(--xl-gold); }
body[data-xl-route="tasks"] [data-status="done"],
body[data-xl-route="reports"] [data-status="ready"] { color: var(--xl-green); background: var(--xl-green-soft); }
body[data-xl-route="tasks"] [data-status="blocked"],
body[data-xl-route="reports"] [data-status="failed"] { color: var(--xl-red); background: var(--xl-red-soft); }