:root{--bg: #f4f1ec;--surface: #ffffff;--surface-2: #f8f6f2;--border: #e4ded4;--text: #1d2521;--muted: #6b746f;--brand: #117a65;--brand-strong: #0d5f4f;--brand-soft: #e3f2ee;--chat-bg: #efeae2;--bubble-in: #d9fdd3;--bubble-out: #ffffff;--bubble-reception: #fff4d6;--danger: #b42318;--danger-soft: #fdecea;--warn-soft: #fff7e0;--shadow: 0 1px 2px rgba(20, 30, 25, .08), 0 4px 16px rgba(20, 30, 25, .06);--radius: 14px;--chart: #0f8f72;--grid: #ece7df;--hover: rgba(15, 143, 114, .08);--good: #1a7f4b;--good-soft: #e3f4ea;--warn: #9a6200;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.45;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #111614;--surface: #1a201d;--surface-2: #202825;--border: #2d3632;--text: #e7ece9;--muted: #97a29c;--brand: #25a88b;--brand-strong: #3cc2a3;--brand-soft: #173b33;--chat-bg: #0f1513;--bubble-in: #144d37;--bubble-out: #1f2c33;--bubble-reception: #3a3220;--danger: #f97066;--danger-soft: #3d1d1b;--warn-soft: #332b17;--chart: #25a88b;--grid: #26302c;--hover: rgba(37, 168, 139, .12);--good: #4cc38a;--good-soft: #163626;--warn: #e0a83a}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.btn{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--brand)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover:not(:disabled){background:var(--brand-strong)}.btn.ghost{background:transparent}.btn.small{padding:5px 10px;font-size:.85rem;border-radius:8px}.switch{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{accent-color:var(--brand);width:16px;height:16px}.brand-mark{width:56px;height:56px;border-radius:16px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.6rem}.login{min-height:100%;display:grid;place-items:center;padding:24px 16px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px 28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.login-card h1{font-size:1.4rem}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:500}.login-card input{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:10px 12px}.login-card input:focus{outline:2px solid var(--brand);outline-offset:1px}.error{color:var(--danger);font-size:.9rem}.sim{height:100%;display:flex;flex-direction:column}.bar{height:52px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 12px 0 16px;background:var(--surface);border-bottom:1px solid var(--border)}.bar-id{display:flex;align-items:center;gap:10px;min-width:0}.bar-title{display:flex;flex-direction:column;line-height:1.15;min-width:0}.bar-title strong{font-size:.95rem}.bar-title span{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-title .typing-text{color:var(--brand)}.bar-actions{display:flex;align-items:center;gap:2px}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border:none;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-btn.active{color:var(--brand);background:var(--brand-soft)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem;flex-shrink:0}.sim-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;padding:20px;max-width:1280px;width:100%;margin:0 auto}.phone{min-height:0;display:flex;flex-direction:column;background:var(--chat-bg);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.chat{flex:1;min-height:0;overflow-y:auto;padding:16px 18px 8px;display:flex;flex-direction:column;gap:6px}.chat-note{align-self:center;max-width:520px;text-align:center;font-size:.78rem;color:var(--muted);background:var(--warn-soft);border-radius:8px;padding:6px 10px;margin-bottom:8px}.empty{margin:auto;text-align:center;color:var(--muted);max-width:320px}.row{display:flex;flex-direction:column;max-width:78%}.row.in{align-self:flex-end;align-items:flex-end}.row.out{align-self:flex-start;align-items:flex-start}.bubble{position:relative;padding:7px 10px 18px;border-radius:10px;box-shadow:0 1px 1px #00000014;white-space:pre-wrap;word-wrap:break-word;min-width:80px}.bubble.in{background:var(--bubble-in);border-top-right-radius:3px}.bubble.out{background:var(--bubble-out);border-top-left-radius:3px}.bubble.reception{background:var(--bubble-reception)}.bubble.pending{opacity:.7}.bubble .author{display:block;font-size:.75rem;font-weight:600;color:var(--brand);margin-bottom:2px}.bubble .meta{position:absolute;right:8px;bottom:3px;font-size:.68rem;color:var(--muted)}.wa-bullet{display:block;padding-left:4px}.typing{display:flex;gap:4px;padding:12px 14px}.typing span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.feedback{display:flex;align-items:center;gap:2px;margin-top:2px}.feedback button{border:none;background:transparent;cursor:pointer;font-size:.85rem;padding:2px 5px;border-radius:6px;opacity:.45;filter:grayscale(1)}.feedback button:hover,.feedback button.active{opacity:1;filter:none}.feedback button.active.good{background:var(--brand-soft)}.feedback button.active.bad{background:var(--danger-soft)}.feedback .note-preview{font-size:.75rem;filter:none;opacity:.8;color:var(--muted);max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note{margin-top:4px;width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px}.note textarea{border:1px solid var(--border);border-radius:8px;padding:6px 8px;resize:vertical;background:var(--surface-2)}.note div{display:flex;justify-content:flex-end;gap:6px}.backstage{margin-top:4px;font-size:.75rem;max-width:100%;background:var(--surface-2);border:1px dashed var(--border);border-radius:8px;padding:4px 8px;color:var(--muted)}.backstage summary{cursor:pointer}.backstage .tool{margin-top:6px}.backstage code{font-weight:600;color:var(--text)}.backstage pre{margin:2px 0 0;white-space:pre-wrap;word-break:break-word;font-size:.72rem;max-height:220px;overflow:auto}.backstage pre.result{border-left:2px solid var(--brand);padding-left:6px}.handoff{align-self:center;width:min(560px,100%);margin:10px 0;padding:12px 14px;background:var(--warn-soft);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:4px;font-size:.9rem}.handoff-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px}.error-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--danger-soft);color:var(--danger);padding:8px 14px;font-size:.88rem}.error-bar button{border:none;background:transparent;font-size:1.2rem;cursor:pointer;color:inherit}.composer{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background:var(--surface-2);border-top:1px solid var(--border)}.composer.reception{background:var(--bubble-reception)}.composer textarea{flex:1;resize:none;border:none;border-radius:20px;padding:10px 16px;background:var(--surface);max-height:140px;field-sizing:content}.composer textarea:focus{outline:2px solid var(--brand)}.send{width:44px;height:44px;border-radius:50%;border:none;background:var(--brand);color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.send:disabled{opacity:.45;cursor:default}.side{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.card h2{font-size:.95rem;margin-bottom:10px}.card h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 6px}.sugg-group:first-of-type h3{margin-top:0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:5px 11px;font-size:.82rem;cursor:pointer;text-align:left}.chip:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft)}.chip:disabled{opacity:.5;cursor:default}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.list li{display:flex;flex-direction:column;font-size:.88rem;padding-bottom:8px;border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:none;padding-bottom:0}.tips p{font-size:.86rem;color:var(--muted)}.hide-desktop{display:none}@media (max-width: 900px){.sim-body{grid-template-columns:1fr;padding:0;gap:0}.phone{border-radius:0;border:none}.icon-btn.hide-desktop{display:inline-grid}.side{display:none}.side.open{display:flex;position:fixed;top:52px;right:0;bottom:0;left:0;background:var(--bg);padding:16px;z-index:10}.row{max-width:88%}.chat{padding:12px 16px 8px}}@media (max-width: 400px){.bar{padding:0 6px 0 12px}.icon-btn{width:34px}}.tabs{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:2px}.tab{padding:5px 12px;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.dash{flex:1;min-height:0;overflow-y:auto;width:100%;max-width:1280px;margin:0 auto;padding:24px 20px 40px;display:flex;flex-direction:column;gap:16px}.dash-head h1{font-size:1.35rem;margin-bottom:4px}.dash-head p{font-size:.9rem;max-width:720px}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:2px}.kpi-label{font-size:.78rem;color:var(--muted)}.kpi-value{font-size:1.6rem;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.2}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters input,.filters select{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 12px;min-width:0}.filters input{flex:1 1 240px}.filters input:focus,.filters select:focus{outline:2px solid var(--brand);outline-offset:1px}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.segmented button{border:none;background:transparent;padding:8px 12px;cursor:pointer;font-size:.88rem;color:var(--muted)}.segmented button+button{border-left:1px solid var(--border)}.segmented button.active{background:var(--brand-soft);color:var(--text);font-weight:600}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-card{margin:0;min-width:0}.chart-card figcaption h2,.table-head h2{font-size:.95rem;margin-bottom:10px}.empty-chart{padding:40px 0;text-align:center}.chart-tip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;box-shadow:var(--shadow);display:flex;flex-direction:column;font-size:.82rem}.table-head{display:flex;justify-content:space-between;align-items:baseline}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:top}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.mono{font-variant-numeric:tabular-nums;white-space:nowrap}.small{font-size:.78rem}.block{display:block}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600;margin:0 4px 2px 0;white-space:nowrap;border:1px solid var(--border);color:var(--text);background:var(--surface-2)}.pill.good{color:var(--good);background:var(--good-soft);border-color:transparent}.pill.bad{color:var(--danger);background:var(--danger-soft);border-color:transparent}.pill.warn{color:var(--warn);background:var(--warn-soft);border-color:transparent}.error-bar button{font-size:.85rem;text-decoration:underline}@media (max-width: 1000px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.charts{grid-template-columns:1fr}}@media (max-width: 640px){.bar{gap:8px}.bar-title{display:none}.dash{padding:16px 16px 32px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-value{font-size:1.35rem}.segmented{width:100%}.segmented button{flex:1}.filters select{flex:1 1 100%}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{padding:10px 0;border-bottom:1px solid var(--border)}.table tbody tr:last-child{border-bottom:none}.table td{border:none;padding:2px 0;display:flex;gap:8px}.table td:before{content:attr(data-label);flex:0 0 96px;font-size:.75rem;color:var(--muted);padding-top:2px}.table td>*{min-width:0}.mono{white-space:normal}}@media (max-width: 420px){.bar .avatar{display:none}.bar{padding:0 4px 0 10px}.icon-btn{width:32px}.tab{padding:5px 9px}}