:root{--navy-900: #0f2b57;--navy-700: #1e4c8a;--navy-050: #e8edf5;--red-600: #e4242b;--red-700: #c11a20;--ink: #17202e;--muted: #5c6b82;--rule: #d7dfeb;--paper: #ffffff;--canvas: #f4f6fa;--ui: "Onest", -apple-system, "Segoe UI", Roboto, sans-serif;--label: "PT Sans Narrow", "Arial Narrow", var(--ui);--mono: "SFMono-Regular", "JetBrains Mono", Consolas, monospace;--gutter: 28px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--ui);font-size:15px;line-height:1.55;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--navy-700);outline-offset:2px}.panel-eyebrow,.welcome-eyebrow,.msg-author,.sources-title,.handover-tag,.topbar-portal{font-family:var(--label);text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:700;color:var(--muted);margin:0}.app{height:100%;display:flex;flex-direction:column;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--gutter);background:var(--paper);border-bottom:1px solid var(--rule)}.topbar-brand{display:flex;align-items:center;gap:14px;min-width:0}.topbar-mark{width:26px;height:26px;background:var(--red-600);flex-shrink:0;position:relative}.topbar-mark:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px solid var(--paper)}.topbar-portal{display:block;color:var(--navy-900);font-size:13px}.topbar-service{display:block;font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.topbar-right{display:flex;align-items:center;gap:18px}.topbar-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);white-space:nowrap}.topbar-dot{width:8px;height:8px;border-radius:50%;background:#18a957}.topbar-new{font:inherit;font-size:14px;padding:9px 16px;color:var(--navy-900);background:var(--paper);border:1px solid var(--navy-900);border-radius:2px;cursor:pointer;transition:background .12s ease,color .12s ease}.topbar-new:hover{background:var(--navy-900);color:var(--paper)}.alert{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--gutter);background:#fdeceb;border-bottom:1px solid #f5c4c2;color:#8d1216;font-size:14px}.alert-close{border:none;background:none;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:4px}.history-bar{padding:14px var(--gutter) 16px;background:var(--paper);border-bottom:1px solid var(--rule)}.history-bar-head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.history-bar-count{margin:0;font-size:12.5px;color:var(--muted)}.history-strip{display:flex;gap:10px;margin:0;padding:0 0 4px;list-style:none;overflow-x:auto}.history-strip::-webkit-scrollbar{height:6px}.history-strip::-webkit-scrollbar-thumb{background:var(--rule)}.ticket-card{display:flex;flex-direction:column;gap:6px;width:260px;min-height:92px;padding:10px 12px;font:inherit;text-align:left;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--rule);border-radius:2px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.ticket-card:hover{background:var(--canvas)}.ticket-card--selected{border-color:var(--navy-700);background:var(--navy-050)}.ticket-card--in_support{border-left-color:var(--red-600)}.ticket-card--in_progress{border-left-color:var(--navy-700)}.ticket-card--created{border-left-color:#9fb0c8}.ticket-card--closed{border-left-color:var(--rule);color:var(--muted)}.ticket-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ticket-card-status{font-family:var(--label);text-transform:uppercase;letter-spacing:.07em;font-size:11.5px;font-weight:700;color:var(--navy-900)}.ticket-card--closed .ticket-card-status{color:var(--muted)}.ticket-card-now{font-size:11px;color:var(--red-600);white-space:nowrap}.ticket-card-question{font-size:13.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-card-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;font-size:11.5px;color:var(--muted)}.ticket-card-id{font-family:var(--mono)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px}.chat{min-width:0;min-height:0;display:flex;background:var(--paper);border-right:1px solid var(--rule)}.thread{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.thread-viewport{flex:1;overflow-y:auto;padding:var(--gutter);display:flex;flex-direction:column;gap:26px;scroll-behavior:smooth}.thread-viewport::-webkit-scrollbar{width:8px}.thread-viewport::-webkit-scrollbar-thumb{background:var(--rule)}.welcome{max-width:620px;margin:auto 0}.welcome-title{margin:10px 0 12px;font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--navy-900)}.welcome-text{margin:0 0 24px;color:var(--muted);max-width:52ch}.welcome-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.welcome-item{display:block;width:100%;text-align:left;font:inherit;padding:14px 2px;color:var(--navy-700);background:none;border:none;border-bottom:1px solid var(--rule);cursor:pointer;transition:color .12s ease,padding-left .12s ease}.welcome-item:hover{color:var(--red-600);padding-left:10px}.msg{max-width:46rem}.msg-body{margin-top:6px;white-space:pre-wrap;word-break:break-word}.msg-body p{margin:0 0 10px}.msg-body ol,.msg-body ul{margin:0 0 10px;padding-left:22px}.msg-body li{margin-bottom:4px}.msg-body p:last-child,.msg-body ol:last-child,.msg-body ul:last-child{margin-bottom:0}.msg--user{align-self:flex-end;border-left:3px solid var(--navy-700);background:var(--navy-050);padding:12px 16px}.msg--agent{border-left:3px solid var(--red-600);padding:2px 0 2px 16px}.activity{display:flex;align-items:center;gap:10px;margin:8px 0 0;color:var(--muted);font-size:14px}.activity-pulse{width:8px;height:8px;background:var(--red-600);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.handover{margin-top:16px;padding-top:14px;border-top:1px dashed var(--navy-700)}.handover-tag{display:flex;align-items:center;gap:10px;color:var(--navy-900)}.handover-dot{width:8px;height:8px;background:#18a957;animation:pulse 1.1s ease-in-out infinite}.handover-note{margin:6px 0 0;font-size:14px;color:var(--muted)}.sources{margin-top:14px;padding:12px 14px;background:var(--canvas);border:1px solid var(--rule)}.sources-list{margin:6px 0 0;padding:0;list-style:none;font-size:14px}.sources-item+.sources-item{margin-top:6px}.sources-item-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;width:100%;padding:0;font:inherit;text-align:left;color:inherit;background:none;border:none;cursor:pointer}.sources-chevron{flex-shrink:0;align-self:center;width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(-45deg);transition:transform .12s ease}.sources-chevron--open{transform:rotate(45deg)}.sources-item-title{color:var(--navy-700)}.sources-meta{margin:2px 0 0 12px;color:var(--muted)}.sources-text{margin:8px 0 0;padding-top:8px;border-top:1px dashed var(--rule);white-space:pre-wrap;word-break:break-word}.composer{display:flex;gap:12px;align-items:flex-end;padding:16px var(--gutter);border-top:1px solid var(--rule)}.composer-input{flex:1;font:inherit;padding:12px 14px;color:var(--ink);background:var(--navy-050);border:1px solid transparent;border-radius:2px;resize:none;max-height:140px;transition:border-color .12s ease,background .12s ease}.composer-input::placeholder{color:#8b98ab}.composer-input:focus{outline:none;background:var(--paper);border-color:var(--navy-700)}.composer-send{font:inherit;font-weight:500;padding:12px 22px;color:var(--paper);background:var(--red-600);border:none;border-radius:2px;cursor:pointer;white-space:nowrap;transition:background .12s ease}.composer-send:hover:not(:disabled){background:var(--red-700)}.composer-send:disabled{background:#c4ccd9;cursor:default}.thread-note{margin:0;padding:0 var(--gutter) 16px;font-size:12.5px;color:var(--muted)}.transcript-empty{margin:auto 0;color:var(--muted)}.panel{min-width:0;min-height:0;overflow-y:auto;padding:var(--gutter) 22px;background:var(--canvas)}.panel-empty{margin:10px 0 0;font-size:14px;color:var(--muted)}.panel-notice{margin:0 0 18px;padding:9px 11px;font-size:12.5px;color:var(--navy-900);background:var(--navy-050);border-left:3px solid var(--navy-700)}.panel-id{margin:6px 0 22px;font-family:var(--mono);font-size:19px;color:var(--navy-900)}.route{list-style:none;margin:0 0 24px;padding:0 0 0 14px;border-left:1px solid var(--rule)}.route-step{position:relative;padding:0 0 16px 14px;font-size:14px;color:var(--muted)}.route-step:last-child{padding-bottom:0}.route-dot{position:absolute;left:-19px;top:7px;width:9px;height:9px;background:var(--paper);border:1px solid var(--rule)}.route-step--done{color:var(--ink)}.route-step--done .route-dot{background:var(--navy-700);border-color:var(--navy-700)}.route-step--now{color:var(--navy-900);font-weight:600}.route-step--now .route-dot{background:var(--red-600);border-color:var(--red-600);box-shadow:0 0 0 4px #e4242b29}.route-step--skipped{opacity:.45}.panel-block{padding-top:18px;margin-top:18px;border-top:1px solid var(--rule)}.panel-block--result{border-top-color:var(--navy-700)}.panel-value{margin:5px 0 0;font-size:15px;font-weight:600;color:var(--navy-900)}.panel-hint,.panel-summary{margin:4px 0 0;font-size:13.5px;color:var(--muted)}.panel-summary{white-space:pre-wrap}.panel-actions{display:grid;gap:10px;margin-top:24px}.btn{font:inherit;font-size:14px;padding:12px 16px;border-radius:2px;cursor:pointer;transition:background .12s ease,color .12s ease}.btn:disabled{cursor:default;opacity:.5}.btn--primary{color:var(--paper);background:var(--red-600);border:1px solid var(--red-600)}.btn--primary:hover:not(:disabled){background:var(--red-700);border-color:var(--red-700)}.btn--ghost{color:var(--navy-900);background:var(--paper);border:1px solid var(--navy-900)}.btn--ghost:hover:not(:disabled){background:var(--navy-900);color:var(--paper)}.rating{display:grid;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--navy-700)}.stars{display:flex;gap:4px}.star{padding:2px;border:none;background:none;cursor:pointer;color:#c4ccd9;line-height:0;transition:color .12s ease,transform .12s ease}.star svg{fill:currentColor}.star--on{color:var(--red-600)}.star:hover{transform:translateY(-2px)}.stars-hint{margin:-6px 0 0;font-size:13px;color:var(--muted)}.field{font:inherit;font-size:14px;width:100%;padding:10px 12px;color:var(--ink);background:var(--navy-050);border:1px solid transparent;border-radius:2px;resize:vertical}.field:focus{outline:none;background:var(--paper);border-color:var(--navy-700)}.rating-result{margin:6px 0 0;color:var(--navy-900)}.rating-score{font-family:var(--mono);font-size:26px;color:var(--red-600)}.rating-max{font-size:14px;color:var(--muted)}.panel-toggle{font:inherit;font-size:13.5px;padding:0;color:var(--navy-700);background:none;border:none;border-bottom:1px dashed var(--navy-700);cursor:pointer}.history{list-style:none;margin:12px 0 0;padding:0;font-size:13px}.history-item{display:flex;gap:10px;padding:5px 0;color:var(--muted)}.history-time{font-family:var(--mono);flex-shrink:0}.history-text{color:var(--ink)}@media (max-width: 980px){:root{--gutter: 18px}.workspace{grid-template-columns:1fr;overflow-y:auto}.chat{border-right:none;border-bottom:1px solid var(--rule);min-height:70vh}.panel{overflow:visible}.topbar{flex-wrap:wrap}.welcome-title{font-size:24px}.ticket-card{width:220px}.msg{max-width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}