@font-face{font-family:WorkChivo;src:url('/brand-assets/fonts/chivo.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:WorkRound;src:url('/brand-assets/fonts/zen-maru-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:WorkKaku;src:url('/brand-assets/fonts/zen-kaku-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Warehouse;src:url('/brand-assets/fonts/barlow-condensed-900.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--accent:#6552a3;--accent-hover:#514184;--focus:#6552a3;--selection:#ded5f5;--line:#d7d3e6;--ink:#2b2b43;--muted:#606074;--page:#f0eef7;--panel:#fff}body{height:auto;overflow:auto;background:#f0eef7}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto minmax(560px,1fr);grid-template-areas:'quick quick' 'chat context';height:auto;min-height:calc(100dvh - 100px);max-width:1600px;margin:auto;gap:0;padding:0 28px 28px}.sidebar{grid-area:quick;display:flex;align-items:center;justify-content:space-between;gap:28px;width:auto;min-width:0;background:transparent;color:#2b2b43;padding:24px 0;border-bottom:1px solid #d7d3e6}.sidebar .logo,.sidebar h1{color:#2b2b43}.sidebar h1{font-family:WorkRound,Noto,sans-serif;font-size:23px;margin:0}.sidebar small,.sidebar p{color:#606074}.sidebar .suggestions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0;min-width:0}.sidebar .suggestions h2{width:auto;font-size:12px;margin:0 8px 0 0;color:#606074}.suggestions button{width:auto;min-height:42px;max-width:240px;background:#fff;color:#514184;border:1px solid #d4cce8;padding:10px 13px;border-radius:4px}.suggestions button:hover{background:#e4dcf5}.conversation{grid-area:chat;background:#fff;min-width:0;display:flex;flex-direction:column;min-height:580px;height:calc(100dvh - 245px);max-height:none;border-right:1px solid #d7d3e6;border-radius:0}.chat-header{padding:25px 28px;border-bottom:1px solid #e4e0ee}.chat-header h2{font-family:WorkChivo,Noto,sans-serif;font-size:19px}.messages{flex:1;min-height:300px;padding:28px;overflow:auto}.composer{margin:0;padding:18px 24px;border-top:1px solid #e4e0ee}.message{border-radius:4px 16px 16px 16px;box-shadow:none}.context{grid-area:context;background:#e7e2f1;border-radius:0;padding:28px 23px}.context h2{font-size:17px}.ticket{border-radius:0;background:transparent;box-shadow:none;border-bottom:1px solid #c7bddb;padding:18px 0}.knowledge{border-top:1px solid #c7bddb}.knowledge details{border-radius:0}.context input,.context textarea{background:#fff}.sidebar .brand-mark{color:#6552a3}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 265px;padding:0 20px 20px}.sidebar{display:block}.sidebar .suggestions{margin-top:18px}.sidebar h1{display:inline-block;margin-right:20px}.conversation{height:650px}.context{padding:23px 18px}}@media(max-width:700px){main{display:flex;flex-direction:column;padding:0 14px 22px;min-width:0}.sidebar{padding:20px 0}.sidebar .suggestions{flex-wrap:nowrap;overflow:auto;padding-bottom:8px;max-width:100%}.suggestions button{flex:0 0 auto;max-width:200px}.sidebar .suggestions h2{display:none}.conversation{height:620px;min-height:520px;border:0}.messages{padding:20px 16px}.composer{padding:14px}.chat-header{padding:22px 18px}.context{margin-top:20px}.sidebar .logo{color:#2b2b43}.context input,.context textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* A conversation has its own rhythm; the handoff queue stays beside it. */
main{grid-template-columns:minmax(0,1fr) 350px;max-width:1540px;padding-inline:36px}.sidebar{gap:30px;padding-block:23px}.sidebar .identity{font:750 25px WorkChivo,Noto,sans-serif;letter-spacing:-.02em}.identity .symbol{background:#6552a3;color:#fff;border-radius:10px;width:38px;height:42px}.identity small{color:#62567c;font-size:12px}.sidebar h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sidebar .suggestions{justify-content:flex-end;gap:7px}.suggestions button{font-size:12px;border-radius:6px;padding:10px 12px;min-height:44px}.suggestions h2{display:none}.conversation{padding:0;background:#fff;height:calc(100dvh - 220px);min-height:610px;border-left:1px solid #d7d3e6;border-bottom:1px solid #d7d3e6}.chat-header{padding:22px 28px 19px}.chat-header h2{font-size:19px;font-weight:650}.chat-header p{display:none}.local-badge{font-size:11px;color:#5f4a90;padding:5px 9px;border:1px solid #d9d1ea;border-radius:20px;white-space:normal;text-align:center}.conversation-evidence{background:#f4f1fa;color:#605279;padding:10px 28px;border-bottom:1px solid #e5deef;font-size:12px}.conversation-evidence details summary{min-height:24px}.conversation-evidence details p{line-height:1.8;margin:10px 0 4px}.messages{padding:32px 30px 16px;scrollbar-width:thin;scrollbar-color:#c7bddd #faf8fd}.message{max-width:85%;margin-bottom:23px}.message p{background:#f2eff8;color:#35294b;border-radius:2px 15px 15px 15px;line-height:1.9;font-size:14px}.message.user p{background:#66529a;color:#fff;border-radius:15px 2px 15px 15px}.message .author{font-size:11px;color:#716382;margin-bottom:6px}.message details{color:#5c478b;font-size:12px}.message details p{background:#f6f3fb;color:#5d4f74;border-radius:5px;padding:11px 14px}.message button{min-height:44px;border-color:#b9a9d6;color:#57417d;border-radius:5px}.message button:hover{background:#eae2f6}.composer{border:0;border-radius:0;margin:0;padding:12px 22px;background:#fff}.composer input{min-height:48px;background:#f5f2fa;border:1px solid #d5cbe5;border-radius:8px;padding-inline:15px;font-size:15px}.composer input:focus-visible{outline:2px solid #6552a3;outline-offset:2px}.composer:focus-within{box-shadow:none}.composer button{background:#6552a3;border-radius:8px;width:48px;height:48px;flex:none}.composer button:hover{background:#514184}.status{padding:0 24px 17px;min-height:36px;color:#655477;font-size:12px}.assistant-options{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 24px 0;border-top:1px solid #e4deee;font-size:12px;color:#5c4b74}.assistant-options[hidden]{display:none}.assistant-options label{display:flex;align-items:center;gap:8px;min-height:36px}.assistant-options input{width:17px;height:17px;accent-color:#6552a3}.assistant-options details{position:relative}.assistant-options summary{min-height:36px;display:flex;align-items:center}.assistant-options details p{position:absolute;right:0;bottom:100%;z-index:5;width:min(340px,75vw);background:#34294a;color:#f4edff;padding:16px 18px;border-radius:8px;box-shadow:0 12px 32px -12px #24152f55;font-size:12px;line-height:1.9}.context{padding:24px 22px;background:#ebe6f3;border-bottom:1px solid #d7d3e6}.context-heading{align-items:center}.context-heading h2{font-size:16px}.context-heading>span{display:grid;place-items:center;border:1px solid #b4a3cc;border-radius:20px;min-width:28px;height:28px;background:#fff;color:#5d4586}.ticket-filters{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:7px;margin:17px 0 4px}.ticket-filters input,.ticket-filters select{width:100%;min-width:0;min-height:44px;font-size:12px;background:#f9f7fc;border:1px solid #c5b7d9;border-radius:5px;padding:8px 9px;color:#514062}.ticket{padding:19px 0;border-bottom:1px solid #cfc2df}.ticket-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ticket-head strong{font:600 12px WorkChivo,Noto,sans-serif;color:#5a447b}.ticket-state{font-size:11px;color:#665278}.ticket[data-priority=urgent] .ticket-state{color:#9a3d4f}.ticket p{color:#382d49;font-size:13px;line-height:1.8;margin:9px 0}.ticket small{color:#6c587d;font-size:11px}.ticket>button{display:block;min-height:44px;margin-top:9px;border:1px solid #baa8d1;background:#f9f6fd;color:#5b417d;border-radius:5px;padding:9px 12px;font-size:12px}.ticket-empty{font-size:13px;line-height:1.9;color:#746184;padding:24px 0}.knowledge{margin-top:27px;padding-top:24px}.knowledge h2{font-size:15px}.knowledge>details{border-color:#cbbdde;font-size:12px}.knowledge>details>summary{min-height:44px;display:flex;align-items:center}.knowledge>details p{font-size:12px;color:#635173;line-height:1.9}.knowledge-editor input,.knowledge-editor select,.knowledge-editor textarea{font-size:14px}.context .consult-link{font-size:12px;margin-top:28px}#ticket-dialog{border-radius:10px;width:min(660px,calc(100% - 28px));background:#fcfaff;padding:30px}#ticket-dialog h2{font:650 21px WorkChivo,Noto,sans-serif}#ticket-form{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}#ticket-form>.primary{grid-column:1/-1;margin-top:15px}#ticket-dialog input,#ticket-dialog select,#ticket-dialog textarea{border-color:#c5b7d8;border-radius:5px}#ticket-dialog h3{font-size:15px;margin-top:30px}.ticket-timeline{padding-left:20px;border-top:1px solid #e2d9ee}.ticket-timeline li{padding-top:15px}.ticket-timeline strong{font-size:11px;color:#79678c}.ticket-timeline p{font-size:13px;line-height:1.9;margin:5px 0}.reply-drafts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px}.reply-drafts>span{font-size:12px;color:#756181;margin-right:3px}.reply-drafts button{border:1px solid #cbbddd;border-radius:4px;min-height:44px;background:#f3edf9;color:#5d477a;padding:8px 12px;font-size:12px}.typing-dots{display:flex;align-items:center;gap:5px;width:max-content;min-height:48px;background:#eee8f6;border-radius:2px 15px 15px 15px;padding:17px 20px}.typing-dots i{width:6px;height:6px;border-radius:50%;background:#8a75ac;animation:support-type 1.1s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.13s}.typing-dots i:nth-child(3){animation-delay:.26s}@keyframes support-type{0%,65%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 300px;padding-inline:22px}.sidebar{display:block}.sidebar .suggestions{justify-content:flex-start;margin-top:18px}.conversation{height:700px}.context{padding:23px 18px}.messages{padding-inline:24px}.ticket-filters{grid-template-columns:1fr}.ticket-filters select{width:100%}}
@media(max-width:700px){main{display:flex;padding-inline:14px}.sidebar .suggestions{padding-bottom:8px;margin-top:15px}.suggestions button{max-width:none;flex:none}.sidebar .identity{font-size:23px}.conversation{height:min(690px,calc(100svh - 90px));min-height:570px;border:1px solid #d7d3e6}.chat-header{padding:20px 17px;gap:14px}.chat-header h2{font-size:17px}.local-badge{font-size:10px;max-width:115px}.conversation-evidence{padding:10px 17px;font-size:11px}.messages{padding:25px 16px 10px}.message{max-width:92%}.message p{font-size:14px;padding:15px 16px}.composer{padding:12px}.composer input{font-size:16px;min-height:49px;padding-inline:12px}.composer button{width:46px;height:49px}.status{font-size:11px;padding:0 16px 15px}.context{margin-top:20px;width:100%;padding:24px 20px}.ticket-filters{grid-template-columns:minmax(0,1fr) 110px}.ticket-filters input,.ticket-filters select{font-size:16px}.assistant-options{padding-inline:15px;font-size:11px}.assistant-options details p{width:280px}.knowledge-editor input,.knowledge-editor select,.knowledge-editor textarea{font-size:16px}#ticket-dialog{padding:23px}#ticket-form{grid-template-columns:1fr}.reply-drafts{gap:7px}.reply-drafts>span{flex-basis:100%}.reply-drafts button{flex:1}}
@media(prefers-reduced-motion:reduce){.typing-dots i{animation:none;opacity:.8}.messages{scroll-behavior:auto}}

/* Task refinement · 2026-11-02 */
.task-skip{position:fixed;z-index:1000;left:16px;top:12px;transform:translateY(-180%);background:var(--accent,#1a4867);color:#fff;padding:13px 20px;border-radius:4px;min-height:48px;text-decoration:none}.task-skip:focus{transform:translateY(0)}#task-workspace:focus{outline:0}.demo-bar>span{display:none}button,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent,#21577b);outline-offset:4px}input,select,textarea{caret-color:var(--accent,#21577b)}td,dd,strong{font-variant-numeric:tabular-nums}.table-wrap{overscroll-behavior-inline:contain}dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}@media(max-width:760px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}button{min-height:44px}.demo-bar{gap:10px}}

/* Task refinement · 2026-11-02 */
.support-reply-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 28px;border-bottom:1px solid #e5deef}.support-reply-tools button{background:none;border:1px solid #c7b9dc;border-radius:4px;padding:8px 13px;min-height:44px;font-size:13px;color:#503d72}.support-reply-tools button:hover:not(:disabled){background:#f0e9f9}.support-reply-tools button:disabled{opacity:.45}.conversation-evidence[hidden]{display:none}.messages .message p{font-size:15px;line-height:1.9}.context .knowledge>details p,.ticket p{font-size:14px}.conversation{min-height:650px}.context-heading h2{font-size:18px}@media(max-width:700px){.support-reply-tools{padding:10px 15px;justify-content:stretch}.support-reply-tools button{flex:1;font-size:12px}.conversation{height:760px;min-height:650px;max-height:none}.messages{min-height:230px}.context .knowledge>details p{font-size:14px}}

.support-reply-tools[hidden]{display:none}@media(max-width:700px){.conversation{height:calc(100svh - 350px);min-height:480px;max-height:650px}.messages{min-height:140px}}
