/* Per-idea workflow UI */
.workflow-detail{margin-top:28px}.workflow-steps{display:grid;gap:10px}.workflow-step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);background:var(--panel);border-radius:10px}.workflow-step>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--button-active-text,#fff);font-weight:800}.workflow-step p{margin:0!important;color:var(--text)!important;font-size:14px!important;line-height:1.5!important}
.workflow-screens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workflow-screen{min-height:88px;padding:14px;border:1px solid var(--line);background:var(--panel);border-radius:10px;display:flex;flex-direction:column;justify-content:center}.workflow-screen small{color:var(--muted);margin-bottom:7px;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.workflow-screen strong{color:var(--text);font-size:14px}
.io-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.io-field{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);background:var(--panel);border-radius:10px;min-height:52px}.io-field>span{font-size:10px;font-weight:900;letter-spacing:.08em;padding:5px 7px;border-radius:6px;background:var(--panel-2);color:var(--accent)}.io-field strong{font-size:13px;color:var(--text)}.output-field>span{color:var(--accent-2)}
.mermaid-shell{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:16px;overflow:auto}.idea-mermaid{min-width:650px;text-align:center}.mermaid-shell details{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.mermaid-shell summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700}.mermaid-shell pre{overflow:auto;margin:10px 0 0;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:12px;line-height:1.5;white-space:pre}
@media(max-width:900px){.workflow-screens{grid-template-columns:repeat(2,minmax(0,1fr))}.io-grid{grid-template-columns:1fr}}
@media(max-width:600px){.workflow-screens{grid-template-columns:1fr}.idea-mermaid{min-width:520px}}