*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;color:var(--ink);background:var(--bg);--brand: #2563eb;--brand-dark: #1e3a8a;--ink: #0f172a;--border: #e2e8f0;--muted: #64748b;--surface: #ffffff;--bg: #f1f5f9;--danger: #dc2626;--success: #16a34a;--warn: #d97706;--soft: #f8fafc;--ink-soft: #334155;--brand-soft: #eef2ff;--track: rgba(15, 23, 42, .12);--disabled: #cbd5e1;--warn-ink: #b45309;--tint-blue: #dbeafe;--tint-blue-soft: #eff6ff;--tint-blue-line: #bfdbfe;--tint-red: #fef2f2;--tint-red-line: #fecaca;--tint-amber: #fffbeb;--tint-amber-line: #fde68a;--tint-amber-line2: #fcd34d;--badge-amber-bg: #fef3c7;--badge-amber-ink: #92400e;--badge-green-bg: #dcfce7;--badge-green-ink: #166534;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tap: 44px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand: #3b82f6;--brand-dark: #bfdbfe;--ink: #e2e8f0;--border: #1e293b;--muted: #94a3b8;--surface: #111827;--bg: #0b1220;--danger: #f87171;--success: #4ade80;--warn: #fbbf24;--soft: #0f172a;--ink-soft: #cbd5e1;--brand-soft: #1e293b;--track: rgba(226, 232, 240, .16);--disabled: #334155;--warn-ink: #fbbf24;--tint-blue: #1e3a8a;--tint-blue-soft: #172554;--tint-blue-line: #1e40af;--tint-red: #450a0a;--tint-red-line: #7f1d1d;--tint-amber: #422006;--tint-amber-line: #78350f;--tint-amber-line2: #92400e;--badge-amber-bg: #422006;--badge-amber-ink: #fcd34d;--badge-green-bg: #052e16;--badge-green-ink: #86efac}}:root[data-theme=dark]{color-scheme:dark;--brand: #3b82f6;--brand-dark: #bfdbfe;--ink: #e2e8f0;--border: #1e293b;--muted: #94a3b8;--surface: #111827;--bg: #0b1220;--danger: #f87171;--success: #4ade80;--warn: #fbbf24;--soft: #0f172a;--ink-soft: #cbd5e1;--brand-soft: #1e293b;--track: rgba(226, 232, 240, .16);--disabled: #334155;--warn-ink: #fbbf24;--tint-blue: #1e3a8a;--tint-blue-soft: #172554;--tint-blue-line: #1e40af;--tint-red: #450a0a;--tint-red-line: #7f1d1d;--tint-amber: #422006;--tint-amber-line: #78350f;--tint-amber-line2: #92400e;--badge-amber-bg: #422006;--badge-amber-ink: #fcd34d;--badge-green-bg: #052e16;--badge-green-ink: #86efac}:root[data-theme=light]{color-scheme:light}html{-webkit-text-size-adjust:100%}html,body{height:100%}body{margin:0;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#root{position:fixed;left:0;right:0;top:var(--app-top, 0px);height:var(--app-height, 100dvh);overflow:hidden}.keyboard-open{--safe-bottom: 0px}.app-shell{height:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);position:relative}.screen{flex:1;min-height:0;display:flex;flex-direction:column}.screen[hidden]{display:none}.topbar{flex-shrink:0;padding:calc(var(--safe-top) + 12px) 16px 12px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{margin:0;font-size:1.15rem;font-weight:700;color:var(--brand-dark);letter-spacing:-.01em}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}.status-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success)}.status-badge.offline:before{background:var(--danger)}.tabbar{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom)}.tab{position:relative;border:none;background:transparent;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.72rem;font-weight:600;color:var(--muted)}.tab.active{color:var(--brand)}.tab-badge{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:.68rem;font-weight:700;display:grid;place-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);border:1px solid transparent;border-radius:12px;padding:0 16px;font-size:.95rem;font-weight:600}.btn-primary{background:var(--brand);color:#fff}.btn-primary:active:not(:disabled){background:#1d4ed8}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--brand-dark)}.btn-ghost{background:transparent;color:var(--muted)}.btn-danger{background:var(--tint-red);border-color:var(--tint-red-line);color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{width:var(--tap);height:var(--tap);flex-shrink:0;display:grid;place-items:center;border:none;border-radius:12px;background:transparent;color:var(--brand-dark)}.icon-btn:active:not(:disabled){background:var(--brand-soft)}.icon-btn:disabled{opacity:.4}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.85rem;font-weight:600;color:var(--brand-dark)}.field input,.field textarea,.composer textarea{font-size:16px}.field input{min-height:48px;border:1px solid var(--border);border-radius:12px;padding:0 14px;background:var(--surface)}.field input:focus,.composer textarea:focus{outline:2px solid rgba(37,99,235,.3);border-color:var(--brand)}.error-text{color:var(--danger);font-size:.88rem;margin:10px 0 0}.checkbox-field{display:flex;align-items:center;gap:12px;min-height:var(--tap);font-size:.95rem}.checkbox-field input{width:22px;height:22px;accent-color:var(--brand)}.login-page{height:var(--app-height, 100dvh);overflow-y:auto;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 24px);max-width:440px;margin:0 auto}.login-card{padding:24px 20px}.login-card h2{margin:0;font-size:1.3rem;color:var(--brand-dark)}.login-card p{margin:2px 0 0;color:var(--muted);font-size:.9rem}.filters{flex-shrink:0;display:flex;gap:8px;overflow-x:auto;padding:10px 16px;scroll-padding-inline:16px;background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:none;-webkit-overflow-scrolling:touch}.filters::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.85rem;font-weight:600;white-space:nowrap}.filter-pill.active{background:var(--brand);border-color:var(--brand);color:#fff}.filter-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:.72rem;display:grid;place-items:center}.conversation-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px}.conv{flex-shrink:0;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:start;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.conv:active{background:var(--soft)}.conv.urgent{border-color:var(--tint-amber-line2);background:var(--tint-amber)}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--tint-blue);color:var(--brand-dark);font-weight:700;font-size:1.05rem}.conv.closed .avatar{background:var(--bg);color:var(--muted)}.conv-main{min-width:0;display:flex;flex-direction:column;gap:2px}.conv-row{display:flex;align-items:baseline;gap:8px}.conv-title{flex:1;min-width:0;margin:0;font-size:1rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv.unread .conv-title{font-weight:700}.conv-aside{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);white-space:nowrap}.conv.urgent .conv-aside{color:var(--warn-ink);font-weight:600}.unread-dot{width:10px;height:10px;border-radius:50%;background:var(--brand)}.conv-sub{margin:0;font-size:.82rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-preview{margin:4px 0 0;font-size:.9rem;line-height:1.35;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv.unread .conv-preview{color:var(--ink);font-weight:500}.conv-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.chip{padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.5;background:var(--bg);color:var(--muted)}.chip.waiting{background:var(--badge-amber-bg);color:var(--badge-amber-ink)}.chip.active{background:var(--badge-green-bg);color:var(--badge-green-ink)}.chip.mine{background:var(--tint-blue);color:var(--brand-dark)}.stars{color:#f59e0b;letter-spacing:1px}.empty-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;text-align:center;color:var(--muted)}.empty-box strong{color:var(--ink)}.empty-box p{margin:0;font-size:.9rem}.empty-state{flex:1;display:grid;place-items:center;height:100%;color:var(--muted);padding:24px}.sync-note{flex-shrink:0;padding:8px 16px;background:var(--tint-red);color:var(--danger);font-size:.82rem;text-align:center}.chat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;background:var(--bg)}.chat-header{flex-shrink:0;display:flex;align-items:center;gap:4px;padding:calc(var(--safe-top) + 6px) 8px 6px;background:var(--surface);border-bottom:1px solid var(--border)}.chat-header-text{flex:1;min-width:0}.chat-title{margin:0;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sub{margin:0;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claim-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--tint-blue-soft);border-bottom:1px solid var(--tint-blue-line);font-size:.88rem;color:var(--brand-dark)}.chat-rating{flex-shrink:0;padding:10px 16px;background:var(--tint-amber);border-bottom:1px solid var(--tint-amber-line);font-size:.85rem}.messages{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 12px;display:flex;flex-direction:column;gap:8px}.message-row{display:flex}.message-row.user,.message-row.system{justify-content:flex-start}.message-row.admin{justify-content:flex-end}.message-row.system{justify-content:center}.message-bubble{max-width:85%;padding:8px 12px;border-radius:18px;font-size:1rem;overflow-wrap:anywhere;white-space:pre-wrap}.message-bubble.user{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:6px}.message-bubble.admin{background:var(--brand);color:#fff;border-bottom-right-radius:6px}.message-bubble.system{background:transparent;color:var(--muted);font-size:.82rem;text-align:center;max-width:92%}.message-bubble p{margin:0}.message-sender{font-size:.72rem;font-weight:700;margin-bottom:2px!important;opacity:.8}.message-time{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px!important;font-size:.68rem;opacity:.7}.message-ticks{display:inline-flex;align-items:center}.attachment-thumb{display:block;padding:0;margin-bottom:6px;border:none;background:transparent}.attachment-thumb img{display:block;max-width:min(240px,100%);max-height:260px;object-fit:cover;border-radius:12px}.attachment-file-link{display:inline-flex;align-items:center;min-height:var(--tap);padding:0;border:none;background:transparent;color:inherit;text-decoration:underline}.composer{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:8px 8px calc(var(--safe-bottom) + 8px);background:var(--surface);border-top:1px solid var(--border)}.composer-row{display:flex;align-items:flex-end;gap:4px}.composer textarea{flex:1;min-width:0;min-height:var(--tap);max-height:120px;resize:none;border:1px solid var(--border);border-radius:22px;padding:10px 16px;line-height:1.3;background:var(--soft)}.send-btn{width:var(--tap);height:var(--tap);flex-shrink:0;display:grid;place-items:center;border:none;border-radius:50%;background:var(--brand);color:#fff}.send-btn:disabled{background:var(--disabled)}.composer-locked{margin:0;padding:4px 8px;font-size:.85rem;color:var(--muted);text-align:center}.pending-attachment{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;border:1px solid var(--border);background:var(--soft);font-size:.85rem}.pending-attachment img{width:44px;height:44px;object-fit:cover;border-radius:8px}.pending-attachment span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172aeb}.image-viewer-close{position:absolute;top:calc(var(--safe-top) + 12px);right:12px;z-index:1001}.image-viewer-content{max-width:100%;max-height:85dvh;object-fit:contain;border-radius:12px}.settings-page{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.settings-card{padding:16px}.settings-card h2{margin:0 0 4px;font-size:1rem;color:var(--brand-dark)}.settings-hint{margin:0 0 12px;font-size:.85rem;color:var(--muted)}.settings-version{text-align:center;font-size:.75rem;color:var(--muted)}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.audio-player{display:block;width:min(260px,100%);height:40px;margin-bottom:4px}.recording-row{align-items:center}.recording-info{flex:1;display:flex;align-items:center;gap:10px;min-height:var(--tap);padding:0 12px;border-radius:22px;background:var(--tint-red);color:var(--danger);font-weight:600;font-variant-numeric:tabular-nums}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.voice{display:flex;align-items:center;gap:10px;width:min(260px,70vw);padding:2px 0 0}.voice-play{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border:none;border-radius:50%;background:currentColor}.voice-play svg{color:var(--voice-btn-ink, #fff)}.message-bubble.admin{--voice-btn-ink: var(--brand)}.message-bubble.user{--voice-btn-ink: #fff;color:var(--brand-dark)}.voice-body{flex:1;min-width:0}.voice-track{position:relative;height:30px;display:flex;align-items:center;gap:2px;touch-action:none;cursor:pointer}.voice-bar{flex:1;min-height:3px;border-radius:2px;background:currentColor;opacity:.35}.voice-bar.played{opacity:1}.voice-knob{position:absolute;top:50%;width:10px;height:10px;margin-left:-5px;transform:translateY(-50%);border-radius:50%;background:currentColor}.voice-meta{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-variant-numeric:tabular-nums;opacity:.85}.voice-rate{min-height:22px;padding:0 8px;border:none;border-radius:999px;background:var(--track);color:inherit;font-size:.72rem;font-weight:700}.message-bubble.admin .voice-rate{background:#ffffff38}.message-bubble{position:relative}.bubble-menu-btn{position:absolute;top:2px;right:4px;width:28px;height:24px;display:grid;place-items:center;border:none;border-radius:8px;background:transparent;color:inherit;opacity:.7}.message-bubble.has-menu .message-sender{padding-right:24px}.message-bubble.deleted{font-style:italic;opacity:.75}.message-edited{font-size:.68rem;opacity:.85}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:flex-end;background:#0f172a73}.sheet{width:100%;max-width:720px;margin:0 auto;padding:8px 8px calc(var(--safe-bottom) + 8px);background:var(--surface);border-radius:18px 18px 0 0}.sheet-item{width:100%;min-height:52px;display:flex;align-items:center;gap:14px;padding:0 14px;border:none;border-radius:12px;background:transparent;font-size:1rem;text-align:left}.sheet-item:active{background:var(--bg)}.sheet-item.danger{color:var(--danger)}.sheet-hint{margin:4px 14px 8px;font-size:.8rem;color:var(--muted)}.editing-banner{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;border-left:3px solid var(--brand);border-radius:8px;background:var(--tint-blue-soft);font-size:.85rem;color:var(--brand-dark)}.editing-banner span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-toast{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 76px);z-index:2000;transform:translate(-50%);width:min(92vw,420px);display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 30px #0f172a38;touch-action:pan-y;animation:toast-in .3s cubic-bezier(.22,.8,.25,1) backwards}.update-toast-text{flex:1;min-width:0;font-size:.9rem;font-weight:600}.update-toast-btn{min-height:40px;padding:0 14px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}