.wf-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;flex-wrap:wrap}.wf-heading h1{margin-bottom:8px}.wf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}.wf-process progress{width:100%;height:10px;accent-color:#178671}.wf-process h2{font-size:21px;overflow-wrap:anywhere}.wf-status{display:inline-block;border-radius:20px;padding:5px 10px;background:#e9eff3;color:#244458;font-size:12px;font-weight:700}.wf-ready,.wf-received{background:#e4effe;color:#1e4b84}.wf-in_progress,.wf-active{background:#ddf3ee;color:#166552}.wf-review{background:#fff1d5;color:#805400}.wf-blocked,.wf-cancelled{background:#fce8e7;color:#923e38}.wf-done{background:#e3efd7;color:#406125}.wf-planned{color:#65717a;background:#edf0f1}.wf-steps{display:grid;gap:0;margin:24px 0}.wf-step{display:grid;grid-template-columns:36px 1fr auto;gap:16px;border-bottom:1px solid #e5ebee;padding:20px 0;align-items:start}.wf-step h3{margin:0;font-size:17px}.wf-step p{margin:8px 0}.wf-step-number{background:#122c3a;color:white;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px}.wf-checks{margin:20px 0;display:grid;gap:12px}.wf-checks label{display:flex;align-items:start;gap:12px}.wf-checks input{width:20px;min-width:20px;height:20px;margin:0}#wf-dialog{width:min(860px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:18px;padding:26px;box-shadow:0 24px 90px #122c3a55}#wf-dialog::backdrop{background:#122c3a66}#wf-dialog textarea{width:100%;box-sizing:border-box}#wf-dialog .form{margin-bottom:20px}#wf-dialog details{margin-top:20px}#wf-dialog .bottom{flex-wrap:wrap}#workflow-root .tools label{min-width:170px}#wf-message:empty{display:none}#workflow-root .notice label{margin-top:12px;max-width:300px}#workflow-root button{min-height:42px}#workflow-root .wf-step small{overflow-wrap:anywhere}#wf-detail details{margin-top:24px}#wf-dialog label{display:grid;gap:6px;margin-bottom:10px}#wf-dialog .wf-checks label{display:flex}@media(max-width:600px){.wf-step{grid-template-columns:28px 1fr;gap:10px}.wf-step>button{grid-column:2;width:100%}.wf-step-number{width:26px;height:26px}#wf-dialog{padding:18px}.wf-heading>button{width:100%}#workflow-root .tools{display:grid}#workflow-root .tools label{min-width:0}#workflow-root h1{font-size:28px}}