.workflow-dialog {width:min(900px,94vw);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:24px;color:var(--text);background:var(--panel,#fff)}
.workflow-dialog::backdrop {background:#11182780}
.workflow-dialog h2 {margin:0}
.workflow-metrics {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}
.workflow-metric {border:1px solid var(--line);background:transparent;border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;gap:5px;color:inherit;cursor:pointer;text-align:left;font:inherit}
.workflow-metric strong {font-size:26px}
.workflow-metric span,.workflow-metric small {font-size:12px;color:var(--muted,#697078)}
.workflow-history-row {display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.workflow-history-row small {grid-column:1/-1;color:var(--muted,#697078)}
#wf-detail,#wf-form {scroll-margin-top:90px}
#wf-composer h3 {margin-top:22px}
.wf-list-picker {border:0;margin:0;padding:0;min-width:0}
.wf-list-picker legend {margin-bottom:8px;font-weight:600;color:var(--muted,#697078)}
.wf-list-options {max-height:248px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff)}
.wf-list-option {display:flex;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;border-bottom:1px solid var(--line)}
.wf-list-option:last-child {border-bottom:0}
.wf-list-option:hover {background:var(--bg,#faf9f7)}
.wf-list-option:has(input:checked) {background:#eaf2ff;color:#174ea6}
.wf-list-option input {margin:0;flex:0 0 auto}
.wf-list-option span {min-width:0;overflow-wrap:anywhere}
.wf-list-special {font-weight:600}
#wf-held>div {max-height:240px;overflow:auto}
#wf-live {display:block;text-align:right;font-size:12px;margin-top:12px}
.workflow-page-heading,.workflow-active-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.workflow-page-heading h2 {margin:0}
.workflow-page-heading #wf-live {margin:0}
.workflow-active {border-top:3px solid var(--green,#168578)}
.workflow-active h3 {font-size:22px;margin:8px 0 4px;overflow-wrap:anywhere;text-transform:none;letter-spacing:0;color:var(--text)}
.workflow-active-heading>div {min-width:0}
.workflow-active-heading .muted {overflow-wrap:anywhere}
.workflow-live-state {display:inline-flex;align-items:center;gap:7px;color:var(--green,#168578);font-size:13px;font-weight:600}
.workflow-live-state i {width:7px;height:7px;background:currentColor;border-radius:50%}
.workflow-progress-label {display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:8px}
.workflow-progress {display:block;width:100%;height:7px;border:0;border-radius:5px;overflow:hidden;background:var(--line);accent-color:var(--green,#168578)}
.workflow-progress::-webkit-progress-bar {background:var(--line)}
.workflow-progress::-webkit-progress-value {background:var(--green,#168578)}
.workflow-progress::-moz-progress-bar {background:var(--green,#168578)}
.workflow-live-primary,.workflow-live-results {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.workflow-live-primary .workflow-metric {padding:16px}
.workflow-live-primary .workflow-metric strong {font-size:32px;font-variant-numeric:tabular-nums}
.workflow-live-primary .workflow-next strong {font-size:24px;line-height:1.6}
.workflow-live-primary div.workflow-metric {cursor:default}
.workflow-live-results {margin:10px 0 18px}
.workflow-live-results .workflow-metric {padding:12px 16px;background:var(--bg,#faf9f7)}
.workflow-live-results .workflow-metric strong {font-size:22px}
.workflow-active button.workflow-metric:hover {border-color:var(--green,#168578)}
.workflow-active button.workflow-metric:focus-visible {outline:2px solid var(--green,#168578);outline-offset:2px}
.workflow-active-footer {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}
.workflow-language-progress {display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.workflow-language-progress strong {font-weight:500;color:var(--text);margin-left:4px}
@media(max-width:700px) {.workflow-page-heading{flex-wrap:wrap}.workflow-page-heading>.row{flex-direction:row-reverse;flex-wrap:wrap}.workflow-active-heading{align-items:flex-start}.workflow-active-heading .btn{flex-shrink:0}.workflow-active h3{font-size:19px}.workflow-live-primary,.workflow-live-results{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-live-primary .workflow-metric,.workflow-live-results .workflow-metric{padding:12px}.workflow-live-primary .workflow-next strong{font-size:19px}}
@media(max-width:700px) {.workflow-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-dialog{padding:16px}.workflow-history-row{grid-template-columns:1fr}.workflow-dialog .grid2{grid-template-columns:1fr}}