/* D-104: visible workflow, using the existing shared and client tokens. */
.workflow-panel{margin:24px 0 30px;border:1px solid var(--line);background:var(--surface);padding:24px;min-width:0}
.workflow-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.workflow-heading h2{font-family:var(--f-display);font-size:24px;margin:0;color:var(--ink)}
.workflow-heading p,.workflow-caption{font-size:13px;line-height:1.5;color:var(--ink-muted);margin:6px 0 0}
.workflow-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:0}
.workflow-track li{position:relative;min-width:0;padding:0 16px;border-left:1px solid var(--line)}
.workflow-track li:first-child{padding-left:0;border:0}.workflow-track li:last-child{padding-right:0}
.workflow-track a{display:block;text-decoration:none;color:var(--ink);padding:10px 0;min-height:112px}
.workflow-track a:hover strong,.workflow-track a:focus-visible strong{color:var(--teal);text-decoration:underline}
.workflow-track .workflow-number{display:block;font-family:var(--f-mono);font-size:11px;color:var(--teal);margin-bottom:12px}
.workflow-track strong{display:block;font-size:15px;line-height:1.4;margin-bottom:7px}
.workflow-track p{font-size:13px;line-height:1.5;color:var(--ink-muted);margin:0}
.workflow-track .workflow-state{font-size:12px;margin-top:10px;color:var(--ink);border-top:1px solid var(--line);padding-top:8px}
.workflow-track .workflow-state[data-state="missing"],.workflow-track .workflow-state[data-state="failed"]{font-weight:600}
.workflow-route{padding:22px 0 4px}.workflow-route h3{font-size:18px;margin:0 0 8px}
.workflow-route .workflow-caption{margin-bottom:20px;max-width:75ch}
.workflow-checks{list-style:none;padding:0;margin:0;counter-reset:checks}
.workflow-check{counter-increment:checks;display:grid;grid-template-columns:30px minmax(0,1fr) minmax(150px,.65fr);gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.workflow-check:before{content:counter(checks);font-family:var(--f-mono);font-size:12px;color:var(--teal);padding-top:3px}
.workflow-check strong{font-size:15px;line-height:1.5;display:block}.workflow-check p{font-size:13px;color:var(--ink-muted);line-height:1.6;margin:5px 0 0}
.workflow-exception{border-left:2px solid var(--line);padding-left:14px}.workflow-exception span{display:block;font-size:12px;line-height:1.6;color:var(--ink-muted);margin:0 0 5px}
.workflow-result{border-top:1px solid var(--ink);padding:18px 0;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.workflow-result strong{font-size:17px}.workflow-result span{font-size:13px;color:var(--ink-muted)}
.workflow-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);margin:20px 0 30px}
.workflow-tools a{padding:18px 16px 18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
[data-uimode="simple"] .workflow-tools{display:grid}
.workflow-tools strong{display:block;font-size:14px}.workflow-tools span{font-size:12px;line-height:1.6;color:var(--ink-muted);display:block;margin-top:5px}
.overview-page .page-header{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:var(--ink)!important;padding:8px 0 20px!important}
.overview-page .page-header h1{color:var(--ink)!important}.overview-page .page-header .subtitle{color:var(--ink-muted)!important}
.rules-page #srx-summary{border:0;background:transparent;padding:18px 0 0;box-shadow:none}
.rules-page #srx-summary>.srx-answer{font-size:15px}.rules-page .srx-wrap{max-width:none}
@media(max-width:760px){.workflow-panel{padding:18px}.workflow-heading{display:block}.workflow-track{grid-template-columns:1fr}.workflow-track li,.workflow-track li:first-child{border:0;border-top:1px solid var(--line);padding:12px 0}.workflow-track li:first-child{border:0;padding-top:0}.workflow-track a{min-height:0;padding:0;display:grid;grid-template-columns:24px minmax(0,1fr);gap:0 10px}.workflow-track .workflow-number{grid-row:1/4;margin:3px 0}.workflow-track p,.workflow-track .workflow-state{grid-column:2}.workflow-check{grid-template-columns:24px minmax(0,1fr);gap:10px}.workflow-exception{grid-column:2}.workflow-tools{grid-template-columns:1fr}.workflow-heading h2{font-size:22px}}
