/* The inbox and top bar share the tint; the team queues make the flush working sheet.
   At 1440px: 1376px outer width - 16px frame = 1360px; 8px gap leaves1352px.
   0.8/3 ×1352 =360.5px inbox; 2.2/3 ×1352 =991.5px results; (991.5-16)/3=325.2px per queue. */
[data-workflow-demo]{color:var(--ink);background:var(--surface);padding:8px;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}
[data-workflow-demo] p{max-width:none;text-wrap:pretty}
.workflow-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 16px;flex-wrap:wrap}
.workflow-brand{display:inline-flex;align-items:center;gap:6px;font:600 18px/1.3 'IBM Plex Sans Thai',sans-serif;letter-spacing:-.04em}
.workflow-brand svg{width:26px;height:26px;flex:none}
.workflow-scope{color:var(--muted)}
.workflow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px;flex-wrap:wrap}
[data-workflow-demo] .workflow-title{font-size:24px;line-height:1.3;font-weight:550;letter-spacing:-.025em;margin:0}
.workflow-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.workflow-actions button{min-height:48px;padding:12px 20px;border:0;border-radius:0;font:inherit;cursor:pointer}
.workflow-actions .workflow-run{background:var(--ink);color:var(--bg)}
.workflow-actions .workflow-run:focus-visible{outline-color:var(--ink)}
.workflow-actions .workflow-reset{padding-inline:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.workflow-actions button:hover{transform:translateY(-2px)}
.workflow-actions button:active{transform:translateY(1px)}
.workflow-status{margin:0;padding:0 16px 20px;min-height:44px;color:var(--ink)}
.workflow-workspace{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,2.2fr);gap:8px;align-items:start}
.workflow-inbox{grid-column:1;grid-row:1;min-width:0;padding:20px 16px;background:var(--surface)}
.workflow-results{grid-column:2;grid-row:1;min-width:0}
.workflow-queues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.workflow-queue{min-width:0;min-height:280px;padding:20px;background:var(--paper)}
.workflow-panel-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}
[data-workflow-demo] .workflow-panel-heading h4{font-size:18px;line-height:1.4;letter-spacing:0;font-weight:600;margin:0}
.workflow-count{font-size:24px;line-height:1.2;font-weight:400;text-align:right;flex:none}
.workflow-request-list,.workflow-task-list{list-style:none;padding:0;margin:0}
.workflow-request{padding:12px 0;min-height:64px}
.workflow-request:first-child{padding-top:0}
.workflow-request-title,.workflow-request-meta{display:block}
.workflow-request-title{font-weight:500}
.workflow-request-meta{color:var(--muted);margin-top:4px}
.workflow-request-merged .workflow-request-title{text-decoration:line-through;text-decoration-thickness:1px}
.workflow-policy{color:var(--muted);margin-bottom:24px}
.workflow-empty{padding-top:8px;color:var(--muted)}
.workflow-task{padding-block:12px;color:var(--ink);overflow-wrap:anywhere}
.workflow-task:first-child{padding-top:0}
.workflow-task-list{padding-left:12px;border-left:2px solid var(--accent)}
.workflow-hint{margin:0;padding:20px;color:var(--muted)}
.workflow-fallback-heading{font-weight:600;padding:0 16px 12px;margin:0}
@media(max-width:1100px){.workflow-workspace{grid-template-columns:1fr}.workflow-inbox,.workflow-results{grid-column:1;grid-row:auto}.workflow-request-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.workflow-request:last-child:nth-child(odd){grid-column:1/-1}.workflow-request:first-child{padding-top:12px}.workflow-queue{padding:20px 16px}.workflow-hint{padding-inline:16px}}
@media(max-width:640px){[data-workflow-demo]{padding:0}.workflow-topbar,.workflow-toolbar{padding:16px}.workflow-toolbar{gap:16px}.workflow-actions{width:100%;gap:20px}.workflow-actions .workflow-run{flex:1}.workflow-status{padding-bottom:16px}.workflow-workspace{gap:8px}.workflow-inbox{padding:20px 16px}.workflow-request-list{display:block}.workflow-request:last-child:nth-child(odd){grid-column:auto}.workflow-queues{grid-template-columns:1fr;gap:8px}.workflow-queue{min-height:200px;padding:20px 16px}.workflow-policy{margin-bottom:20px}.workflow-hint{padding-block:16px}.workflow-count{font-size:24px}}
@media(prefers-reduced-motion:reduce){.workflow-actions button:hover,.workflow-actions button:active{transform:none}}