.nexus-explorer.nexus-workflow-explorer{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(1.8rem,4.5vw,4.6rem)}.nexus-workflow-explorer .nexus-explorer-row.is-active{background:#e6e9fa}.nexus-workflow-explorer .nexus-explorer-select{gap:1rem;padding:1.2rem .8rem}.nexus-workflow-explorer .nexus-explorer-number{font-family:var(--font-mono,monospace);color:#63708c}.nexus-workflow-explorer .nexus-explorer-row.is-active .nexus-explorer-number{color:#284cff}.nexus-workflow-explorer .nexus-explorer-visual{min-width:0;overflow:hidden}.nexus-workflow-explorer .nexus-explorer-detail{border-top:1px solid #ffffff16;padding:1.35rem 1.8rem 1.7rem}.nexus-workflow-explorer .nexus-explorer-detail p{color:#b6c2d6;font-size:.85rem}.service-flow{--flow-blue:#496bff;border-radius:inherit;color:#f3f0e8;background:#0c1425;min-width:0;padding:1.8rem;overflow:hidden}.service-flow-heading{z-index:1;position:relative}.service-flow-example{color:#a4b4d1;letter-spacing:.06em;align-items:center;gap:.6rem;font-size:.68rem;display:inline-flex}.service-flow-example>span{background:#779aff;border-radius:50%;width:5px;height:5px}.service-flow-heading h3{color:#f3f0e8;letter-spacing:-.04em;text-wrap:balance;max-width:24ch;margin-top:.7rem;font-size:clamp(1.35rem,1.9vw,1.8rem);font-weight:500;line-height:1.24}html[lang=th] .service-flow-heading h3{letter-spacing:0;line-height:1.45}.service-flow-art{background:radial-gradient(at 50% 42%,#253c771f,#0000 70%);margin:.1rem -.5rem 0;position:relative}.service-flow-art svg{width:100%;height:auto;display:block;overflow:visible}.service-flow-blueprint{stroke:#8da7e1;stroke-width:1.5px;opacity:.18}.service-flow-track{stroke:#506385;stroke-width:1.5px;opacity:.6}.service-flow-line{stroke:var(--flow-blue);stroke-width:2.5px;opacity:0;stroke-linecap:round}.service-flow-line.is-complete{opacity:1}.service-flow-line.is-traveling{opacity:1;stroke-dasharray:12 88;animation:1.25s linear infinite service-flow-signal}.service-flow-node-box{fill:#17223a;stroke:#3b4c6d;stroke-width:1.5px;transition:fill .28s,stroke .28s}.service-flow-node-halo{fill:none;stroke:#678cff;stroke-width:1px;opacity:0}.service-flow-icon{stroke:#91a4c6;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.service-flow-node.is-current .service-flow-node-box{fill:#284cff;stroke:#92a8ff}.service-flow-node.is-current .service-flow-icon{stroke:#fff}.service-flow-node.is-current .service-flow-node-halo{opacity:.55}.service-flow-node.is-complete .service-flow-node-box{stroke:#678cff}.service-flow-node.is-complete .service-flow-icon{stroke:#c0ccff}.service-flow-node.is-review .service-flow-node-box{stroke:#a48a54}.service-flow-node.is-review.is-current .service-flow-node-box{fill:#48391f;stroke:#e8c489}.service-flow-node.is-review.is-current .service-flow-node-halo{stroke:#e8c489}.service-flow-steps{border-bottom:1px solid #ffffff16;grid-template-columns:repeat(4,minmax(0,1fr));gap:.15rem;display:grid}.service-flow-steps button{color:#9aaac7;text-align:left;cursor:pointer;overflow-wrap:anywhere;border-bottom:2px solid #0000;flex-direction:column;align-items:start;gap:.35rem;min-width:0;padding:.7rem .5rem .95rem;font-size:.75rem;line-height:1.45;transition:border-color .22s,color .22s,background .22s;display:flex}.service-flow-step-number{font-size:.62rem;font-family:var(--font-mono,monospace);letter-spacing:.02em;color:#6882b5}.service-flow-steps button[aria-current=step]{color:#fff;background:linear-gradient(#0000,#284cff0f);border-color:#6387ff}.service-flow-steps button[aria-current=step] .service-flow-step-number{color:#b2c4ff}.service-flow-steps button:hover:not(:disabled){color:#fff}.service-flow-inspector{padding-top:1.1rem}.service-flow-description{color:#bdc8dc;min-height:5.4em;font-size:.84rem;line-height:1.8}.service-flow-transfer{background:#ffffff03;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.9rem;margin-top:1rem;padding:.9rem 1rem;display:grid}.service-flow-transfer>div>span{color:#7f91af;letter-spacing:.06em;font-size:.62rem;display:block}.service-flow-transfer p{color:#d5deee;margin-top:.35rem;font-size:.73rem;line-height:1.5}.service-flow-transfer-arrow{color:#6882c4}.service-flow-review{color:#e4c690;margin-top:.8rem;font-size:.72rem}.service-flow-review.is-approved{color:#a8e4d1}.service-flow-controls{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.service-flow-play{color:#fff;cursor:pointer;background:#284cff;border:1px solid #5675ff;border-radius:999px;align-items:center;gap:.7rem;min-height:42px;padding:.65rem 1rem;font-size:.76rem;transition:background .18s,transform .18s;display:inline-flex}.service-flow-play:hover:not(:disabled){background:#3c5eff;transform:translateY(-1px)}.service-flow-play>span{font-size:.65rem}.service-flow-reset{color:#98abc9;cursor:pointer;min-height:42px;padding:.5rem 0;font-size:.76rem}.service-flow-reset>span{margin-left:.4rem}.service-flow button:disabled{opacity:.45;cursor:default}.service-flow button:focus-visible{outline-offset:3px;outline:2px solid #aec1ff}.service-flow-note{color:#8192b0;margin-top:1.1rem;font-size:.64rem;line-height:1.7}.service-flow-transcript{color:#a2b3d1;margin-top:.85rem;font-size:.7rem;line-height:1.8}.service-flow-transcript summary{cursor:pointer;width:fit-content}.service-flow-transcript summary:focus-visible{outline-offset:3px;outline:2px solid #aec1ff}.service-flow-transcript ol{gap:1rem;margin-top:1rem;padding-left:1.3rem;list-style:decimal;display:grid}.service-flow-transcript h4{color:#e0e7f5;font-weight:500}.service-flow-transcript p{margin-top:.25rem}.nexus-service-workflow-hero{border:1px solid #ffffff1a;border-radius:24px;min-width:0;overflow:hidden;box-shadow:0 35px 85px #00000020}.nexus-service-workflow-hero .service-flow{padding:clamp(1.4rem,2.6vw,2.4rem)}@keyframes service-flow-signal{0%{stroke-dashoffset:12px}to{stroke-dashoffset:-100px}}@media (width<=1023px) and (width>=768px){.nexus-explorer.nexus-workflow-explorer{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:1.5rem}.nexus-workflow-explorer .nexus-explorer-select{gap:.55rem;padding:1.2rem .45rem}.nexus-workflow-explorer .nexus-explorer-title{font-size:1rem}.nexus-workflow-explorer .nexus-explorer-direct{width:32px;min-width:32px}}@media (width<=767px){.nexus-explorer.nexus-workflow-explorer{flex-direction:column;gap:1.7rem;display:flex}.nexus-workflow-explorer .nexus-explorer-list{width:100%}.nexus-workflow-explorer .nexus-explorer-select{min-height:63px;padding:.8rem .5rem}.nexus-workflow-explorer .nexus-explorer-title{font-size:1rem}.service-flow,.nexus-service-workflow-hero .service-flow{padding:1.25rem}.nexus-service-workflow-hero{margin-top:2.5rem}.service-flow-heading h3{font-size:1.4rem}.service-flow-steps button{padding-left:.2rem;padding-right:.2rem;font-size:.69rem}.service-flow-description{min-height:7.2em;font-size:.8rem}.service-flow-transfer{gap:.6rem;padding:.8rem}.service-flow-transfer p{font-size:.7rem}.nexus-workflow-explorer .nexus-explorer-detail{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.service-flow *,.nexus-workflow-explorer .nexus-explorer-row{transition:none!important;animation:none!important}}html[data-deco=off] .service-flow *,.service-flow[data-motion=false] *{transition:none!important;animation:none!important}@media (forced-colors:active){.service-flow,.nexus-service-workflow-hero{color:canvastext;background:canvas;border:1px solid canvastext}.service-flow :is(h3,p,span),.service-flow-steps button,.service-flow-reset{color:canvastext}.service-flow-art{forced-color-adjust:none}.service-flow-play{color:buttontext;background:buttonface;border:1px solid buttontext}.service-flow-steps button[aria-current=step]{color:highlight;border-color:highlight}.service-flow *{transition:none!important;animation:none!important}}@media print{.service-flow{break-inside:avoid;background:#fff;border:1px solid #ccc}.service-flow :is(h3,p,span){color:#222}.service-flow-art,.service-flow-controls,.service-flow-transcript>summary{display:none}.service-flow-transcript>ol{display:grid}.service-flow *{transition:none!important;animation:none!important}}
