/* Scoped to the refreshed workflow pages; existing tools keep their own styles. */
.nf-page[data-workflow-refresh] { max-width: 1500px; }
.nf-page[data-workflow-refresh] .nf-hero {
  padding: clamp(24px, 3vw, 38px);
  border-color: #8b69a7;
  border-radius: 22px;
  background: radial-gradient(ellipse at 92% 0%, #854ba852, transparent 53%), linear-gradient(125deg, #30203e, #191321);
}
.nf-page[data-workflow-refresh] .nf-hero p { max-width: 70ch; font-size: 1rem; line-height: 1.75; }
.nf-page[data-workflow-refresh] .nf-badges span { background: #3a2549; border-color: #8b659e; color: #f1dfff; }
.nf-page[data-workflow-refresh] .nf-main-grid { gap: 20px; }
.nf-page[data-workflow-refresh] .nf-panel { background: #251a31; border-color: #76538b; border-radius: 18px; padding: clamp(18px, 2vw, 26px); }
.nf-page[data-workflow-refresh] .nf-panel h2 { font-size: 1.15rem; }
.nf-page[data-workflow-refresh] .nf-actions { gap: 10px; }
.nf-page[data-workflow-refresh] .wf-runbar { padding-bottom: 14px; border-bottom: 1px solid #624477; }
.nf-page[data-workflow-refresh] .nf-callout { border-left-color: #c89bf4; background: #352346; line-height: 1.65; }
.nf-page[data-workflow-refresh] .nf-status { margin-top: 4px; background: #24172d; }
.nf-page[data-workflow-refresh] .nf-stat { background: #342243; border-color: #76568e; }
@media (min-width: 1100px) { .nf-page[data-workflow-refresh] .nf-controls-grid { grid-template-columns: minmax(350px, 430px) minmax(0, 1fr); } }
@media (max-width: 850px) { .nf-page[data-workflow-refresh] .nf-panel { margin-bottom: 0; } .nf-page[data-workflow-refresh] .nf-main-grid { gap: 16px; } }