.workflow-layout{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:1.2rem;align-items:start}
.workflow-projects{display:grid;gap:.45rem;position:sticky;top:1rem;max-height:75vh;overflow:auto}
.workflow-project{display:grid;gap:.2rem;width:100%;padding:.8rem;text-align:left;border:1px solid var(--line,#d4d9df);border-radius:12px;background:var(--surface,#fff);color:inherit;cursor:pointer}
.workflow-project small{opacity:.7}.workflow-project.active{border-color:var(--gold,#347fab);box-shadow:inset 3px 0 var(--gold,#347fab)}
.workflow-main{min-width:0;display:grid;gap:1rem}.workflow-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start}.workflow-heading h2{margin:.2rem 0}.workflow-heading p{margin:.2rem 0;opacity:.7}
.workflow-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem;padding:.85rem 1rem;border-radius:12px;background:var(--surface,#fff);border:1px solid var(--line,#d4d9df)}
.workflow-steps{display:grid;gap:.7rem}.workflow-step,.workflow-transfer,.workflow-reference section,.workflow-history,.workflow-pending{border:1px solid var(--line,#d4d9df);border-radius:12px;padding:1rem;background:var(--surface,#fff)}
.workflow-step{border-left:4px solid var(--line,#d4d9df)}.workflow-ready{border-left-color:#3d9f74}.workflow-active{border-left-color:#2689c4}.workflow-blocked{border-left-color:#c84f4f}.workflow-handoff{border-left-color:#bb8a29}.workflow-completed{border-left-color:#498b67}
.workflow-step-head{display:flex;align-items:center;gap:.85rem}.workflow-step-head>div{flex:1;min-width:0}.workflow-step-head h3{margin:0}.workflow-step-head small{opacity:.65}.workflow-index{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--surface-2,#eef2f4);font-weight:700}.workflow-step-head .pill{white-space:nowrap}
.workflow-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.workflow-inline{margin-top:.7rem}.workflow-inline summary{cursor:pointer;font-weight:600}.workflow-inline form{display:grid;gap:.7rem;padding:.8rem 0}.workflow-inline label{display:grid;gap:.3rem}.workflow-inline textarea,.workflow-inline select,.workflow-add select,.workflow-template input{width:100%;min-width:0;box-sizing:border-box}.workflow-inline fieldset{display:grid;gap:.3rem;max-height:10rem;overflow:auto;border:1px solid var(--line,#d4d9df);border-radius:8px}.workflow-inline fieldset label{display:block}
.workflow-pending{display:grid;gap:.7rem}.workflow-pending h3{margin:0}.workflow-transfer p{overflow-wrap:anywhere}.workflow-add{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap;padding:1rem;border:1px dashed var(--line,#d4d9df);border-radius:12px}.workflow-add label{display:grid;gap:.3rem;min-width:12rem;flex:1}
.workflow-reference{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.workflow-reference h3,.workflow-history h3{margin-top:0}.workflow-reference ul,.workflow-history ul{padding-left:1.2rem}.workflow-reference li,.workflow-history li{margin:.35rem 0;overflow-wrap:anywhere}.workflow-alert,.workflow-block-reason{color:#ae3f3f;font-weight:700}
.workflow-template-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.65rem;margin:.8rem 0}.workflow-template-list label{display:grid;gap:.3rem}.workflow-template input{max-width:6rem}
@media(max-width:800px){.workflow-layout{grid-template-columns:1fr}.workflow-projects{position:static;display:flex;overflow-x:auto;max-height:none;padding-bottom:.3rem}.workflow-project{min-width:11rem}.workflow-reference{grid-template-columns:1fr}.workflow-heading{flex-wrap:wrap}}