.flow-list-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin:12px 0 18px}.flow-list-controls label{display:grid;gap:6px;font-size:13px;font-weight:600}.flow-list-controls select{width:100%;min-width:0;min-height:44px;padding:9px;border:1px solid var(--so-line);border-radius:6px;background:var(--so-panel)}.flow-list-controls p{grid-column:1/-1;margin:0;font-size:12px;color:var(--so-text)}.proto-list .proto-row[hidden]{display:none!important}.flow-row-date{color:var(--so-text)}/* The calendar button sits INSIDE the date field's own label, directly under
   the input. `justify-self:start` made it hug its text while the input
   stretched, so the two stacked at different widths and the field looked
   broken -- Jamie, 12 Oct 2026: "the box is misaligned on that screenshot".
   It is one control in two parts, so it is one width. Radius matched to the
   input it belongs to rather than a number of its own. */
.flow-date-button{min-height:44px;margin-top:6px;padding:8px 14px;background:var(--so-panel);border:1px solid var(--so-line);border-radius:var(--so-r-s,10px);color:var(--so-text);justify-self:stretch;width:100%;box-sizing:border-box}.flow-legacy-calendar{display:block;margin-top:8px}
.flow-tester-card{padding:20px!important}.flow-tester-controls{width:100%;max-width:650px;margin:0 auto}.flow-tester-controls>label{display:grid;margin:0 0 10px!important;gap:6px}.flow-tester-controls select{box-sizing:border-box;width:100%;min-width:0;min-height:46px}.flow-tester-controls .flow-tester-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px!important;margin:0!important}.flow-tester-actions .btn{width:100%;min-width:0;min-height:48px;white-space:normal;padding:10px!important;border-radius:6px!important}.flow-tester-actions .btn:first-child{background:var(--so-accent)!important;border-color:var(--so-line)!important;color:var(--so-accent-ink)!important}.flow-instrument-details{margin-top:14px;padding-top:10px;border-top:1px solid var(--so-line)}.flow-instrument-details>summary{min-height:44px;cursor:pointer;display:list-item;padding-top:8px}.flow-instrument-details .fc-grid{margin-top:12px}.fc-insec-b>.fc-secrest{display:block;width:100%;min-height:44px!important;margin:0 0 12px!important;text-align:left;background:var(--so-accent)!important;border:1px solid var(--so-accent)!important;border-radius:6px!important;color:var(--so-accent-ink)!important}
#proto-dialog .flow-circuit-tools{gap:14px;margin:8px 0 22px;padding-bottom:16px;border-bottom:1px solid var(--so-line)}.flow-circuit-tools .fc-ckt-jump{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important;padding:0!important}.flow-circuit-tools .fc-ckt-jump button{min-width:0!important;min-height:46px!important;width:100%!important;padding:9px 5px!important;border-radius:5px!important;opacity:1!important;font-size:12px!important;white-space:normal!important;background:var(--so-panel)!important;color:var(--so-text)!important;border:1px solid var(--so-line)!important}.flow-circuit-tools .fc-ckt-jump button[aria-current=step]{background:var(--so-accent)!important;border-color:var(--so-line)!important;color:var(--so-accent-ink)!important;font-weight:750}.flow-circuit-tools .flow-setup-shortcuts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;background:#a6bc4e;padding:12px;border:1px solid var(--so-line);border-radius:5px}.flow-setup-shortcuts .fc-ckt-lab{grid-column:1/-1;font-size:11px;text-transform:none;white-space:normal}.flow-setup-shortcuts button{min-height:44px!important;min-width:0;padding:6px!important;border-radius:4px!important;background:var(--so-panel)!important;border:1px dashed var(--so-line)!important;color:var(--so-text)!important}.flow-circuit-tools .flow-copy-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.flow-copy-actions button,.flow-copy-actions select{min-height:44px!important;border-radius:5px!important;background:var(--so-panel)!important;border:1px solid var(--so-line-strong)!important;color:var(--so-text)!important;min-width:0}.flow-copy-actions .flow-save-template,.flow-copy-actions select{grid-column:1/-1;background:var(--so-panel-2)!important}.flow-ai-action{border-left:3px solid var(--so-accent);padding-left:10px}.flow-ai-action button{width:100%;min-height:44px;border:0!important;border-radius:4px!important;background:var(--so-accent)!important;color:#d9cc9c!important;font-size:12px!important;text-align:left}.flow-circuit-tools button:focus-visible,.flow-date-button:focus-visible,.flow-list-controls select:focus-visible{outline:3px solid var(--so-accent);outline-offset:2px}@media(max-width:500px){.flow-list-controls{grid-template-columns:1fr}.flow-tester-card{padding:18px!important}}