/* Flow customer-first preview enhancements. Styling only; transactional app and credit logic untouched. */
.flow-example{padding:29px 0 35px}.flow-example .flow-example-shell{border:1px solid #d4e0ed;border-radius:17px;background:#fff;padding:24px;box-shadow:0 10px 32px rgba(24,44,78,.05)}.flow-example .flow-example-head h2{margin:0 0 8px;font-size:clamp(23px,2.7vw,29px);letter-spacing:-.65px}.flow-example .flow-example-head p{font-size:14px;color:#5c7187;max-width:650px;margin:0 0 18px}.flow-example .flow-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.flow-example [data-flow-example-tab]{cursor:pointer;border:1px solid #d0deed;background:white;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:720;color:#52687e;min-height:44px}.flow-example [data-flow-example-tab].active{background:#eaf2fe;border-color:#7fa9f0;color:#235ec1}.flow-example [data-flow-example-panel][hidden]{display:none!important}.flow-example .flow-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:15px}.flow-example .flow-paper,.flow-example .flow-result{border:1px solid #dce5ed;padding:19px;background:#f8fafc;border-radius:12px;min-width:0}.flow-example .flow-result{background:#f3fcf7;border-color:#d0e8d9}.flow-example h3{font-size:14px;margin:0 0 13px}.flow-example .flow-paper p{font-size:13px;line-height:1.6;margin:0 0 6px}.flow-example .flow-table-wrap{overflow-x:auto;max-width:100%}.flow-example table{border-collapse:collapse;width:100%;min-width:415px;white-space:nowrap;font-size:12px}.flow-example th,.flow-example td{padding:11px;border-bottom:1px solid #d5e8dc;text-align:left}.flow-example .flow-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.flow-example .flow-example-note{font-size:12px;color:#5d7087;margin:13px 0 0}.flow-example .flow-tag{color:#3e668f;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:740}.flow-example .flow-bill{border:1px solid #dbe8f5;border-radius:12px;background:#edf5fe;padding:15px 17px;margin-top:20px;font-size:13px;color:#324d71}.flow-example .flow-bill strong{font-size:15px;color:#223a5b}.flow-example :focus-visible{outline:3px solid #539afc;outline-offset:3px}
.flow-workspace-more{margin:8px 0 18px;border:1px solid #d4e0ec;background:#f8fbfe;border-radius:12px;padding:10px 15px;max-width:100%;box-sizing:border-box}.flow-workspace-more summary{cursor:pointer;font-weight:690;color:#38516d;min-height:26px}.flow-workspace-more .flow-other-tabs{margin-top:12px;display:flex;flex-wrap:wrap;gap:9px}.flow-workspace-more .flow-other-tabs button{min-height:44px;white-space:normal}.flow-simple-heading{background:#eaf2ff;border:1px solid #d0e3fb;padding:18px;border-radius:13px;max-width:100%}.flow-simple-heading h3{font-size:17px;margin:0 0 10px}.flow-simple-heading ol{margin:0;padding-left:20px;display:grid;gap:5px;font-size:13px;color:#385a7e}.flow-preset{border:1px solid #e0e8f2;border-radius:12px;padding:14px;background:#fbfdff}.flow-preset label{display:block;font-weight:690}.flow-preset select{margin-top:8px}.flow-help{font-size:12px;color:#60738a;line-height:1.55;margin:9px 0 0}.flow-job-advanced{border:1px solid #dce5ef;border-radius:12px;background:#fbfdff;padding:11px 15px}.flow-job-advanced summary{min-height:24px;cursor:pointer;font-size:13px;font-weight:680}.flow-advanced-body{display:grid;gap:12px;padding:15px 0 2px}.flow-job-advanced input,.flow-job-advanced textarea,.flow-job-advanced select{max-width:100%}.flow-workspace-more[hidden],.flow-job-advanced[hidden],.flow-preset[hidden]{display:none!important}
@media(max-width:760px){.flow-example .flow-showcase{grid-template-columns:1fr}.flow-example .flow-example-shell{padding:17px}.flow-example .flow-actions .button{width:100%;justify-content:center}.flow-workspace-more{padding:10px}.flow-workspace-more .flow-other-tabs button{width:100%;text-align:left}.flow-simple-heading{padding:14px}}.flow-developer-entry{width:100%;margin-top:6px;color:#5d6f83;font-size:12px}
.flow-developer-entry summary{cursor:pointer;display:inline-block;padding:8px 0;font-size:12px;font-weight:630}
.flow-developer-entry>a.button{display:inline-flex;margin-top:4px;font-size:12px;padding:8px 11px;min-height:38px}