:root{--line:#ccc;--muted:#666}*{box-sizing:border-box}body{color:#111;background:#fff;margin:0;font-family:system-ui,sans-serif}.layout{min-height:100vh;display:flex}.nav{border-right:1px solid var(--line);flex-direction:column;gap:6px;width:200px;padding:16px;display:flex}.brand{margin-bottom:12px;font-weight:700}.nav a.active{font-weight:700}.main{flex:1;max-width:1100px;padding:16px}.card{border:1px solid var(--line);margin-bottom:12px;padding:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.stat{font-size:1.8em;font-weight:700}.muted{color:var(--muted);font-size:.9em}input,textarea,select{font:inherit;width:100%;padding:4px 6px}input[type=checkbox],input[type=radio]{width:auto}button{font:inherit;cursor:pointer}.pill{border:1px solid var(--line);padding:0 6px;font-size:.8em;display:inline-block}.list-item{border-bottom:1px solid var(--line);cursor:pointer;padding:8px}.list-item.active{background:#eee}.split{grid-template-columns:320px 1fr;gap:12px;display:grid}.thread{flex-direction:column;gap:6px;max-height:60vh;display:flex;overflow-y:auto}.bubble{border:1px solid var(--line);white-space:pre-wrap;max-width:75%;padding:6px 10px}.bubble.customer{align-self:flex-start}.bubble.ai,.bubble.human{background:#f3f3f3;align-self:flex-end}.bubble.note,.bubble.activity{color:var(--muted);border-style:dashed;align-self:center;font-size:.85em}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.narrow{width:100%;max-width:400px}pre{border:1px solid var(--line);padding:8px;overflow-x:auto}.error{color:#b00020}@media (width<=760px){.layout{flex-direction:column}.nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;width:auto;overflow-x:auto}.brand{display:none}.split{grid-template-columns:1fr}}