:root{--brand:#e7b53a;--bg:#fbf8f0;--panel:#ffffff;--field:#fffdf8;--line:#eee6d3;--line2:#f5efe1;--fg:#23212a;--dim:#6f6a72;--accent:#2f9e7a;--accent-strong:#227a5d;--accent-soft:#e2f4ec;--ok:#2f9e7a;--ok-soft:#e2f4ec;--warn:#b8860b;--warn-soft:#fdf3d6;--bad:#d8432f;--bad-soft:#fde6e2;--host:#fdf3d6;--host-line:#ecd48a;--draft:#fffbea;--draft-line:#d9a52c;--proposal-line:#6fc7a3;--nav-w:224px;--topbar-h:56px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.55 Source Sans\ 3,Noto Sans SC,PingFang SC,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}h1{font-size:18px;margin:0 0 4px}h1,h2{font-weight:700}h2{font-size:14px;margin:24px 0 10px;color:var(--fg)}code{font-size:12px;background:var(--line2);padding:1px 5px;border-radius:5px}.k,.muted{color:var(--dim)}.k{font-size:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.wrap{max-width:980px;margin:0 auto;padding:24px 20px 64px}button{font:inherit;font-weight:600;height:36px;padding:0 14px;border-radius:9px;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--fg);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}button.primary,button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}button.danger{color:var(--bad);border-color:#f0c9c9}button.quiet{border-color:transparent;background:transparent;color:var(--accent)}button[disabled]{opacity:.5;cursor:default}input:not([type=radio]):not([type=checkbox]),select,textarea{font:inherit;color:var(--fg);background:var(--field);border:1px solid var(--line);border-radius:9px;padding:8px 11px;width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--line2);color:var(--dim);border:0;white-space:nowrap}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.accent{background:var(--accent-soft);color:var(--accent)}.seg{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px}.seg>button,.seg>span{flex:1 1;height:30px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--dim);font-size:13px;font-weight:500;justify-content:center}.seg>button:hover{border:0;color:var(--fg)}.seg>.on{background:var(--warn-soft);color:var(--warn);font-weight:600}.seg>.on.ok{background:var(--ok-soft);color:var(--ok)}.seg>.on.bad{background:var(--bad-soft);color:var(--bad)}.seg>.on.accent{background:var(--accent-soft);color:var(--accent)}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.card .n{font-size:26px;font-weight:700;line-height:1.1}.card .k{margin-top:4px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line2);vertical-align:top;font-size:13px}th{color:var(--dim);font-weight:600;font-size:12px}tr:last-child td{border-bottom:0}.warnbar{padding:9px 12px;border-radius:9px;font-size:13px}.warnbar,mark{background:var(--warn-soft);color:var(--warn)}mark{border-radius:3px;padding:0 3px}.app{min-height:100vh}.app,.nav{display:flex}.nav{width:var(--nav-w);flex:0 0 var(--nav-w);background:var(--panel);border-right:1px solid var(--line);flex-direction:column;padding:18px 14px;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 16px}.brand>svg{flex:0 0 28px}.brand .name{font-weight:700;font-size:15px;line-height:1.2}.brand .tenant{font-size:12px;color:var(--dim)}.navitem{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--fg);font-size:14px}.navitem:hover{background:var(--bg);color:var(--fg)}.navitem.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.navitem .count{margin-left:auto;font-size:12px;background:var(--accent);color:#fff;border-radius:999px;padding:1px 8px}.navfoot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:14px}.navswitch{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.navswitch .k{margin-bottom:6px}.navswitch .seg{display:flex;width:100%}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.page{flex:1 1;padding:24px 28px 48px;width:100%}.page>:not(.topbar):not(.inbox){max-width:1124px}.topbar{display:flex;align-items:center;gap:14px;min-height:var(--topbar-h);margin:-24px -28px 20px;padding:10px 28px;background:var(--panel);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar h1{margin:0;font-size:17px}.topbar .sub{color:var(--dim);font-size:13px}.topbar .spacer{flex:1 1}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.list-card{background:var(--panel);border-radius:12px;border:1px solid var(--line);overflow:hidden}.li{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line2);color:inherit}.li:last-child{border-bottom:0}.li .t{flex:1 1;min-width:0}.avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 40px}.avatar.sm{width:34px;height:34px;flex-basis:34px;font-size:12px}.inbox{margin:-24px -28px -48px;height:100vh;max-width:none}.inbox,.inbox .list{display:flex;min-height:0}.inbox .list{width:340px;flex:0 0 340px;border-right:1px solid var(--line);background:var(--panel);flex-direction:column;overflow:auto}.inbox .list .searchrow{padding:14px 14px 0}.filters{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line2);flex-wrap:wrap}.filters a{font-size:13px;padding:5px 10px;border-radius:999px;color:var(--dim)}.filters a.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.conv{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-bottom:1px solid var(--line2);color:inherit}.conv.on,.conv:hover{background:var(--bg)}.conv.on{box-shadow:inset 3px 0 0 var(--accent)}.conv .top{display:flex;align-items:center;gap:8px;min-width:0}.conv .name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv.read .name{font-weight:500}.conv .time{margin-left:auto;font-size:12px}.conv .prev,.conv .time{color:var(--dim);white-space:nowrap}.conv .prev{font-size:13px;overflow:hidden;text-overflow:ellipsis}.conv .tags{display:flex;gap:6px;flex-wrap:wrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 8px}.thread{flex:1 1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.thread .head{min-height:var(--topbar-h);border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:12px;padding:8px 22px}.thread .head .title{flex:1 1;min-width:0}.thread .head .who{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .msgs{flex:1 1;overflow:auto;padding:22px}.side{width:300px;flex:0 0 300px;border-left:1px solid var(--line);background:var(--panel);overflow:auto;padding:18px;display:flex;flex-direction:column;gap:18px}.side h3{margin:0 0 10px;font-size:12px;color:var(--dim);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 12px;gap:8px 12px;font-size:13px}.kv .v{font-weight:600}.empty{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--dim)}.chat{gap:14px}.chat,.turn{display:flex;flex-direction:column}.turn{max-width:74%;gap:4px}.turn.left{align-self:flex-start;align-items:flex-start}.turn.right{align-self:flex-end;align-items:flex-end}.bubble{border:1px solid var(--line);border-radius:14px;padding:10px 14px;white-space:pre-wrap;word-break:break-word;background:var(--panel)}.bubble.customer{border-bottom-left-radius:4px}.bubble.agent,.bubble.operator{background:var(--host);border-color:var(--host-line);border-bottom-right-radius:4px}.bubble.draft{background:var(--draft);border:1px dashed var(--draft-line);border-bottom-right-radius:4px;padding:6px}.bubble.draft textarea{width:100%;min-width:320px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:inherit;font:inherit;resize:vertical}.bubble .translation-tag{margin-top:8px;padding-top:6px;border-top:1px dashed var(--line);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}.bubble .translation{margin-top:4px;font-style:italic;color:var(--dim);white-space:pre-wrap}.turn .meta{font-size:11px;color:var(--dim);margin:3px 4px 0}.turn .who{font-weight:600}.decision{margin-top:5px;font-size:12px;color:var(--dim);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.decision code{color:var(--fg)}.bubble.internal{background:var(--bg);border:1px dashed var(--line);color:var(--fg)}.bubble.internal .quoted{font-size:12px;color:var(--dim);border-left:3px solid var(--line);padding:2px 8px;margin-bottom:6px;white-space:pre-wrap;max-height:96px;overflow:hidden}.bubble.internal .quoted .k{display:block}.bubble.proposal{background:var(--draft);border:1px dashed var(--proposal-line);border-bottom-right-radius:4px}.turn .actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px;justify-content:flex-end}.quote-btn,.turn .actions button{font-size:12px;height:26px;padding:0 8px}.quote-btn{height:20px;padding:0 6px;font-size:11px}.composer-slot{border-top:1px solid var(--line);background:var(--panel);padding:12px 22px 14px}.composer{display:flex;flex-direction:column;gap:6px}.composer textarea{flex:1 1;padding:10px 12px;border-radius:10px;font:inherit;font-size:14px;line-height:1.45;resize:vertical;background:var(--field);color:inherit;border:1px solid var(--line);min-height:96px;max-height:45vh}.composer textarea.to-guest{border-color:var(--host-line);background:var(--host)}.composer .mode{flex-direction:column;align-self:stretch;justify-content:flex-start}.composer .mode>button{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--dim)}.composer .mode>button:disabled{opacity:.35;cursor:not-allowed}.quote-chip{display:flex;gap:8px;align-items:flex-start;font-size:12px;padding:6px 10px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:6px}.card .field{width:100%;padding:7px 8px;border-radius:7px;font:inherit;background:var(--field);color:inherit;border:1px solid var(--line)}@media (max-width:900px){.composer-slot{padding:8px 12px}.composer .mode{flex-direction:row;align-self:flex-end}}.assistant{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-gap:16px;gap:16px;align-items:start}.assistant-chat{display:flex;flex-direction:column;height:68vh}@media (max-width:900px){.assistant{grid-template-columns:minmax(0,1fr);gap:12px}.assistant-chat{height:62vh;height:62dvh}:root{--tabbar-h:calc(66px + env(safe-area-inset-bottom, 0px))}.app{flex-direction:column}.nav{position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;width:auto;flex:none;flex-direction:row;padding:6px 4px calc(10px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);z-index:20;gap:0;overflow:visible}.nav .brand,.nav .navfoot,.nav .navitem.desktop-only{display:none}.nav .navitem{flex:1 1;flex-direction:column;gap:3px;font-size:11px;padding:6px 2px;border-radius:10px}.nav .navitem .count{position:absolute;top:1px;left:calc(50% + 6px);margin:0;transform:none;font-size:10px;line-height:16px;min-width:16px;height:16px;padding:0 5px;text-align:center;box-shadow:0 0 0 2px var(--panel)}.nav .navitem{position:relative}.nav .more-sheet{position:fixed;left:0;right:0;bottom:var(--tabbar-h);background:var(--panel);border-top:1px solid var(--line);padding:10px 12px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;z-index:19}.nav .more-sheet .navitem{flex-direction:row;font-size:13px;padding:10px}.nav .more-sheet .more-extra{grid-column:1/-1;padding-top:8px;border-top:1px solid var(--line2);margin-top:4px}.main{padding-bottom:var(--tabbar-h)}.page{padding:16px 16px 40px}.topbar{margin:-16px -16px 16px;padding:10px 16px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox{margin:0;height:calc(100vh - var(--tabbar-h));height:calc(100dvh - var(--tabbar-h))}.inbox .list{width:100%;flex:1 1 auto;border-right:0}.inbox.showing-thread .list{display:none}.inbox .thread{width:100%}.thread .head .avatar{width:34px;height:34px;flex-basis:34px;font-size:12px}.thread .head>.pill{display:none}.thread .head .side-toggle{width:36px;padding:0;justify-content:center;border-color:transparent;color:var(--accent)}.thread .msgs{padding:14px 12px}.inbox .side{display:none;position:fixed;left:0;right:0;bottom:var(--tabbar-h);width:auto;flex:none;max-height:70vh;border-left:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 -8px 30px rgba(31,35,40,.12);z-index:15;padding-bottom:24px}.inbox .side.open{display:flex}.inbox .side .sheet-pills{display:flex;gap:6px;flex-wrap:wrap}.sheet-backdrop{position:fixed;inset:0;background:rgba(31,35,40,.35);z-index:14;cursor:pointer;touch-action:manipulation}.turn{max-width:88%}.bubble.draft textarea{min-width:0}}.mobile-only,.side .sheet-pills{display:none}@media (max-width:900px){.mobile-only{display:inline-flex}.desktop-only{display:none!important}}.page:has(>.inbox){padding:24px 28px 48px}.seg.wrap>button{white-space:normal;height:auto;min-height:34px;padding:5px 8px;line-height:1.25}.navswitch .seg>button{padding:0 4px;font-size:12px}.seg.icons>button{position:relative;padding:0;color:var(--dim)}.seg.icons>button.ok:hover,.seg.icons>button.on.ok{color:var(--ok)}.seg.icons>button.on.warn,.seg.icons>button.warn:hover{color:var(--warn)}.seg.icons>button.bad:hover,.seg.icons>button.on.bad{color:var(--bad)}.seg.icons>button[disabled]{opacity:1}.seg.icons>button:not(.on)[disabled]{opacity:.5}.seg.icons>button:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:var(--fg);color:var(--panel);font-size:12px;font-weight:500;line-height:1;padding:6px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:30}.seg.icons>button:focus-visible:after,.seg.icons>button:hover:after{opacity:1}.brand .name{font-size:14px}.thread .head .k{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:900px){body{overflow-x:hidden}.main{min-width:0}.nav .navitem span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.inbox:not(.showing-thread) .thread{display:none}.thread .head{padding:8px 12px;gap:8px}.page:has(>.inbox){padding:0}}