.sim-flow{display:flex;flex-direction:column;gap:9px;padding:4px 0 10px;color:#152542}.sim-flow-heading{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;margin:0 0 2px}.sim-flow-heading>img{width:20px;height:20px}.sim-flow-heading>div{min-width:0}.sim-flow-heading span{display:block;overflow:hidden;color:#7b88a0;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.sim-flow-heading h3{margin:2px 0 0;color:#10213b;font-size:14px;line-height:1.2}.sim-flow-heading small{align-self:start;padding:4px 6px;border-radius:999px;background:#eff4fc;color:#64728c;font-size:8px;font-weight:700}.sim-flow-summary{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid #e0e8f3;border-radius:12px;background:#fff}.sim-flow-summary>img{width:19px;height:19px}.sim-flow-summary>div{min-width:0}.sim-flow-summary strong,.sim-flow-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sim-flow-summary strong{color:#1b2b48;font-size:10px}.sim-flow-summary small{margin-top:2px;color:#72809a;font-size:8px}.sim-flow-summary>b{color:#173f91;font-size:10px;white-space:nowrap}.sim-flow-section{display:flex;flex-direction:column;gap:6px}.sim-flow-section>strong{font-size:9px}.sim-flow-choice-list{display:grid;grid-template-columns:1fr;gap:6px}.sim-flow-choice{min-height:38px;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #dce5f1;border-radius:10px;background:#fff;color:#263955;font:inherit;font-size:9px;font-weight:600;text-align:left;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.sim-flow-choice img{width:16px;height:16px;flex:0 0 auto}.sim-flow-choice.is-selected{border-color:#8eafea;background:#f0f5ff;color:#0d4dc1}.sim-flow-choice:hover{border-color:#9bb5df}.sim-flow-fields{display:grid;grid-template-columns:1fr;gap:8px}.sim-flow-field{min-width:0;display:flex;flex-direction:column;gap:4px}.sim-flow-field label{color:#34445e;font-size:9px;font-weight:650}.sim-flow-field label span{color:#c22f42}.sim-flow-input-wrap{min-height:39px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #cad7e9;border-radius:10px;background:#fff;color:#72809a}.sim-flow-input-wrap>img{width:16px;height:16px;flex:0 0 auto}.sim-flow-input-wrap input,.sim-flow-input-wrap textarea{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#162844;font:inherit;font-size:10px}.sim-flow-input-wrap input::placeholder,.sim-flow-input-wrap textarea::placeholder{color:#98a5b9}.sim-flow-input-wrap textarea{min-height:56px;padding:9px 0;resize:vertical}.sim-flow-input-wrap:focus-within{border-color:#4c83ef;box-shadow:0 0 0 3px #1357e61e}.sim-flow-primary{width:100%;min-height:40px;margin-top:2px}.sim-flow-sample{align-self:center;min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:1px solid #d7e2f4;border-radius:999px;background:#f4f7fc;color:#34517f;font:inherit;font-size:8px;font-weight:650;cursor:pointer}.sim-flow-sample img{width:15px;height:15px}.sim-flow-info,.sim-flow-message{display:flex;align-items:flex-start;gap:7px;padding:8px;border-radius:10px;font-size:8px;line-height:1.45}.sim-flow-info{border:1px solid #e2eaf5;background:#f5f8fd;color:#4a5c78}.sim-flow-info img,.sim-flow-message img{width:16px;height:16px;flex:0 0 auto}.sim-flow-info.is-success{border-color:#b9e5ce;background:#effaf4;color:#226340}.sim-flow-hint{margin:0;color:#71809a;font-size:8px;line-height:1.4}.sim-flow-message{border:1px solid #dbe5f5;background:#f5f8ff;color:#33517e}.sim-flow-message.is-error{border-color:#f1c1c7;background:#fff2f3;color:#a52d3c}.sim-flow-message.is-success{border-color:#b9e5ce;background:#effaf4;color:#226340}.sim-flow-counter{display:grid;grid-template-columns:1fr 32px 32px 32px;gap:5px;align-items:center;padding:4px 0}.sim-flow-counter>span{font-size:9px;font-weight:650}.sim-flow-counter button{width:32px;height:32px;display:grid;place-items:center;border:1px solid #dce5f1;border-radius:9px;background:#fff;color:#2455a9;cursor:pointer}.sim-flow-counter img{width:17px;height:17px}.sim-flow-counter output{color:#1b2b48;font-size:10px;font-weight:700;text-align:center}.sim-flow-receipt{display:flex;flex-direction:column;gap:6px;padding:8px 9px;border:1px solid #e1e9f4;border-radius:10px;background:#fff}.sim-flow-receipt>div{display:flex;justify-content:space-between;gap:8px;color:#62718a;font-size:8px}.sim-flow-receipt b{color:#1b2b48;font-size:9px}.sim-flow-receipt .is-total{padding-top:6px;border-top:1px solid #e5ebf3;color:#173f91;font-weight:700}.sim-flow-receipt .is-total b{color:#173f91;font-size:10px}.sim-flow-check{display:flex;align-items:flex-start;gap:7px;color:#43536e;font-size:8px;line-height:1.4}.sim-flow-check input{width:15px;height:15px;flex:0 0 auto;margin:0;accent-color:#1357e6}.sim-flow-status-card{display:flex;align-items:flex-start;gap:9px;padding:9px;border:1px solid #dbe5f3;border-radius:11px;background:#f7f9fc}.sim-flow-status-card>img{width:20px;height:20px;flex:0 0 auto}.sim-flow-status-card strong,.sim-flow-status-card small{display:block}.sim-flow-status-card strong{font-size:10px}.sim-flow-status-card small{margin-top:3px;color:#6d7b92;font-size:8px;line-height:1.4}.sim-flow-status-card.is-success{border-color:#b9e5ce;background:#effaf4}.sim-flow-status-card.is-error{border-color:#f1c1c7;background:#fff2f3}.sim-flow-timeline{display:flex;flex-direction:column;gap:3px;padding:4px 0}.sim-flow-timeline>div{min-height:22px;display:flex;align-items:center;gap:7px;color:#8b97a9;font-size:8px}.sim-flow-timeline>div.is-done{color:#275e40}.sim-flow-timeline img{width:14px;height:14px}.sim-flow-status-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sim-flow-status-list>span{display:flex;align-items:center;gap:5px;color:#6b7890;font-size:7px}.sim-flow-status-list img{width:14px;height:14px;flex:0 0 auto}.sim-flow-code-guide{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #dfe7f3;border-radius:10px;background:#f8faff}.sim-flow-code-symbol{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eaf1ff}.sim-flow-code-symbol img{width:22px;height:22px}.sim-flow-code-guide strong,.sim-flow-code-guide small{display:block}.sim-flow-code-guide strong{font-size:9px}.sim-flow-code-guide small{margin-top:2px;color:#71809a;font-size:8px}.sim-flow-qr-card{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px;padding:9px;border:1px solid #dbe5f3;border-radius:12px;background:linear-gradient(135deg,#f6f9ff,#fff)}.sim-flow-qr-image{position:relative;width:104px;height:104px;display:grid;place-items:center;overflow:hidden;border:1px solid #e0e6ef;border-radius:9px;background:#fff}.sim-flow-qr-image>img{display:block;width:96px;height:96px;object-fit:contain}.sim-flow-qr-image:after{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;border-radius:999px;background:#18c9ef;box-shadow:0 0 8px #18c9ef;opacity:.82;animation:simQrScan 2.4s ease-in-out infinite alternate}@keyframes simQrScan{0%{transform:translateY(0)}to{transform:translateY(78px)}}.sim-flow-qr-expired{position:absolute;inset:0;display:grid;place-items:center;padding:8px;background:#ffffffd9;color:#a52d3c;font-size:9px;font-weight:800;text-align:center}.sim-flow-qr-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.sim-flow-qr-copy>span{color:#61728c;font-size:8px;font-weight:650}.sim-flow-qr-copy>strong{color:#172c4b;font-size:14px;letter-spacing:1.1px}.sim-flow-qr-copy>small{color:#78869b;font-size:8px}.sim-flow-qr-actions{display:grid;gap:1px}.sim-flow-text-action{align-self:center;display:flex;align-items:center;gap:5px;min-height:30px;font:inherit;font-size:8px}.sim-flow-text-action img{width:15px;height:15px}.sim-flow :focus-visible{outline:3px solid #6fa1ff;outline-offset:2px}@media(max-width:360px){.sim-flow{gap:7px}.sim-flow-heading h3{font-size:13px}.sim-flow-summary{grid-template-columns:22px minmax(0,1fr) auto;padding:7px}.sim-flow-choice{min-height:36px;padding:6px 7px}}@media(prefers-reduced-motion:reduce){.sim-flow *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
