:root{--bg:#f5f2ee;--surface:#fff;--surface-2:#faf8f5;--line:#e7e1d9;--text:#1f1b17;--muted:#7a7068;--accent:#2f6f62;--accent-ink:#fff;--accent-soft:#e3efeb;--draft:#b7791f;--draft-soft:#fdf3e1;--draft-line:#f0d9ac;--danger:#b4412f;--danger-soft:#fbe9e5;--bubble-in:#fff;--bubble-ai:#e3efeb;--bubble-staff:#2f6f62;--bubble-staff-ink:#fff;--shadow:0 1px 2px #1f1b170f, 0 4px 16px #1f1b170d;--radius:16px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#151311;--surface:#1f1c19;--surface-2:#26221f;--line:#34302b;--text:#f1ece6;--muted:#a59a90;--accent:#6cbfaa;--accent-ink:#0f1a17;--accent-soft:#1f3530;--draft:#e3a547;--draft-soft:#33281a;--draft-line:#5a4626;--danger:#f08a76;--danger-soft:#3a211c;--bubble-in:#26221f;--bubble-ai:#1f3530;--bubble-staff:#6cbfaa;--bubble-staff-ink:#0f1a17;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font:16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.topbar{z-index:10;padding:calc(var(--safe-top) + 12px) 16px 10px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar h1{letter-spacing:-.02em;margin:0;font-size:22px}.topbar .sub{color:var(--muted);margin-top:2px;font-size:13px}.topbar-row{align-items:center;gap:10px;display:flex}.back{color:var(--accent);background:0 0;border:0;padding:6px 8px 6px 0;font-size:26px;line-height:1}.segments{scrollbar-width:none;gap:6px;margin-top:10px;display:flex;overflow-x:auto}.segments::-webkit-scrollbar{display:none}.segment{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 14px;font-size:14px;display:inline-flex}.segment[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.count{background:var(--draft);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.count.danger{background:var(--danger)}.content{padding:8px 12px calc(84px + var(--safe-bottom));flex:1}.list{flex-direction:column;gap:8px;display:flex}.row{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #0000;align-items:flex-start;gap:12px;padding:12px;display:flex}.row.draft{border-color:var(--draft-line);background:var(--draft-soft)}.row.urgent{border-color:var(--danger)}.avatar{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:50%;flex:0 0 44px;place-items:center;font-size:15px;font-weight:600;display:grid;position:relative}.avatar .ch{border:2px solid var(--surface);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:grid;position:absolute;bottom:-2px;right:-2px}.ch-telegram{background:#2aa3dc}.ch-vk{background:#3d78d8}.ch-max{background:#7b55e0}.ch-whatsapp{background:#25a35a}.row-main{flex:1;min-width:0}.row-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-time{color:var(--muted);flex:none;font-size:12px}.row-text{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:14px;display:-webkit-box;overflow:hidden}.row-text.draft-text{color:var(--text)}.tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tag{background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.tag.draft{background:var(--draft);color:#fff}.tag.human{background:var(--accent);color:var(--accent-ink)}.tag.urgent{background:var(--danger);color:#fff}.empty{text-align:center;color:var(--muted);padding:48px 24px}.empty .big{margin-bottom:8px;font-size:40px}.error-banner{background:var(--danger-soft);color:var(--danger);border-radius:12px;margin:8px 12px 0;padding:10px 12px;font-size:14px}.bottomnav{z-index:20;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav-inner{width:100%;max-width:640px;display:flex}.navitem{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 10px;font-size:11px;display:flex;position:relative}.navitem svg{width:24px;height:24px}.navitem[aria-current=page]{color:var(--accent)}.navitem .dot{position:absolute;top:4px;left:calc(50% + 8px)}.chat{flex-direction:column;flex:1;gap:6px;padding:12px 12px 8px;display:flex}.day{color:var(--muted);align-self:center;padding:8px 0 4px;font-size:12px}.bubble-wrap{flex-direction:column;max-width:84%;display:flex}.bubble-wrap.in{align-self:flex-start}.bubble-wrap.out{align-self:flex-end;align-items:flex-end}.bubble{white-space:pre-wrap;word-wrap:break-word;box-shadow:var(--shadow);border-radius:18px;padding:9px 12px;font-size:15px}.in .bubble{background:var(--bubble-in);border-bottom-left-radius:6px}.out.ai .bubble{background:var(--bubble-ai);border-bottom-right-radius:6px}.out.staff .bubble,.out.system .bubble{background:var(--bubble-staff);color:var(--bubble-staff-ink);border-bottom-right-radius:6px}.meta{color:var(--muted);margin:3px 6px 0;font-size:11px}.meta.fail{color:var(--danger)}.voice{flex-direction:column;gap:6px;min-width:220px;display:flex}.voice audio{width:100%;height:36px}.voice .play{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:14px}.transcript{color:var(--text);font-size:14px}.quality{text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.quality.low{color:var(--danger)}.quality.medium{color:var(--draft)}.quality.high{color:var(--accent)}.handoff-card{border-radius:var(--radius);background:var(--danger-soft);margin:10px 12px 0;padding:12px;font-size:14px}.handoff-card b{color:var(--danger);margin-bottom:4px;display:block}.dock{z-index:15;padding:8px 10px calc(10px + var(--safe-bottom));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);position:sticky;bottom:0}.draft-card{background:var(--draft-soft);border:1px solid var(--draft-line);border-radius:var(--radius);padding:12px}.draft-head{color:var(--draft);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.draft-text{white-space:pre-wrap;font-size:15px}.draft-extra{color:var(--muted);border-top:1px dashed var(--draft-line);margin-top:8px;padding-top:8px;font-size:13px}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:5px 9px;font-size:12px}.actions{gap:8px;margin-top:12px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:1;min-height:46px;font-size:15px;font-weight:600}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.warn{background:var(--draft);color:#fff;border-color:var(--draft)}.btn.ghost{background:0 0}.btn:disabled{opacity:.5}.btn.small{flex:none;min-height:36px;padding:0 12px;font-size:14px}textarea.input,input.input,select.input{border:1px solid var(--line);background:var(--surface);resize:none;border-radius:12px;outline:none;width:100%;padding:11px 12px;font-size:16px}textarea.input:focus,input.input:focus,select.input:focus{border-color:var(--accent)}.composer{align-items:flex-end;gap:8px;display:flex}.composer textarea{flex:1;max-height:140px}.send{background:var(--accent);height:46px;color:var(--accent-ink);border:0;border-radius:50%;flex:0 0 46px;place-items:center;display:grid}.send svg{width:22px;height:22px}.mode-bar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.linkbtn{color:var(--accent);background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:600}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:4px 0}.card h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:14px 16px 6px;font-size:13px}.setting{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.card h2+.setting,.card>.setting:first-child{border-top:0}.setting .label{flex:1}.setting .hint{color:var(--muted);margin-top:2px;font-size:13px}.switch{flex:none;width:50px;height:30px;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{background:var(--line);border-radius:15px;transition:all .2s;position:absolute;inset:0}.switch span:before{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translate(20px)}.warn-item{background:var(--draft-soft);border-radius:12px;margin:0 16px 10px;padding:10px 12px;font-size:14px}.stack{flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex}.login{flex-direction:column;justify-content:center;max-width:420px;min-height:100dvh;margin:0 auto;padding:24px;display:flex}.login h1{letter-spacing:-.02em;margin:0 0 4px;font-size:28px}.login p{color:var(--muted);margin:0 0 24px}.toast{left:50%;bottom:calc(96px + var(--safe-bottom));z-index:50;background:var(--text);color:var(--bg);border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}.booking{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);gap:12px;padding:12px;display:flex}.booking .time{flex:0 0 56px;font-size:17px;font-weight:700}.booking .time small{color:var(--muted);font-size:12px;font-weight:400;display:block}.booking.cancelled{opacity:.5}.booking .call{flex:0 0 44px;align-self:center;place-items:center;height:44px;padding:0;display:grid}