.workflow-view{padding:22px;min-width:0}.workflow-overview{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.workflow-nodes{list-style:none;padding:0;margin:0;display:grid;gap:10px}.workflow-node{display:grid;grid-template-columns:32px minmax(120px,1fr) 100px minmax(140px,.65fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:8px}.workflow-index{border-radius:50%;background:var(--surface,#f2f5f9);display:grid;place-items:center;width:28px;height:28px}.workflow-node[data-state=in_progress]{border-color:var(--blue,#287be9);background:var(--blue-light,#f1f6ff)}.workflow-node[data-state=completed] .workflow-index{background:#e9f5ef;color:#226945}.workflow-node-name{overflow-wrap:anywhere}.workflow-node-name small{display:block;margin-top:4px}.workflow-node time{font-size:12px;color:var(--muted)}.workflow-action{display:grid;gap:12px;margin-top:20px;border-top:1px solid var(--border);padding-top:18px}.workflow-action label{display:grid;gap:8px}.workflow-action textarea{resize:vertical;width:100%}.workflow-action button{justify-self:start;min-height:44px}.workflow-history{margin-top:18px}.workflow-history summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.workflow-history p{padding:10px 0;border-bottom:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.workflow-view{padding:16px}.workflow-node{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}.workflow-node time{grid-column:2/-1}.workflow-action button{width:100%;justify-self:stretch}}
.workflow-draft{margin-top:24px;border-top:1px solid var(--border);padding-top:20px}.workflow-draft-list{display:grid;gap:14px;margin:16px 0}.workflow-draft-node{border:1px solid var(--border);border-radius:10px;padding:16px}.workflow-draft-node header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.workflow-draft-node header .btn{min-height:44px;min-width:44px}.workflow-draft-roles{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}.workflow-draft-roles label{display:inline-flex;gap:8px;align-items:center;min-height:44px}.workflow-draft-roles input{width:auto}.workflow-draft-node input:focus-visible,.workflow-draft-node select:focus-visible{outline:2px solid var(--blue,#287be9);outline-offset:2px}@media(max-width:600px){.workflow-draft-node header .actions{gap:8px}.workflow-draft-node{padding:12px}}