:root{--ink: oklch(.24 .01 160);--paper: oklch(.985 .004 120);--line: oklch(.88 .008 140);--accent: oklch(.45 .09 160);--muted: oklch(.55 .015 150);font-family:-apple-system,Segoe UI,sans-serif;color:var(--ink)}*{box-sizing:border-box;margin:0}body{background:var(--paper)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}html,body{height:100%;overflow:hidden;overscroll-behavior:none}header{display:flex;justify-content:space-between;align-items:baseline;padding:.9rem 1.4rem;border-bottom:1px solid var(--line);flex:none;flex-wrap:wrap;gap:.3rem}.brand{font-weight:700;font-size:1.05rem}.addr{font-weight:400;color:var(--muted);font-size:.85rem;margin-left:.5rem}nav{display:flex;gap:1.1rem;align-items:baseline}nav a{color:var(--muted);text-decoration:none;font-size:.95rem}nav a.active{color:var(--accent);font-weight:600}.operator{color:var(--muted);font-size:.8rem}.split{display:flex;flex:1;min-height:0}aside{width:340px;border-right:1px solid var(--line);overflow-y:auto}main{flex:1;overflow:hidden;display:flex}.filters{display:flex;gap:.25rem;padding:.6rem .8rem}.filters a{text-decoration:none;color:var(--muted);font-size:.8rem;padding:.2rem .6rem;border-radius:99px;text-transform:capitalize}.filters a.active{background:var(--accent);color:#fff}.thread-row{display:block;padding:.7rem .9rem;border-top:1px solid var(--line);text-decoration:none;color:inherit}.thread-row.selected{background:#e9f1ea}.row-top{display:flex;justify-content:space-between}.participant{font-weight:600;font-size:.85rem}.when{color:var(--muted);font-size:.75rem}.subject{font-size:.9rem;margin:.15rem 0}.row-tags{display:flex;gap:.5rem;align-items:baseline}.label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.draft-tag{font-size:.72rem;color:var(--accent);font-weight:600}.thread-view{padding:1.2rem 1.6rem 1rem;max-width:46rem;flex:1;display:flex;flex-direction:column;min-height:0}.msg-scroll{flex:1;overflow-y:auto;min-height:0}.thread-view h2{font-size:1.15rem;margin-bottom:1rem;display:flex;gap:.7rem;align-items:baseline}.msg{border:1px solid var(--line);border-radius:8px;padding:.8rem 1rem;margin-bottom:.8rem;background:#fff}.msg.outbound{background:#eaf5ee}.msg-head{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem}.msg pre{white-space:pre-wrap;font:inherit;font-size:.92rem;line-height:1.45}.agent-col{width:380px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#f4f8f5}.agent-head{padding:.7rem 1rem;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border-bottom:1px solid var(--line)}.agent-scroll{flex:1;overflow-y:auto;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.7rem}.turn-block{font-size:.88rem;line-height:1.45}.turn-block .who{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.15rem}.turn-block.agent .who{color:var(--accent)}.turn-block.operator{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem}.draft-card{background:#fff;border:1px solid var(--accent);border-radius:8px;padding:.6rem;display:flex;flex-direction:column;gap:.5rem}.draft-card .send{align-self:flex-end}.agent-col .chat-input{padding:.7rem 1rem;border-top:1px solid var(--line);margin-top:0}.draft-card textarea,.kb-entry textarea{width:100%;font:inherit;font-size:.92rem;line-height:1.45;border:1px solid var(--line);border-radius:6px;padding:.6rem}button{font:inherit;font-size:.85rem;border:none;border-radius:6px;padding:.4rem .9rem;cursor:pointer;background:var(--accent);color:#fff}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.send{font-weight:600}.chat{margin-top:.6rem;font-size:.85rem;display:flex;flex-direction:column;gap:.3rem}.turn.agent{color:var(--accent)}.chat-input{display:flex;gap:.5rem;margin-top:.6rem}.chat-input input{flex:1;min-width:0;font:inherit;font-size:.88rem;padding:.45rem .6rem;border:1px solid var(--line);border-radius:6px}.kb{padding:1.2rem 1.6rem;max-width:46rem;margin:0 auto;width:100%;overflow-y:auto}.kb h2{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:1.2rem 0 .6rem}.kb-entry{border:1px solid var(--line);border-radius:8px;padding:.9rem 1rem;margin-bottom:.7rem;background:#fff}.kb-entry.proposed{border-color:var(--accent)}.kb-entry h3{font-size:.95rem;margin-bottom:.4rem}.kb-entry p{font-size:.92rem;line-height:1.45}.kb-actions{display:flex;gap:.5rem;margin-top:.6rem}.kb-meta{color:var(--muted);font-size:.75rem;margin-top:.35rem}.empty,.note{padding:2rem;color:var(--muted)}.thread-view .draft-card{margin-top:.4rem}.draft-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.turn-block p{white-space:pre-wrap}.md{font-size:.88rem;line-height:1.45;display:flex;flex-direction:column;gap:.4rem}.md ul,.md ol{padding-left:1.2rem;display:flex;flex-direction:column;gap:.2rem}.md code{background:#e3eae4;padding:.05rem .3rem;border-radius:4px;font-size:.82rem}.nav-toggle{background:none;color:var(--muted);border:none;border-right:1px solid var(--line);border-radius:0;padding:0 .35rem;font-size:1.1rem;align-self:stretch}.nav-toggle:hover{color:var(--accent)}.login{max-width:22rem;margin:18vh auto;display:flex;flex-direction:column;gap:1rem}.login h1{font-size:1.3rem}.login form{display:flex;flex-direction:column;gap:.6rem}.login input{font:inherit;padding:.5rem .7rem;border:1px solid var(--line);border-radius:6px}.back{display:none;color:var(--accent);text-decoration:none;font-size:.85rem;margin-bottom:.5rem}@media(max-width:900px){.split{flex-direction:column;overflow:hidden}.nav-toggle{display:none}aside{width:100%;border-right:none;overflow-y:auto}.split.has-thread aside{display:none}.back{display:block;flex:none}main{flex:1;min-height:0;display:flex;overflow:hidden}.thread-view{max-width:none}.agent-col{width:100%;border-left:none;border-top:none}}@media(max-width:900px){.split:not(.has-thread) main{display:none}}.write-reply{align-self:flex-start;margin-top:.4rem}.panel-tabs{display:none}@media(max-width:900px){header{padding:.6rem .9rem}.brand{font-size:.95rem}.addr,.operator{display:none}.panel-tabs{display:flex;gap:.25rem;padding:.5rem .9rem 0;flex:none}.panel-tabs a{text-decoration:none;color:var(--muted);font-size:.85rem;padding:.25rem .8rem;border-radius:99px}.panel-tabs a.active{background:var(--accent);color:#fff}.split.has-thread main{display:flex}.split.has-thread .agent-col{display:none}.split.has-thread.show-agent main{display:none}.split.has-thread.show-agent .agent-col{display:flex;flex:1;min-height:0}}.msg pre,.md,.turn-block p,.subject,.thread-view h2,.kb-entry p,.participant{overflow-wrap:anywhere}.msg-scroll,.agent-scroll{overflow-x:hidden}aside,main,.agent-col{min-width:0}.msg,.draft-card,.turn-block,.kb-entry{max-width:100%}button:disabled{opacity:.55;cursor:default}.refresh{background:none;color:var(--muted);padding:0 .3rem;font-size:1rem}.refresh:hover{color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.refresh.spinning{animation:spin .7s linear infinite}.team-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem}