:root{--font:var(--font-primary);--mono:var(--font-mono);--blue:#3babff;--blue-hover:#2a9aee;--blue-50:#edf7ff;--blue-100:#d5ecff;--blue-700:#1e6ca7;--blue-800:#163f5e;--dark:#323d4c;--ink:#16191a;--red:#f05a5a;--red-700:#943636;--red-50:#fef0f0;--red-100:#fcd9d9;--green:#b3c100;--green-100:#eff3c4;--green-800:#525d22;--green-900:#3f4d32;--n0:#fff;--n50:#f9fafb;--n100:#f3f4f6;--n200:#e5e7eb;--n300:#d1d5db;--n400:#9ca3af;--n500:#6b7280;--n600:#4b5563;--n700:#374151;--amber:#b45309;--amber-wash:#fef3c7;--radius:8px;--radius-xl:14px;--pill:9999px;--shadow-card:0 1px 4px #16191a0f;--shadow-dropdown:0 8px 28px #16191a1f;--focus:0 0 0 3px #3babff1a;--ease:cubic-bezier(.16,1,.3,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;font-size:16px;font-weight:300;line-height:1.3}::selection{background:var(--blue-100);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--n300) transparent}button{font:inherit;color:inherit}svg.i{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.num{font-variant-numeric:tabular-nums}.ellip{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app{background:#fff;grid-template-columns:268px minmax(0,1fr);grid-template-areas:"nav main";height:100dvh;display:grid;overflow:hidden}.nav{background:var(--dark);color:#ffffffe6;flex-direction:column;grid-area:nav;gap:12px;min-height:0;padding:12px 10px 10px;display:flex;overflow:hidden}.brand{white-space:nowrap;align-items:center;gap:10px;min-height:38px;padding:4px 0 2px 10px;display:flex}.brand img{width:auto;height:20px;display:block}.brand .sys{letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;margin-left:auto;padding-right:6px;font-size:11px;font-weight:600}.nav nav{flex-direction:column;gap:1px;display:flex}.navlink{border-radius:var(--radius);color:#ffffffe6;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:38px;padding:0 12px;font-size:14.5px;font-weight:300;text-decoration:none;transition:background .15s,color .15s;display:flex}.navlink:hover{color:#fff;background:#ffffff0f;text-decoration:none}.navlink svg.i{stroke-width:1.5px;opacity:.9;width:20px;height:20px}.navlink.on{color:var(--blue);background:#3babff1f;font-weight:500}.navlink kbd{font:500 11px/16px var(--font);color:#ffffff61;border:1px solid #ffffff24;border-radius:4px;margin-left:auto;padding:0 5px}.navlink .count{background:var(--blue);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:600;display:grid}.searchbox{border-radius:var(--radius);color:#fff;background:#ffffff14;align-items:center;gap:8px;height:34px;margin:2px 0 0;padding:0 10px;display:flex}.searchbox svg.i{opacity:.6;width:15px;height:15px}.searchbox input{color:#fff;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.searchbox input::placeholder{color:#fff6}.searchbox button{color:#ffffff80;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.searchbox button svg.i{width:14px;height:14px}.navscroll{flex-direction:column;flex:1;gap:14px;min-height:0;margin:0 -10px;padding:0 10px 8px;display:flex;overflow:hidden auto}.sechead{letter-spacing:.08em;text-transform:uppercase;color:#ffffff6b;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px 6px 20px;font-size:11px;font-weight:600;display:flex}.sechead .n{letter-spacing:0;margin-left:auto;font-weight:500}.agents,.chats{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.agentrow{position:relative}.agent{border-radius:var(--radius);cursor:pointer;text-align:left;color:#ffffffe6;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 8px 0 20px;font-size:14.5px;font-weight:300;transition:background .15s;display:flex;position:relative}.agent:hover{background:#ffffff0f}.agent.on{color:#fff;background:#3babff1f;font-weight:500}.agent .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rowacts{opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.agentrow:hover .rowacts,.agentrow:focus-within .rowacts{opacity:1;pointer-events:auto}.agentrow:hover .agent .dot{visibility:hidden}.mini{color:#fff9;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:26px;height:26px;padding:0;display:grid}.mini:hover{color:#fff;background:#ffffff1f}.mini svg.i{width:15px;height:15px}.av{letter-spacing:.01em;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:10.5px;font-weight:600;display:grid}.av.xs{width:18px;height:18px;font-size:8.5px}.av.md{width:30px;height:30px;font-size:12px}.av.lg{width:52px;height:52px;margin-bottom:10px;font-size:20px}.av.blue{background:var(--blue-100);color:var(--blue-700)}.av.green{background:var(--green-100);color:var(--green-800)}.av.red{background:var(--red-100);color:var(--red-700)}.av.slate{background:var(--n200);color:var(--n700)}.av.navy{background:var(--blue-800);color:#fff}.dot{background:0 0;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot.working{background:var(--blue);animation:2.2s ease-in-out infinite breathe}.dot.waiting{background:#f59e0b}.dot.failing{background:var(--red)}@keyframes breathe{50%{opacity:.45}}.sess{border-radius:var(--radius);color:#ffffffc7;align-items:center;min-height:34px;display:flex;position:relative}.sess:hover{color:#fff;background:#ffffff0f}.sess.on{color:#fff;background:#3babff1f}.sesslink{border-radius:var(--radius);min-width:0;min-height:34px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0 8px 0 20px;font-size:14px;font-weight:300;text-decoration:none;display:flex}.sesslink:hover{text-decoration:none}.sess.on .sesslink{font-weight:500}.unread{background:var(--blue);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:7px}.sesslink .t.u{color:#fff;font-weight:500}.more{border-radius:var(--radius);color:#ffffff80;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;width:100%;min-height:30px;padding:0 12px 0 20px;font-size:13px;display:flex}.more:hover{color:#fff}.more svg.i{width:13px;height:13px}.more .n{margin-left:auto}.navempty{color:#fff6;padding:4px 20px;font-size:13px}.navfoot{border-top:1px solid #ffffff14;flex-direction:column;gap:2px;margin-top:auto;margin-left:-10px;margin-right:-10px;padding:10px 10px 0;display:flex}.userrow{border-radius:var(--radius);color:#ffffffe6;align-items:center;gap:12px;padding:8px 10px;display:flex}.userrow .t{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.userrow .t b{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:13.5px;font-weight:500;overflow:hidden}.userrow .t span{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.logout{border-radius:var(--radius);color:#ffffff80;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:32px;height:32px;display:grid}.logout:hover{color:var(--red);background:#f05a5a1f}.logout svg.i{width:18px;height:18px}.main{background:#fff;flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.chathead{border-bottom:1px solid var(--n100);align-items:center;gap:10px;min-height:56px;padding:8px 16px;display:flex}.chathead .who{flex:1;min-width:0}.chathead h1{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;min-width:0;margin:0;font-size:15px;font-weight:500;display:flex}.chathead .ctitle{color:var(--n500);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:300;overflow:hidden}.chathead .right{align-items:center;gap:8px;display:flex}.chathead .rename{font:inherit;color:var(--ink);border:1px solid var(--n300);border-radius:6px;outline:0;flex:1;min-width:0;max-width:420px;padding:3px 8px;font-size:14px;font-weight:300}.chathead .rename:focus{border-color:var(--blue);box-shadow:var(--focus)}.chip{border-radius:var(--pill);white-space:nowrap;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.chip.teams{background:var(--blue-50);color:var(--blue-700)}.chip.teams svg.i{stroke-width:1.8px;width:14px;height:14px}.chip.web{background:var(--n100);color:var(--n600)}.iconbtn{border-radius:var(--radius);width:34px;height:34px;color:var(--n500);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.iconbtn:hover{background:var(--n100);color:var(--ink)}.msgs{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px max(24px,50% - 384px) 32px;display:flex;overflow:hidden auto}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:15px;font-weight:300;line-height:1.6}.bubble.me{background:var(--blue-50);max-width:min(78%,560px);color:var(--ink);border-radius:20px 20px 6px;align-self:flex-end;margin-top:6px;padding:10px 16px;line-height:1.55}.bubble.me.pending{opacity:.6}.bubble.it{align-self:stretch;line-height:1.65}.bubble.md{white-space:normal}.md>*+*{margin-top:10px}.md p{margin:0}.md .md-h{font-weight:500}.md ul,.md ol{margin:0;padding-left:20px}.md li+li{margin-top:3px}.md b,.md strong{font-weight:500}.md code{font-family:var(--mono);background:var(--n100);border-radius:5px;padding:1px 5px;font-size:12.5px}.md pre{background:var(--n100);border-radius:var(--radius);margin:0;padding:10px 12px;font-size:12.5px;line-height:1.5;overflow-x:auto}.md pre code{font-size:inherit;background:0 0;padding:0}.md a{color:var(--blue-700);text-underline-offset:2px;text-decoration:underline}.md table{border-collapse:collapse;width:100%;font-size:13.5px;display:block;overflow-x:auto}.md th,.md td{border-bottom:1px solid var(--n200);text-align:left;vertical-align:top;padding:6px 8px}.md th{color:var(--n400);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:600}.atts{flex-wrap:wrap;justify-content:flex-end;align-self:flex-end;gap:6px;max-width:min(78%,560px);margin-top:-8px;display:flex}.att{border-radius:var(--pill);background:var(--n100);height:24px;color:var(--n600);align-items:center;gap:5px;max-width:100%;padding:0 9px;font-size:12px;display:inline-flex}.att svg.i{width:13px;height:13px}.att .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.att .sz{color:var(--n400);flex:none}.att.err{background:var(--red-50);color:var(--red-700)}.att .rm{color:var(--n400);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:2px;padding:0;display:grid}.att .rm:hover{color:var(--ink)}.att .rm svg.i{width:12px;height:12px}.att .spin{width:11px;height:11px}.fromline{color:var(--n400);align-self:flex-end;align-items:center;gap:6px;margin:4px 2px -8px 0;font-size:12px;display:flex}.sysline{color:var(--n400);text-align:center;letter-spacing:.02em;align-self:center;margin:6px 0 -2px;font-size:12px;font-weight:500}.errline{color:var(--red-700);border-radius:var(--radius);background:var(--red-50);overflow-wrap:anywhere;align-self:stretch;padding:6px 10px;font-size:13px;line-height:1.5}.fold{min-width:0;max-width:100%;color:var(--n500);align-self:flex-start;font-size:13.5px}.fold summary{cursor:pointer;border-radius:var(--pill);align-items:center;gap:7px;margin-left:-10px;padding:4px 12px 4px 10px;list-style:none;display:flex}.fold summary::-webkit-details-marker{display:none}.fold summary:hover{background:var(--n100);color:var(--ink)}.fold summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:5px;height:5px;margin-right:2px;transition:transform .15s;transform:rotate(-45deg)}.fold[open]>summary:before{transform:rotate(45deg)}.fold summary svg.i{width:15px;height:15px}.foldbody{border-left:1px solid var(--n200);color:var(--n600);flex-direction:column;gap:6px;margin:6px 0 2px 6px;padding:2px 0 2px 16px;line-height:1.6;display:flex}.step{align-items:center;gap:8px;min-width:0;display:flex}.step code{font-family:var(--mono);color:var(--n700);background:var(--n100);border-radius:4px;flex:none;padding:1px 5px;font-size:12px}.step .ok{color:var(--green-800);place-items:center;display:grid}.step .ok.err{color:var(--red-700)}.step .ok svg.i,.step .spin{width:13px;height:13px}.spin{border:1.5px solid var(--n300);border-top-color:var(--blue);border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.typing{color:var(--n600);align-self:flex-start;align-items:center;gap:9px;padding:4px 0;font-size:13.5px;display:flex}.typing .spin{border-width:2px;border-top-color:var(--ink);width:14px;height:14px}.approval{border:1px solid var(--n200);border-radius:var(--radius-xl);background:#fff;flex-wrap:wrap;align-self:stretch;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.approval.live{background:#fffbeb;border-color:#fde68a}.approval>svg.i{color:var(--amber);width:18px;height:18px;margin-top:3px}.approval .grow{flex:220px;min-width:0;font-size:14px;line-height:1.5}.approval .grow b{margin-bottom:2px;font-weight:500;display:block}.approval .grow .sum{color:var(--n600)}.approval .grow .item{overflow-wrap:anywhere}.approval .grow code{font-family:var(--mono);color:var(--n500);font-size:12px}.approval .grow a{color:var(--n500);text-underline-offset:2px;font-size:12.5px;text-decoration:underline}.approval .grow textarea{width:100%;font:inherit;border:1px solid var(--n300);border-radius:var(--radius);resize:vertical;background:#fff;outline:0;min-height:60px;margin-top:8px;padding:6px 10px;font-size:14px;display:block}.approval .grow textarea:focus{border-color:var(--blue);box-shadow:var(--focus)}.approval .why{color:var(--n500);flex-basis:100%;order:3;align-items:center;gap:6px;margin-left:30px;font-size:12.5px;display:flex}.approval .why svg.i{stroke-width:1.8px;width:13px;height:13px}.approval .err{color:var(--red-700);flex-basis:100%;order:4;margin-left:30px;font-size:12.5px}.actions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.btn.secondary{color:var(--ink);border-color:var(--n200);background:#fff}.btn.secondary:hover{background:var(--n50);border-color:var(--n300)}.btn.ghost{color:var(--n600);background:0 0}.btn.ghost:hover{background:var(--n100);color:var(--ink)}.btn.danger{background:var(--red);color:#fff;border-color:var(--red)}.btn svg.i{width:15px;height:15px}.composer{flex:none;padding:0 max(24px,50% - 384px) 16px;position:relative}.composer:before{content:"";pointer-events:none;background:linear-gradient(#0000,#fff);height:24px;position:absolute;top:-24px;left:0;right:0}.composer .box{border:1px solid var(--n300);background:#fff;border-radius:26px;flex-direction:column;gap:6px;padding:10px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 6px 24px -10px #16191a24,0 1px 3px #16191a0d}.composer .box:focus-within{border-color:var(--blue);box-shadow:var(--focus),0 6px 24px -10px #16191a24}.composer textarea{resize:none;min-height:34px;max-height:200px;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;width:100%;padding:5px 10px 6px;font-size:15px;line-height:1.5;display:block;overflow-y:auto}.composer textarea::placeholder{color:var(--n400)}.composer .row{align-items:center;gap:6px;display:flex}.composer .grow{flex:1}.composer .chips{flex-wrap:wrap;gap:6px;padding:0 6px;display:flex}.composer .cerr{color:var(--red-700);padding:0 10px;font-size:12.5px}.round{border:1px solid var(--n300);width:34px;height:34px;color:var(--n600);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.round:hover{background:var(--n100);color:var(--ink)}.round svg.i{width:17px;height:17px}.sendbtn{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;transition:background .15s,transform .1s;display:grid}.sendbtn:hover{background:var(--blue-hover)}.sendbtn:active{transform:scale(.94)}.sendbtn:disabled{background:var(--n100);color:var(--n400);cursor:default;transform:none}.sendbtn svg.i{stroke-width:2px;width:18px;height:18px}.hintline{text-align:center;color:var(--n400);margin-top:8px;font-size:11.5px}.empty.hello{text-align:center;flex-direction:column;align-self:center;align-items:center;gap:6px;max-width:46ch;margin:auto;padding-bottom:8vh;display:flex}.empty.hello h2{letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0;font-size:26px;font-weight:500}.empty.hello p{color:var(--n500);text-wrap:balance;margin:0;font-size:14.5px;line-height:1.5}.starters{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.starters button{border-radius:var(--pill);border:1px solid var(--n200);height:32px;color:var(--n600);cursor:pointer;background:#fff;padding:0 12px;font-size:13px}.starters button:hover{border-color:var(--n300);color:var(--ink);background:var(--n50)}.menu{z-index:5;border:1px solid var(--n200);min-width:220px;max-width:min(320px,100% - 32px);box-shadow:var(--shadow-dropdown);background:#fff;border-radius:10px;padding:6px;position:absolute;top:50px;right:16px}.menu .opt{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.menu .opt:hover{background:var(--n50)}.menu .opt svg.i{width:16px;height:16px;color:var(--n500)}.menu .opt kbd{font:500 11px/16px var(--font);color:var(--n400);border:1px solid var(--n200);border-radius:4px;margin-left:auto;padding:0 5px}.menu .opt[disabled]{color:var(--n400);cursor:default}.menu .opt.danger{color:var(--red-700)}.menu hr{border:0;border-top:1px solid var(--n100);margin:6px 0}.menu .confirm{color:var(--n600);padding:6px 10px 4px;font-size:13.5px;line-height:1.5}.menu .confirm b{color:var(--ink);font-weight:500;display:block}.menu .confirm .actions{margin-top:8px}.menu .merr{color:var(--red-700);padding:4px 10px 6px;font-size:12.5px}.pageerr{border-radius:var(--radius);background:var(--red-50);color:var(--red-700);align-self:stretch;margin:12px 0 0;padding:10px 12px;font-size:13.5px}.centred{text-align:center;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.centred .card{flex-direction:column;align-items:center;gap:14px;max-width:420px;display:flex}.centred p{color:var(--n600);margin:0;font-size:15px;line-height:1.5}.waiting-empty{color:var(--n500);text-align:center;margin:auto;font-size:14.5px}.topbar,.tabbar{display:none}@media (width<=720px){.app{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}.app>.nav{display:none}.app.menu>.nav{padding-top:calc(12px + env(safe-area-inset-top));grid-area:main;display:flex}.app.menu>.main,.chathead{display:none}.topbar{min-height:52px;padding:calc(6px + env(safe-area-inset-top)) 12px 6px;border-bottom:1px solid var(--n100);align-items:center;gap:10px;display:flex}.agentbtn{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:4px 6px;display:flex}.agentbtn .t{flex-direction:column;min-width:0;line-height:1.25;display:flex}.agentbtn b{align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.agentbtn b svg.i{width:14px;height:14px;color:var(--n400)}.agentbtn span{color:var(--n500);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.msgs{gap:12px;padding:14px 16px 24px}.bubble.me{max-width:84%}.composer{padding:0 12px 10px}.hintline{display:none}.tabbar{padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--n100);background:#fff;flex:none;justify-content:space-around;display:flex}.tab{color:var(--n400);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;font-size:10.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.tab.on{color:var(--blue)}.tab svg.i{stroke-width:1.5px;width:22px;height:22px}.tab .badge{background:var(--blue);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:grid;position:absolute;top:0;right:4px}.approval{padding:12px 14px}.approval .why{margin-left:0}.actions .btn{height:30px;padding:0 11px}.menu{right:12px;top:calc(50px + env(safe-area-inset-top))}.navlink kbd{display:none}.rowacts{opacity:1;pointer-events:auto}.agentrow .agent .dot{visibility:visible}}
