.demo-app{--bg:#f3f5f9;--surface:#fff;--surface-2:#eef1f6;--line:#dde2ec;--text:#0e1a2b;--text-soft:#4b5568;--link:#5a2fe0;--violet-ink:#5a2fe0;--magenta-ink:#b8235f;--orange-ink:#a85200;--teal-ink:#00766a;color-scheme:light;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:16px;font-size:.94rem;overflow:hidden;box-shadow:0 10px 40px #0e1a2b1a}.demo-app h2,.demo-app h3,.demo-app h4{color:var(--text)}.demo-app h3{margin:0 0 10px;font-size:1.02rem}.demo-app h4{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin:16px 0 6px;font-size:.78rem}.demo-app .muted{color:var(--text-soft)}.demo-app .small{font-size:.84rem}.demo-app .block{display:block}.demo-app a{color:var(--link)}.demo-app :focus-visible{outline-color:var(--violet)}.app-banner{color:#5a3a00;background:#fff7e8;border-bottom:1px solid #f3dcae;align-items:flex-start;gap:10px;padding:10px 16px;font-size:.85rem;display:flex}.app-banner .icon{color:var(--orange-ink);margin-top:2px}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:560px;display:grid}.app-shell>*{min-width:0}.app-nav{background:var(--ink,#0e1a2b);color:#dbe3f2;flex-direction:column;gap:14px;padding:16px 12px;display:flex}.app-brand{border-bottom:1px solid #26385a;align-items:center;gap:10px;padding:4px 6px 10px;display:flex}.app-brand strong{color:#fff;font-size:.9rem;line-height:1.2;display:block}.app-brand small{color:#9fb0cd;font-size:.75rem}.app-logo{width:34px;height:34px;font:700 .8rem var(--font-head);color:#fff;background:var(--grad);border-radius:10px;flex:none;place-items:center;display:grid}.app-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.app-nav li button{color:#cbd6ea;width:100%;font:500 .9rem var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:9px 10px;display:flex}.app-nav li button:hover{color:#fff;background:#1b2d49}.app-nav li button[aria-current=page]{color:var(--ink,#0e1a2b);box-shadow:inset 3px 0 0 var(--violet);background:#fff;font-weight:600}.app-nav .reset-btn{color:#cbd6ea;border-color:#3b5078;margin-top:auto}.app-main{min-width:0;padding:clamp(14px,2.4vw,24px)}.app-main.solo{gap:18px;display:grid}.app-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;margin-bottom:16px;display:flex}.app-title{margin:0;font-size:1.35rem}.toolbar-fields,.doc-filters{flex-wrap:wrap;align-items:flex-end;gap:10px 14px;display:flex}.toolbar-fields label,.doc-filters label,.stack-label{color:var(--text-soft);gap:4px;font-size:.78rem;font-weight:600;display:grid}.doc-filters .grow{flex:220px}.demo-app input[type=text],.demo-app select,.demo-app textarea{border:1.5px solid var(--line);min-height:38px;color:var(--text);font:inherit;background:#fff;border-radius:8px;width:100%;padding:7px 10px}.demo-app select{width:auto;min-width:150px;max-width:100%}.view{gap:16px;display:grid}.app-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;padding:16px 18px}.two-up{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=900px){.two-up{grid-template-columns:1fr}}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.kpi-grid.three{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.kpi{text-align:left;background:var(--surface);border:1px solid var(--line);font:inherit;color:inherit;border-radius:12px;grid-template-columns:auto 1fr;grid-template-areas:"i l""v v""h h";align-items:center;gap:2px 10px;padding:14px;display:grid}.kpi.clickable{cursor:pointer}.kpi.clickable:hover{border-color:var(--violet)}.kpi-icon{width:30px;height:30px;color:var(--violet-ink);background:#7c4dff1f;border-radius:8px;grid-area:i;place-items:center;display:grid}.kpi-icon.teal{color:var(--teal-ink);background:#00a38f24}.kpi-icon.magenta{color:var(--magenta-ink);background:#e0407f1f}.kpi-icon.orange{color:var(--orange-ink);background:#f57c0024}.kpi-label{color:var(--text-soft);grid-area:l;font-size:.8rem;font-weight:600}.kpi-value{font:700 1.55rem/1.15 var(--font-head);overflow-wrap:anywhere;grid-area:v;margin-top:6px}.kpi-hint{color:var(--text-soft);grid-area:h;font-size:.78rem}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.88rem}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 10px}.data-table thead th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);white-space:nowrap;font-size:.76rem}.data-table tr.sel{background:#7c4dff12}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table .mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem}.data-table .empty{text-align:center;color:var(--text-soft);padding:24px}.sort-btn,.link-btn{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.sort-btn{text-transform:inherit;letter-spacing:inherit;align-items:center;gap:4px;min-height:28px;font-weight:700;display:inline-flex}.link-btn{color:var(--link);text-underline-offset:3px;text-decoration:underline}.late{color:#b01e44;font-weight:600}.pager{justify-content:center;align-items:center;gap:12px;padding-top:12px;display:flex}.icon-btn{border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--text);background:0 0;border-radius:8px;place-items:center;display:grid}.icon-btn:hover{border-color:var(--violet)}.docs-layout{gap:16px;display:grid}.docs-view.with-detail .docs-layout{grid-template-columns:minmax(0,1fr) 320px}@media (width<=1100px){.docs-view.with-detail .docs-layout{grid-template-columns:1fr}}.doc-detail{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-self:start;max-height:calc(100vh - 100px);padding:14px 16px;position:sticky;top:80px;overflow-y:auto}@media (width<=1100px){.doc-detail{max-height:none;position:static}}.dd-head{justify-content:space-between;align-items:center;display:flex}.dd-head h3{margin:0}.dd-name{word-break:break-all;margin:8px 0;font-weight:700}.kv{gap:4px;margin:0;display:grid}.kv.spaced{gap:8px;margin-block:12px}.kv>div{grid-template-columns:minmax(90px,.8fr) 1.4fr;gap:8px;font-size:.86rem;display:grid}.kv dt{color:var(--text-soft);font-weight:600}.kv dd{overflow-wrap:anywhere;margin:0}.kv-inline{flex-wrap:wrap;gap:6px 22px;margin:8px 0 12px;padding:0;list-style:none;display:flex}.mini-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mini-list li{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack-label{margin-top:12px}.chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.76rem;font-weight:600;display:inline-flex}.chip.st-registered,.chip.tone-ok{color:#00574d;background:#e3f6f2;border-color:#aee3d9}.chip.st-classified{color:#4a23c8;background:#ece6ff;border-color:#cdbffd}.chip.st-review,.chip.tone-review{color:#8a4400;background:#fff0dc;border-color:#f5cf98}.chip.st-received,.chip.tone-info{color:#3d4859;background:#eef1f6;border-color:#d3d9e5}.chip.st-error,.chip.tone-error{color:#9a1739;background:#fde8ee;border-color:#f4b3c5}.callout{margin:10px 0}.chart{margin:0}.chart svg{width:100%;height:auto;display:block}.chart .grid-line{stroke:var(--line);stroke-width:1px}.chart .axis{fill:var(--text-soft);font-size:11px}.legend{color:var(--text-soft);flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.swatch{vertical-align:-1px;border-radius:3px;width:12px;height:12px;display:inline-block}.hbars{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hbars li{grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:.86rem;display:grid}.hb-track{background:var(--surface-2);border-radius:6px;height:12px;overflow:hidden}.hb-fill{border-radius:6px;height:100%;display:block}.hb-val small{color:var(--text-soft)}.stack{background:var(--surface-2);border-radius:6px;height:22px;margin-top:8px;display:flex;overflow:hidden}.stack span{height:100%;display:block}.timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:130px auto 1fr;align-items:start;gap:10px;padding:10px 0;font-size:.88rem;display:grid}.timeline time{color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:.8rem}@media (width<=640px){.timeline li{grid-template-columns:1fr;gap:4px}}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.check.small{gap:8px;font-size:.85rem}.link-btn:hover{text-decoration-thickness:2px}.flow-panel{gap:12px;margin-top:8px;display:grid;container-type:inline-size}.flow-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 18px;display:flex}.field.inline{gap:4px;margin:0;display:grid}.field.inline label{color:var(--text-soft);font-size:.78rem}.flow-progress{background:var(--surface-2);border-radius:2px;height:4px;overflow:hidden}.flow-progress span{background:var(--grad);height:100%;transition:width .4s;display:block}.flow-grid{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:14px;display:grid}@container (width<=1100px){.flow-grid{grid-template-columns:1fr}.node-detail{max-height:none}}.flow-scroll{border:1px solid var(--line);background:radial-gradient(circle,#cfd6e4 1px,#0000 1.3px) 0 0/18px 18px,#f9fafc;border-radius:12px;max-height:520px;overflow:auto}.flow-stage{margin:12px;position:relative}.flow-edges{pointer-events:none;position:absolute;inset:0;overflow:visible}.edge{color:#aab4c8}.edge path{stroke:currentColor;stroke-width:2px}.edge.visited{color:var(--teal)}.edge.active{color:var(--violet)}.edge.active path{stroke-width:2.5px}.edge-label-bg{fill:#fff;stroke:#cdd5e3}.edge-label{fill:#3d4859;font-size:10.5px;font-weight:600}.fnode{text-align:left;cursor:pointer;font:inherit;color:var(--text);background:#fff;border:2px solid #cdd5e3;border-radius:12px;align-items:flex-start;gap:9px;padding:9px 10px;transition:border-color .2s,box-shadow .2s,transform .15s,background-color .2s;display:flex;position:absolute}.fnode:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0e1a2b1f}.fnode.selected{box-shadow:0 0 0 3px #7c4dff4d}.fnode.kind-condition{border-radius:30px 12px}.fnode.kind-human{border-style:dashed}.fnode-icon{background:var(--surface-2);width:30px;height:30px;color:var(--text-soft);border-radius:8px;flex:none;place-items:center;display:grid}.fnode-body{gap:3px;min-width:0;display:grid}.fnode-title{font-size:.82rem;font-weight:600;line-height:1.2}.fnode-status{white-space:nowrap;color:var(--text-soft);align-items:center;gap:4px;font-size:.72rem;display:inline-flex}.fnode.st-running{border-color:var(--violet);background:#f4efff}.fnode.st-running .fnode-icon{background:var(--violet);color:#fff;animation:1s ease-in-out infinite pulse}.fnode.st-running .fnode-status{color:var(--violet-ink);font-weight:600}.fnode.st-done{border-color:var(--teal);background:#f0fbf9}.fnode.st-done .fnode-icon{background:var(--teal);color:#fff}.fnode.st-done .fnode-status{color:var(--teal-ink);font-weight:600}.fnode.st-error{background:#fff1f4;border-color:#c4254d}.fnode.st-error .fnode-icon{color:#fff;background:#c4254d}.fnode.st-error .fnode-status{color:#9a1739;font-weight:600}.fnode.st-review{border-color:var(--orange);background:#fff6ea}.fnode.st-review .fnode-icon{background:var(--orange);color:#fff}.fnode.st-review .fnode-status{color:var(--orange-ink);font-weight:600}.fnode.st-skipped{opacity:.55;border-style:dotted}.node-detail{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:160px;max-height:520px;padding:12px 14px;overflow:auto}.node-detail h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);font-size:.8rem}.node-detail-title{margin:0 0 4px;font-weight:700}.pill{background:var(--surface-2);border-radius:999px;padding:2px 9px;font-size:.76rem;font-weight:700;display:inline-block}.pill.st-done{color:#00574d;background:#e3f6f2}.pill.st-running{color:#4a23c8;background:#ece6ff}.pill.st-error{color:#9a1739;background:#fde8ee}.pill.st-review{color:#8a4400;background:#fff0dc}.run-summary{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:12px 16px}.run-summary.rs-ok{border-color:var(--teal)}.run-summary.rs-review{border-color:var(--orange)}.run-summary.rs-error{border-color:#c4254d}.rs-title{margin:0 0 4px;font-weight:700}.err-line{color:#9a1739;align-items:center;gap:6px;margin:0 0 6px;font-weight:600;display:flex}.request-box{background:var(--surface-2);border-radius:10px;margin:10px 0;padding:10px 14px}.request-box blockquote{margin:4px 0 8px;font-style:italic}.req-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);margin:0;font-size:.76rem;font-weight:700}.rules{gap:4px;padding-left:1.1em;display:grid}.chat-grid{grid-template-columns:300px minmax(0,1fr);min-height:540px;display:grid}@media (width<=860px){.chat-grid{grid-template-columns:1fr}}.chat-side{background:var(--surface);border-right:1px solid var(--line);align-content:start;gap:12px;padding:18px;display:grid}@media (width<=860px){.chat-side{border-right:0;border-bottom:1px solid var(--line)}}.ctx-pick{border:1px solid var(--line);border-radius:10px;gap:8px;padding:8px 12px 12px;display:grid}.ctx-pick legend{color:var(--text-soft);padding-inline:4px;font-size:.78rem;font-weight:700}.radio{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.radio input{accent-color:var(--violet);margin-top:4px}.radio small{color:var(--text-soft);font-size:.78rem;display:block}.chat-window{flex-direction:column;min-width:0;height:600px;max-height:80vh;display:flex}.chat-log{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.msg{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:82%;padding:10px 14px}.msg p{margin:4px 0 0}.msg .who{color:var(--text-soft);font-size:.72rem;font-weight:700}.msg .who em{font-style:normal;font-weight:600}.msg.you{background:#ece6ff;border-color:#cdbffd;align-self:flex-end}.msg.bot.tag-handover{border-left:4px solid var(--orange)}.msg.bot.tag-unknown{border-left:4px solid var(--gray)}.msg.bot.tag-clarify{border-left:4px solid var(--violet)}.msg.bot.tag-confirm{border-left:4px solid var(--teal)}.msg-cta{margin-top:8px}.dots i{background:#98a3ba;border-radius:50%;width:7px;height:7px;margin:0 2px;animation:1s infinite pulse;display:inline-block}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.quick{border-top:1px solid var(--line);background:#fafbfd;flex-wrap:wrap;gap:8px;padding:8px 16px;display:flex}.quick-btn{font:500 .84rem var(--font-body);color:var(--violet-ink);cursor:pointer;background:#fff;border:1.5px solid #cdbffd;border-radius:999px;min-height:34px;padding:6px 12px}.quick-btn:hover{background:#ece6ff}.chat-form{border-top:1px solid var(--line);background:#fff;gap:8px;padding:12px 16px;display:flex}.chat-form input{flex:1}.agent-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;padding:16px;display:grid}@media (width<=960px){.agent-grid{grid-template-columns:1fr}}.presets{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.demo-app .field{margin-bottom:14px}.demo-app .field label{font-size:.82rem}.agent-steps{gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.agent-steps li{opacity:.55;align-items:center;gap:10px;display:flex}.agent-steps li.done,.agent-steps li.active{opacity:1}.step-dot{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:grid}.agent-steps li.done .step-dot{background:var(--teal);color:#fff}.agent-steps li.active .step-dot{background:var(--violet);color:#fff;animation:1s infinite pulse}.quote{background:var(--surface-2);border-radius:8px;padding:8px 12px;font-style:italic}.validations{gap:6px;margin:0;padding:0;list-style:none;display:grid}.validations li{align-items:flex-start;gap:6px;font-size:.86rem;display:flex}.validations .lv-pass .icon{color:var(--teal-ink)}.validations .lv-warn .icon{color:var(--orange-ink)}.validations .lv-block .icon{color:#b01e44}.plain{margin:0;padding-left:1.2em}.draft{background:#fff;border:1px dashed #b8c2d6;border-radius:8px;padding:10px 14px}.draft p{margin:0 0 6px}.json{color:#d8e2f5;background:#0e1a2b;border-radius:8px;max-height:260px;margin:0;padding:12px;font-size:.78rem;overflow:auto}.approvals{gap:8px;margin:0;padding:0;list-style:none;display:grid}.approvals li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}@media (width<=760px){.app-shell{grid-template-columns:1fr}.app-nav{flex-direction:column;padding:10px}.app-nav ul{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.app-nav li button{white-space:nowrap;width:auto}.app-nav .app-brand,.app-nav .reset-btn{display:none}table.responsive thead{position:absolute;left:-9999px}table.responsive,table.responsive tbody,table.responsive tr,table.responsive td{width:100%;display:block}table.responsive tr{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:10px;padding:6px 4px}table.responsive td{text-align:left;border:0;grid-template-columns:110px 1fr;gap:8px;padding:5px 10px;display:grid}table.responsive td.num{text-align:left}table.responsive td:before{content:attr(data-label);color:var(--text-soft);text-transform:uppercase;font-size:.72rem;font-weight:700}table.responsive td:not([data-label]):before{content:""}.hbars li{grid-template-columns:1fr;gap:4px}.msg{max-width:94%}.kv>div{grid-template-columns:1fr;gap:0}}.qt-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;margin-top:28px;display:grid}.qt-services{gap:12px;min-width:0;display:grid}.qt-svc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.qt-svc.on{border-color:var(--violet-ink);box-shadow:var(--shadow)}.qt-head{cursor:pointer;align-items:flex-start;gap:12px;padding:16px;display:flex}.qt-head input{width:22px;height:22px;accent-color:var(--violet);flex:none;margin:2px 0 0}.qt-head b{font:700 1.08rem/1.3 var(--font-head);color:var(--text);display:block}.qt-head small{color:var(--text-soft);margin-top:2px;font-size:.92rem;display:block}.qt-body{gap:14px;padding:0 16px 16px 50px;display:grid}.qt-f{color:var(--text);gap:6px;font-size:.94rem;font-weight:500;display:grid}.qt-f input[type=range]{width:100%;accent-color:var(--violet)}.qt-f select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:10px}.qt-read{background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 12px;font-size:.94rem;display:flex}.qt-read strong{font-family:var(--font-head)}.qt-check{color:var(--text);align-items:flex-start;gap:9px;font-size:.94rem;display:flex}.qt-check input{accent-color:var(--violet);flex:none;width:18px;height:18px;margin-top:4px}.qt-check input:disabled+span{color:var(--text-soft)}.qt-note{color:var(--text-soft);margin:0;font-size:.88rem}.qt-warn{color:var(--orange-ink);margin:0;font-size:.88rem}.qt-grid :is(input,select,button):focus-visible{outline:3px solid var(--violet-ink);outline-offset:2px}.qt-total{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:14px;min-width:0;padding:20px;display:grid;position:sticky;top:88px}.qt-total h3{font:700 1.25rem var(--font-head);margin:0}.qt-totals{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qt-t{background:var(--surface-2);border-radius:var(--radius-sm);min-width:0;padding:12px}.qt-t span{color:var(--text-soft);font-size:.8rem;display:block}.qt-t strong{font:700 1.75rem/1.2 var(--font-head);font-variant-numeric:tabular-nums;color:var(--text);display:block}.qt-t del{color:var(--text-soft);font-size:.85rem}.qt-promo{color:var(--teal-ink);margin:0;font-size:.9rem;font-weight:500}.qt-promo.saving{color:var(--violet-ink)}.qt-items{gap:8px;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.qt-items li{border-bottom:1px solid var(--line);color:var(--text);justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.qt-items li span:last-child{text-align:right;font-variant-numeric:tabular-nums}.qt-actions{gap:8px;display:grid}.qt-actions .btn{justify-content:center;width:100%}.qt-actions .btn:disabled{opacity:.55;cursor:not-allowed}.qt-msg{color:var(--teal-ink);white-space:pre-line;overflow-wrap:anywhere;min-height:1.3em;margin:0;font-size:.88rem}.qt-foot{color:var(--text-soft);margin:0;font-size:.82rem}@media (width<=900px){.qt-grid{grid-template-columns:minmax(0,1fr)}.qt-total{position:static}.qt-body{padding-left:16px}}@media (prefers-reduced-motion:no-preference){.qt-svc{transition:border-color .15s,box-shadow .15s}}