:root{--fg:#1f2328;--muted:#59636e;--bg:#f6f8fa;--surface:#fff;--border:#d1d9e0;--accent:#1a7f37;--accent-fg:#fff;--inbound:#fff;--outbound:#dafbe1;--system:#eef1f4;--warn:#9a6700;--warn-bg:#fff8c5;--danger:#cf222e;color:var(--fg);background:var(--bg);font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--fg:#e6edf3;--muted:#9198a1;--bg:#0d1117;--surface:#151b23;--border:#3d444d;--accent:#238636;--inbound:#151b23;--outbound:#12361f;--system:#212830;--warn:#d29922;--warn-bg:#2b2111;--danger:#f85149}}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,select,input,textarea{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;padding:.35rem .8rem}button:disabled{opacity:.55;cursor:default}select,input,textarea{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.35rem .5rem}.error{color:var(--danger)}.banner{text-align:center}.empty{color:var(--muted);padding:1rem}.login{max-width:22rem;margin:4rem auto;padding:0 1rem}.login form{gap:.9rem;display:grid}.login label{gap:.3rem;display:grid}.login button[type=submit]{background:var(--accent);color:var(--accent-fg);border-color:#0000}.app{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:.8rem;padding:.6rem 1rem;display:flex}.spacer{flex:1}.inbox{flex:1;grid-template-columns:minmax(16rem,22rem) 1fr;min-height:0;display:grid}.list{border-right:1px solid var(--border);background:var(--surface);overflow-y:auto}.tabs{border-bottom:1px solid var(--border);background:var(--surface);gap:.3rem;padding:.6rem;display:flex;position:sticky;top:0}.tabs button{white-space:nowrap;flex:1;padding:.3rem .4rem;font-size:.9rem}.tabs button.active{background:var(--accent);color:var(--accent-fg);border-color:#0000}.list ul{margin:0;padding:0;list-style:none}.item{text-align:left;border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;gap:.2rem;width:100%;padding:.6rem .8rem;display:grid}.item.selected{background:var(--system)}.row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meta{color:var(--muted);margin:.15rem 0;font-size:.85rem}.badge{border:1px solid var(--border);border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.badge.waiting_agent{color:var(--warn);background:var(--warn-bg);border-color:#0000}.badge.human{color:var(--accent-fg);background:var(--accent);border-color:#0000}.pending{text-align:center;background:var(--accent);min-width:1.3rem;color:var(--accent-fg);border-radius:999px;margin-right:.4rem;font-size:.75rem;display:inline-block}.detail{min-height:0;display:flex}.conversation{flex-direction:column;flex:1;min-height:0;display:flex}.conversation>header{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:.8rem 1rem;display:flex}.conversation h2{margin:0;font-size:1.15rem}.actions{flex-wrap:wrap;align-items:flex-start;gap:.4rem;display:flex}.notice{color:var(--warn);background:var(--warn-bg);margin:0;padding:.5rem 1rem}.messages{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.bubble{border:1px solid var(--border);background:var(--inbound);border-radius:8px;align-self:flex-start;gap:.2rem;max-width:min(36rem,80%);padding:.5rem .7rem;display:grid}.bubble.outbound{background:var(--outbound);align-self:flex-end}.bubble.system{background:var(--system)}.bubble .who,.bubble .status{color:var(--muted);font-size:.75rem}.bubble .status{text-align:right}.bubble .text{white-space:pre-wrap;overflow-wrap:anywhere}.reply{border-top:1px solid var(--border);background:var(--surface);gap:.5rem;padding:.8rem 1rem;display:flex}.reply textarea{resize:none;flex:1}.reply button{background:var(--accent);color:var(--accent-fg);border-color:#0000;align-self:flex-end}@media (width<=720px){.inbox{grid-template-rows:minmax(12rem,40vh) 1fr;grid-template-columns:1fr}.list{border-right:0;border-bottom:1px solid var(--border)}}.screens{gap:.3rem;margin-left:.5rem;display:flex}.screens button.active,.side button.active{background:var(--accent);color:var(--accent-fg);border-color:#0000}.settings{flex:1;grid-template-columns:12rem 1fr;min-height:0;display:grid}.side{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:.3rem;padding:.8rem;display:flex}.side button{text-align:left}.settings-body{min-width:0;padding:1rem;overflow-y:auto}.stack{gap:1rem;max-width:64rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:.75rem;min-width:0;padding:1rem;display:grid}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card h3,.card h4{margin:0}.card h4{margin-top:.5rem}.hint{color:var(--muted);margin:0;font-size:.9rem}.muted{color:var(--muted)}.ok{color:var(--accent)}.form{gap:.75rem;display:grid}.form label{gap:.3rem;font-size:.9rem;display:grid}.form label.check{align-items:center;gap:.4rem;display:flex}.narrow-form{max-width:24rem}.grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;display:grid}.grid label{gap:.3rem;font-size:.9rem;display:grid}.inline-form{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 0;display:flex}.inline-form input{flex:1;min-width:10rem}.inline-form label.compact{align-items:center;gap:.4rem;font-size:.9rem;display:flex}.inline-form label.compact input{min-width:0}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}button.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000}button.danger{color:var(--danger)}.split{grid-template-columns:minmax(12rem,16rem) 1fr;align-items:start;gap:1rem;display:grid}.split-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 .6rem}.split-detail{min-width:0}ul.plain{margin:0;padding:0;list-style:none}.line{padding:.3rem 0}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.4rem .5rem}th{color:var(--muted);font-weight:500}td.center{text-align:center}td.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:16rem;overflow:hidden}input.narrow{width:4.5rem}.once{border:1px solid var(--warn);background:var(--warn-bg);border-radius:8px;gap:.5rem;padding:.75rem;display:grid}.once p{margin:0}.once code,.facts code{overflow-wrap:anywhere}.facts{grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:0;font-size:.9rem;display:grid}.facts dt{color:var(--muted)}.facts dd{justify-content:flex-start;gap:.5rem;margin:0}.channel{border-top:1px solid var(--border);gap:.6rem;padding-top:.75rem;display:grid;overflow-x:auto}.channel .row{justify-content:flex-start}.channel.inactive,.rule.inactive{opacity:.6}.rule{border-bottom:1px solid var(--border);grid-template-columns:3rem 1fr auto;align-items:center;gap:.6rem;padding:.5rem 0;display:grid}.rule .priority{color:var(--muted);font-variant-numeric:tabular-nums}.reply-text{color:var(--muted);font-size:.85rem;display:block}.rule-form{border:1px solid var(--border);border-radius:8px;margin:.5rem 0;padding:.75rem}.reply-preview{white-space:pre-wrap}.notice.row{border-radius:8px;flex-wrap:wrap;justify-content:space-between}@media (width<=720px){.settings,.split{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.facts{grid-template-columns:1fr}}