:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f5;--surface-hover: #eef1f4;--border: #e3e6ea;--text: #1a1d21;--text-muted: #6b7280;--text-faint: #9aa1ab;--accent: #4f46e5;--accent-hover: #4338ca;--accent-contrast: #ffffff;--focus: #6366f1;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--ch-whatsapp: #128c4b;--ch-whatsapp-bg: #dcfce7;--ch-web: #1d4ed8;--ch-web-bg: #dbeafe;--ch-app: #7c3aed;--ch-app-bg: #f3e8ff;--bubble-customer: #ffffff;--bubble-customer-border: #e3e6ea;--bubble-agent: #4f46e5;--bubble-agent-text: #ffffff;--bubble-auto: #fef3c7;--viz-web: #1d4ed8;--viz-whatsapp: #128c4b;--viz-app: #7c3aed;--viz-grid: #e9ebee;--viz-baseline: #c9cdd3;--radius: 10px;--radius-sm: 7px;--radius-lg: 16px;--shadow-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--shadow-2: 0 4px 12px rgba(16, 24, 40, .12);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-xs: .75rem;--fs-sm: .85rem;--fs-md: .95rem;--fs-lg: 1.1rem;--fs-xl: 1.4rem}@media (prefers-color-scheme: dark){:root{--bg: #0d1117;--surface: #161b22;--surface-2: #1c2230;--surface-hover: #202634;--border: #2a3140;--text: #e6edf3;--text-muted: #9aa4b2;--text-faint: #6b7482;--accent: #6366f1;--accent-hover: #7c7ff5;--accent-contrast: #ffffff;--focus: #818cf8;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--ch-whatsapp: #34d399;--ch-whatsapp-bg: #0f2a1e;--ch-web: #60a5fa;--ch-web-bg: #10233f;--ch-app: #c084fc;--ch-app-bg: #241033;--bubble-customer: #1c2230;--bubble-customer-border: #2a3140;--bubble-agent: #4f46e5;--bubble-agent-text: #ffffff;--bubble-auto: #2a2410;--viz-web: #3b82f6;--viz-whatsapp: #16a34a;--viz-app: #a855f7;--viz-grid: #232a38;--viz-baseline: #39414f;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 6px 18px rgba(0, 0, 0, .5)}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg: #0d1117;--surface: #161b22;--surface-2: #1c2230;--surface-hover: #202634;--border: #2a3140;--text: #e6edf3;--text-muted: #9aa4b2;--text-faint: #6b7482;--accent: #6366f1;--accent-hover: #7c7ff5;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--ch-whatsapp: #34d399;--ch-whatsapp-bg: #0f2a1e;--ch-web: #60a5fa;--ch-web-bg: #10233f;--ch-app: #c084fc;--ch-app-bg: #241033;--bubble-customer: #1c2230;--bubble-customer-border: #2a3140;--bubble-auto: #2a2410;--viz-web: #3b82f6;--viz-whatsapp: #16a34a;--viz-app: #a855f7;--viz-grid: #232a38;--viz-baseline: #39414f}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);transition:background .12s ease,border-color .12s ease}button:hover{background:var(--surface-hover)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:var(--danger);background:transparent}input,textarea,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3)}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-muted)}.badge--whatsapp{background:var(--ch-whatsapp-bg);color:var(--ch-whatsapp)}.badge--web{background:var(--ch-web-bg);color:var(--ch-web)}.badge--app{background:var(--ch-app-bg);color:var(--ch-app)}.badge--high,.badge--urgent{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.scroll{overflow-y:auto;scrollbar-width:thin}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.topbar .brand{font-weight:700;font-size:var(--fs-lg);margin-right:var(--sp-2)}.topbar .spacer{flex:1}.topbar .conn{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--text-muted)}.conn-dot{width:9px;height:9px;border-radius:50%;background:var(--text-faint)}.conn-dot.open{background:var(--success)}.conn-dot.connecting{background:var(--warning)}.conn-dot.closed{background:var(--danger)}.inbox-grid{flex:1;min-height:0;display:grid;grid-template-columns:340px 1fr 320px}.pane{min-height:0;display:flex;flex-direction:column;background:var(--surface)}.pane+.pane{border-left:1px solid var(--border)}.pane-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);font-weight:600;display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.pane-body{flex:1;min-height:0}.placeholder{color:var(--text-faint);padding:var(--sp-6);text-align:center;margin:auto}.login-wrap{display:grid;place-items:center;height:100%;background:var(--bg)}.login-card{width:min(420px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:var(--sp-6)}.login-card h1{margin:0 0 var(--sp-1);font-size:var(--fs-xl)}.login-card p.sub{margin:0 0 var(--sp-5);color:var(--text-muted);font-size:var(--fs-sm)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--sp-3)}.field label{font-size:var(--fs-sm);color:var(--text-muted)}.field input{width:100%}.details{margin:var(--sp-2) 0 var(--sp-4)}.details summary{cursor:pointer;font-size:var(--fs-sm);color:var(--text-muted)}.error{color:var(--danger);font-size:var(--fs-sm);margin-top:var(--sp-2);min-height:1em}.full{width:100%;justify-content:center}.back-btn{display:none;padding:2px 10px;font-size:var(--fs-md)}@media (max-width: 900px){.inbox-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,38vh)}.pane+.pane{border-left:none}.inbox-grid:not(.inbox-grid--detail) .pane--thread,.inbox-grid:not(.inbox-grid--detail) .pane--context{display:none}.inbox-grid:not(.inbox-grid--detail){grid-template-rows:minmax(0,1fr)}.inbox-grid--detail .pane--list{display:none}.inbox-grid--detail .pane--context{border-top:1px solid var(--border)}.inbox-grid--detail .back-btn{display:inline-flex}}.banner-error{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--danger);border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.banner-error button{margin-left:auto;border:none;background:transparent;color:inherit;font-size:1.1rem}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:var(--fs-xs);padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.chip--on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.conv{display:block;width:100%;text-align:left;padding:var(--sp-3) var(--sp-4);border:none;border-bottom:1px solid var(--border);border-radius:0;background:transparent}.conv:hover{background:var(--surface-hover)}.conv--sel{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.conv-top{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2)}.conv-badges{display:inline-flex;gap:4px;flex-wrap:wrap;align-items:center}.conv-prev{margin:4px 0 2px;font-size:var(--fs-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-meta{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--text-muted)}.thread{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.bubble{max-width:76%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);font-size:var(--fs-sm);line-height:1.4}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble-time{font-size:.68rem;opacity:.65;margin-top:3px;text-align:right}.bubble--customer{align-self:flex-start;background:var(--bubble-customer);border:1px solid var(--bubble-customer-border)}.bubble--agent{align-self:flex-end;background:var(--bubble-agent);color:var(--bubble-agent-text)}.bubble--llm_auto{align-self:flex-end;background:var(--bubble-auto)}.bubble--internal{align-self:center;max-width:90%;background:color-mix(in srgb,var(--warning) 12%,var(--surface));border:1px dashed color-mix(in srgb,var(--warning) 45%,var(--border))}.bubble-note-label{font-size:var(--fs-xs);font-weight:600;color:var(--warning);margin-bottom:2px}.composer--note{background:color-mix(in srgb,var(--warning) 8%,var(--surface))}.composer--note textarea{border-color:color-mix(in srgb,var(--warning) 40%,var(--border))}.quick-select{max-width:150px}.peek-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0e1473;display:grid;place-items:center;padding:var(--sp-4)}.peek-modal{width:min(580px,94vw);height:min(72vh,640px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);display:flex;flex-direction:column;overflow:hidden}.peek-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.peek-msgs{flex:1;min-height:0;padding:var(--sp-4);background:var(--bg)}.peek-foot{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border)}.history-list{display:flex;flex-direction:column;gap:4px}.history-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.history-item:hover{background:var(--surface-hover)}.history-prev{font-size:var(--fs-xs);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.history-meta{font-size:.68rem;color:var(--text-faint)}.composer{border-top:1px solid var(--border);padding:var(--sp-3);background:var(--surface);flex-shrink:0}.composer textarea{width:100%;resize:vertical}.composer-actions{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2)}.attach-chip{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;margin-bottom:var(--sp-2);max-width:100%}.attach-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-chip button{border:none;background:transparent;padding:0 2px;color:var(--text-muted)}.bubble-media{display:block;max-width:280px;max-height:220px;width:auto;border-radius:8px;margin-bottom:4px;object-fit:cover}video.bubble-media{max-height:260px}.ctx{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.ctx-block{display:flex;flex-direction:column;gap:3px}.ctx-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint)}.ctx-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.ctx-actions button{flex:1}.draft-card{background:color-mix(in srgb,var(--warning) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--warning) 35%,var(--border));border-radius:var(--radius);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.draft-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:var(--fs-sm)}.draft-conf{font-size:var(--fs-xs);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:1px 8px}.draft-text{font-size:var(--fs-sm);line-height:1.4;white-space:pre-wrap}.draft-actions{display:flex;gap:var(--sp-2)}.reports-scroll{flex:1;min-height:0}.reports{max-width:960px;margin:0 auto;padding:var(--sp-5) var(--sp-4) var(--sp-6)}.filters-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-5)}.custom-range{display:flex;align-items:center;gap:var(--sp-2)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4)}.stat-label{font-size:var(--fs-sm);color:var(--text-muted)}.stat-value{font-size:1.9rem;font-weight:600;margin-top:4px;line-height:1.1}.stat-unit{font-size:var(--fs-sm);font-weight:400;color:var(--text-muted)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}@media (max-width: 760px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);position:relative}.chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3)}.chart-head h2{font-size:var(--fs-md);font-weight:600;margin:0}.chart-toggle{font-size:var(--fs-xs);padding:3px 10px}.barchart{display:flex;flex-direction:column;gap:var(--sp-2);position:relative}.bar-row{display:flex;align-items:center;gap:var(--sp-2);min-height:28px;cursor:default}.bar-row:hover .bar-fill{filter:brightness(1.08)}.bar-label{flex:0 0 90px;font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;display:flex;align-items:center;gap:var(--sp-2);border-left:1px solid var(--viz-baseline);padding-left:1px;min-width:0}.bar-fill{height:20px;border-radius:0 4px 4px 0;min-width:2px;transition:width .25s ease}.bar-value{font-size:var(--fs-sm);color:var(--text);flex-shrink:0}.viz-tooltip{position:absolute;z-index:10;pointer-events:none;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);white-space:nowrap}.viz-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.viz-table th,.viz-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--viz-grid)}.viz-table th{color:var(--text-muted);font-weight:500;font-size:var(--fs-xs)}.viz-table .num{text-align:right;font-variant-numeric:tabular-nums}.agents-card{margin-top:var(--sp-3)}.viz-table th.num{text-align:right}.range-note{margin-top:var(--sp-4);font-size:var(--fs-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}