.workflow-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(380px,1.5fr);gap:16px;align-items:start}
.workflow-form,.workflow-details,.workflow-list{min-width:0}
.workflow-form label,.workflow-details label{display:flex;flex-direction:column;gap:5px;color:var(--text-dim);font-size:12px;margin:0 0 11px}
.workflow-form input,.workflow-form select,.workflow-form textarea,.workflow-details input,.workflow-details select,.workflow-details textarea,.workflow-filter{width:100%;background:#102336;border:1px solid #31516a;border-radius:8px;color:var(--text);padding:9px;font:inherit}
.workflow-form textarea,.workflow-details textarea{min-height:70px;resize:vertical}
.workflow-list-item{width:100%;text-align:left;display:flex;flex-direction:column;gap:5px;background:rgba(16,35,54,.8);border:1px solid #29445d;border-radius:11px;color:var(--text);padding:12px;margin-bottom:9px;cursor:pointer}
.workflow-list-item:hover,.workflow-list-item.active{border-color:var(--cyan);background:rgba(34,226,255,.08)}
.workflow-list-item small,.workflow-muted{color:var(--text-dim)}
.workflow-filter-row{display:flex;gap:8px;margin-bottom:12px}.workflow-filter-row>*{min-width:0;flex:1}
.workflow-stage{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.workflow-stage span{font-size:10px;border:1px solid #36536a;padding:6px;border-radius:7px;color:#9bb5c5}.workflow-stage .current{border-color:var(--cyan);color:var(--cyan);background:rgba(34,226,255,.12)}
.workflow-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.workflow-actions .btn{padding:8px 11px}
.workflow-event{border-left:2px solid #31516a;margin:0 0 12px;padding:2px 0 2px 10px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.workflow-event small{display:block;color:var(--text-dim);margin-top:4px}
.workflow-artifact{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;background:#0b1b2a;padding:12px;border-radius:9px;font:12px/1.5 "Segoe UI",sans-serif}
.workflow-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
.workflow-goal-row{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px solid #29445d;border-radius:8px;padding:8px;margin:6px 0;font-size:11px}
.workflow-goal-row span{overflow-wrap:anywhere}
@media(max-width:850px){.workflow-grid{grid-template-columns:1fr}}