.sim-flow{display:flex;flex-direction:column;gap:9px;padding:0 1px 8px;color:#172b49}.sim-flow-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.sim-flow-heading h3{margin:3px 0;font-size:17px;line-height:1.2;letter-spacing:-.25px}.sim-flow-heading small{display:block;margin-top:3px;color:#71809a;font-size:9px;line-height:1.35}.sim-flow-progress{color:#526989;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}.sim-flow-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #dce6f5;border-radius:999px;color:#536783;font-size:8px;font-weight:700;white-space:nowrap}.sim-flow-badge img,.sim-flow-sample img,.sim-flow-option img,.sim-flow-action img,.sim-flow-readonly img,.sim-flow-file-icon img,.sim-flow-small-button img,.sim-flow-map-label img,.sim-flow-map-marker img,.sim-flow-result img,.sim-flow-local img{display:block;flex:0 0 auto}.sim-flow-sample,.sim-flow-action,.sim-flow-small-button,.sim-flow-option,.sim-flow-day,.sim-flow-chip{font:inherit;cursor:pointer}.sim-flow-sample{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #d8e4f4;border-radius:999px;background:#f5f8fd;color:#2452a1;font-size:9px;font-weight:700}.sim-flow-fields{display:grid;gap:9px}.sim-flow-field{display:grid;gap:5px;min-width:0}.sim-flow-label{display:block;color:#31445f;font-size:9px;font-weight:700;line-height:1.35}.sim-flow-label span{color:#dc3545}.sim-flow-input-wrap{display:flex;align-items:center;gap:7px;min-height:39px;padding:0 9px;border:1px solid #cbd8ea;border-radius:11px;background:#fff;color:#72829a}.sim-flow-input-wrap:focus-within{border-color:#5789ed;box-shadow:0 0 0 3px #1b5fe21c}.sim-flow-input-wrap>img{width:16px;height:16px}.sim-flow-input-wrap input,.sim-flow-input-wrap textarea{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#172b49;font:inherit;font-size:11px;line-height:1.45}.sim-flow-input-wrap input::placeholder,.sim-flow-input-wrap textarea::placeholder{color:#97a4b8}.sim-flow-input-wrap textarea{min-height:74px;padding:9px 0;resize:vertical}.sim-flow-input-wrap>span{color:#78869a;font-size:9px;white-space:nowrap}.sim-flow-hint{color:#78869a;font-size:8px;line-height:1.4}.sim-flow-options{display:grid;grid-template-columns:1fr;gap:5px}.sim-flow-option{min-height:38px;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:6px;padding:7px 9px;border:1px solid #dbe4f1;border-radius:10px;background:#fff;color:#30445f;text-align:left;font-size:9px;font-weight:650}.sim-flow-option img{width:16px;height:16px}.sim-flow-option small{grid-column:2;color:#77869b;font-size:8px;font-weight:400;line-height:1.3}.sim-flow-option.is-selected,.sim-flow-chip.is-selected,.sim-flow-day.is-selected{border-color:#8eb0f0;background:#eff5ff;color:#174fae}.sim-flow-check{display:flex;align-items:center;gap:8px;color:#344763;font-size:9px;line-height:1.4}.sim-flow-check input{width:16px;height:16px;accent-color:#185ce5}.sim-flow-file{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;padding:9px;border:1px dashed #b9c9df;border-radius:12px;background:#f8faff}.sim-flow-file-icon{width:22px;height:22px;display:grid;place-items:center}.sim-flow-file strong,.sim-flow-file small{display:block;overflow-wrap:anywhere}.sim-flow-file strong{color:#354a68;font-size:9px}.sim-flow-file small{margin-top:2px;color:#7c8ba0;font-size:8px}.sim-flow-small-button{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:6px 9px;border:1px solid #cfdbeb;border-radius:9px;background:#fff;color:#2452a1;font-size:8px;font-weight:700}.sim-flow-map{position:relative;height:96px;overflow:hidden;border:1px solid #cad8e9;border-radius:13px;background-color:#eaf0e5;background-image:linear-gradient(32deg,transparent 46%,#fff 47%,#fff 51%,transparent 52%),linear-gradient(110deg,transparent 37%,#fff 38%,#fff 41%,transparent 42%),linear-gradient(8deg,transparent 62%,#fff 63%,#fff 67%,transparent 68%),linear-gradient(90deg,#dde8d8 1px,transparent 1px),linear-gradient(#dde8d8 1px,transparent 1px);background-size:auto,auto,auto,26px 26px,26px 26px}.sim-flow-map-label{position:absolute;top:7px;left:7px;display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:7px;background:#ffffffeb;color:#52637a;font-size:8px;font-weight:700}.sim-flow-map-marker{position:absolute;top:52%;left:53%;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 2px #223a5060)}.sim-flow-map-caption{margin-top:-3px;color:#566b87;font-size:8px;line-height:1.35}.sim-flow-map-actions,.sim-flow-chips,.sim-flow-weekdays{display:flex;flex-wrap:wrap;gap:5px}.sim-flow-chip,.sim-flow-day{min-height:28px;padding:5px 8px;border:1px solid #dbe4f1;border-radius:999px;background:#fff;color:#53647b;font-size:8px;font-weight:650}.sim-flow-variants{display:grid;gap:7px}.sim-flow-variant{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px;border:1px solid #e0e7f1;border-radius:11px;background:#fbfcfe}.sim-flow-variant strong{grid-column:1/-1;color:#566783;font-size:8px}.sim-flow-variant .sim-flow-label{font-size:8px}.sim-flow-variant input{width:100%;min-height:31px;margin-top:4px;padding:6px;border:1px solid #d4deec;border-radius:8px;font:inherit}.sim-flow-readonly{display:flex;align-items:flex-start;gap:7px;padding:9px;border:1px solid #e0e8f2;border-radius:10px;background:#f8faff;color:#536783;font-size:9px;line-height:1.45;overflow-wrap:anywhere}.sim-flow-actions{display:grid;gap:6px}.sim-flow-action{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid #d5e0f0;border-radius:11px;background:#fff;color:#2252a4;font-size:9px;font-weight:700}.sim-flow-action.is-primary{border-color:#155de7;background:#155de7;color:#fff}.sim-flow-result{display:flex;align-items:flex-start;gap:7px;padding:9px;border:1px solid #b9e5cc;border-radius:10px;background:#f0fbf4;color:#22633d;font-size:9px;line-height:1.45}.sim-flow-result.is-error{border-color:#f2c5c5;background:#fff5f5;color:#9c2834}.sim-flow-result img{width:17px;height:17px}.sim-flow :focus-visible{outline:3px solid #77a5ff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.sim-flow *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
