:root{--bg: #f5f6f8;--surface: #ffffff;--text: #1d2330;--muted: #667085;--border: #e3e6eb;--accent: #0b6bcb;--accent-text: #ffffff;--danger: #b42318;--danger-bg: #fdecea;--ok: #067647;--ok-bg: #e7f6ec;--inbound: #ffffff;--outbound: #dcecff;--note: #fff6db;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #11151c;--surface: #1a1f29;--text: #e6e9ef;--muted: #98a2b3;--border: #2b3240;--accent: #4b9bff;--accent-text: #0b0f15;--danger: #ff8a80;--danger-bg: #3a1c1a;--ok: #6ce9a6;--ok-bg: #12301f;--inbound: #222937;--outbound: #1d3557;--note: #3b3420}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,select,input,textarea{font:inherit;color:inherit}button{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}select,input,textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;width:100%}.muted{color:var(--muted)}.pad{padding:16px}.error{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:100%;max-width:380px;padding:24px;display:grid;gap:12px}.login-card h1{margin:0;font-size:1.4rem}.login-card label{display:grid;gap:4px;font-size:.9rem}.shell{height:100vh;display:flex;flex-direction:column}.app{flex:1;min-height:0;display:grid;grid-template-columns:340px 1fr 300px}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar select{width:auto}.topbar .spacer{flex:1}.who{font-size:.85rem;color:var(--muted)}.push{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.push-note{font-size:.8rem;color:var(--muted);max-width:320px}.dot{width:10px;height:10px;border-radius:50%;background:var(--danger)}.dot.on{background:var(--ok)}.list{background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.filters{display:flex;gap:6px;padding:10px;position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--border)}.filters .active,.modes .active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.list ul{list-style:none;margin:0;padding:0}.conv{width:100%;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:12px}.conv.selected{background:var(--outbound)}.conv-main{display:grid;min-width:0}.conv-title{font-weight:600}.conv-last{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-meta{grid-column:2;display:flex;gap:8px;font-size:.8rem;flex-wrap:wrap}.queue{color:var(--danger);font-weight:600}.esc{color:var(--danger);font-style:normal;font-size:.75rem;margin-left:4px}.badge{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:6px;align-self:start;color:#fff}.badge.whatsapp{background:#128c4a}.badge.telegram{background:#1f7ab8}.badge.messenger{background:#5b4fd6}.badge.instagram{background:#c13584}.badge.web{background:#475569}.badge.email{background:#9a3412}.chat{display:flex;min-width:0;min-height:0}.empty{margin:auto}.conversation{display:flex;flex-direction:column;width:100%;min-height:0}.conv-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.conv-header select{width:auto}.conv-head-main{display:grid;flex:1;min-width:140px}.back,.panel-toggle,.panel-close{display:none}.window{font-size:.75rem;padding:2px 8px;border-radius:999px}.window.open{background:var(--ok-bg);color:var(--ok)}.window.closed{background:var(--danger-bg);color:var(--danger)}.transfer{margin:8px 16px;padding:12px;display:flex;gap:8px;align-items:end;flex-wrap:wrap}.transfer label{display:grid;gap:4px;flex:1;min-width:180px}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.msg{max-width:min(560px,85%);padding:8px 12px;border-radius:12px;background:var(--inbound);border:1px solid var(--border)}.msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.msg.outbound{align-self:flex-end;background:var(--outbound)}.msg.internal{align-self:center;background:var(--note)}.msg.blocked{border:1px dashed var(--danger);opacity:.85}.msg-meta{display:block;font-size:.7rem;color:var(--muted);margin-top:4px}.tag{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase}.banner{margin:0 16px;padding:8px 12px;border-radius:8px}.error.banner{background:var(--danger-bg)}.ok.banner{background:var(--ok-bg);color:var(--ok)}.composer{display:grid;gap:8px;padding:12px 16px;background:var(--surface);border-top:1px solid var(--border)}.modes{display:flex;gap:6px;flex-wrap:wrap}.panel{background:var(--surface);border-left:1px solid var(--border);overflow-y:auto}.customer{padding:16px}.customer header{display:flex;justify-content:space-between;align-items:center}.customer h3{font-size:.85rem;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}.customer dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0 0;font-size:.9rem}.customer dt{color:var(--muted)}.customer dd{margin:0;overflow-wrap:anywhere}.plain{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:.9rem}.balance{font-size:1.4rem;font-weight:700;margin:0 0 8px}.balance span{font-size:.8rem;font-weight:600}.balance.overdue span{color:var(--danger)}.balance.current span{color:var(--ok)}.views{display:flex;gap:4px;overflow-x:auto}.views button{border:0;border-radius:8px;white-space:nowrap}.views .active{background:var(--accent);color:var(--accent-text)}button.small{padding:4px 10px;font-size:.85rem}button.link{border:0;background:none;color:var(--accent);padding:0;text-decoration:underline}.page{flex:1;overflow-y:auto;padding:16px;display:grid;gap:16px;align-content:start;max-width:1100px;width:100%;margin:0 auto}.block{padding:16px;min-width:0}.block h2{font-size:1.05rem;margin:0 0 10px;display:flex;align-items:center;gap:8px}.block h3{font-size:.85rem;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}.block-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.block-head h2{margin:0}.block-head input{width:auto}.block-head .spacer{flex:1}.count{font-size:.8rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:0 8px}.rows{list-style:none;margin:0;padding:0;display:grid}.row{width:100%;text-align:left;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:10px 4px;background:none}.rows li:last-child .row,.rows li.row:last-child{border-bottom:0}.row-main{display:grid;flex:1;min-width:0}.row-title{font-weight:600}.row-sub{color:var(--muted);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{display:grid;justify-items:end;font-size:.8rem;gap:2px;text-align:right}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:end;font-size:.85rem}.when{min-width:52px;font-variant-numeric:tabular-nums}.wait{font-weight:600}.wait.late{color:var(--danger)}.day h3{text-transform:none}.day h3:first-letter{text-transform:uppercase}.small-text{font-size:.85rem;margin:0}.form-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:end}.form-grid label{display:grid;gap:4px;font-size:.9rem}.form-grid p{margin:0;grid-column:1 / -1}label.check{display:flex;align-items:center;gap:8px}label.check input{width:auto}.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline input{flex:1;min-width:140px}.slots{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px}.slot{font-variant-numeric:tabular-nums}.slot:hover{border-color:var(--accent)}.dup{padding:12px 0;border-bottom:1px solid var(--border)}.dup-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dup-card{display:grid;gap:2px;padding:10px;border:1px solid var(--border);border-radius:8px;font-size:.9rem;min-width:0;overflow-wrap:anywhere}.note-form{display:grid;gap:6px}.customer>button.small{margin-top:6px}.notes li{font-size:.85rem}@media(max-width:1100px){.app{grid-template-columns:300px 1fr}.panel{position:fixed;inset:0 0 0 auto;width:min(340px,100%);transform:translate(100%);transition:transform .2s;z-index:10;visibility:hidden}.panel.open{transform:none;visibility:visible;box-shadow:-8px 0 24px #0003}.panel-toggle,.panel-close{display:inline-block}}@media(max-width:720px){.app{grid-template-columns:1fr}.who{display:none}.topbar{padding:8px 16px;gap:8px}.topbar .spacer{display:none}.views{order:10;width:100%}.page{padding:12px 16px}.dup-pair{grid-template-columns:1fr}.row-meta>:not(.wait){display:none}.row-meta{font-size:.75rem}.topbar select{flex:1;min-width:8rem;width:auto}.app.has-selection .list{display:none}.app:not(.has-selection) .chat{display:none}.back{display:inline-block}.conv-header{padding:8px 16px}.messages{padding:12px 16px}}.state{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--ok-bg);color:var(--ok)}.state.suspended{background:var(--danger-bg);color:var(--danger)}.state.trial{background:var(--note);color:var(--text)}button.danger{border-color:var(--danger);color:var(--danger)}.stats{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;grid-column:span 2}.stats div{display:grid}.stats dt{font-size:.75rem;color:var(--muted)}.stats dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.new-tenant{padding:12px 0 16px;border-bottom:1px solid var(--border);margin-bottom:8px}@media(max-width:600px){.stats{grid-column:auto}}.callbar{position:sticky;top:0;z-index:20;display:grid;gap:6px;padding:6px 12px}.call{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:10px;background:var(--ok-bg);border:1px solid var(--border);box-shadow:0 2px 8px #00000014}.call.incoming{background:var(--surface);border:2px solid var(--accent);animation:call-pulse 1.6s ease-in-out infinite}.call.error{background:var(--danger-bg);color:var(--danger)}.call .call-icon{font-size:1.2rem}.call .call-phase{font-variant-numeric:tabular-nums}.call button.link{background:none;border:0;padding:0;color:inherit;cursor:pointer;text-align:left}@keyframes call-pulse{50%{box-shadow:0 0 0 4px #0b6bcb4d}}@media(prefers-reduced-motion:reduce){.call.incoming{animation:none}}.call-btn{position:relative;display:inline-flex}.call-ask{position:absolute;top:110%;right:0;z-index:10;display:grid;gap:6px;width:260px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 14px #0000001f;font-size:.9rem}.meta-connect{display:grid;gap:8px;margin:8px 0 12px}.meta-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:end}button.meta{background:#1877f2;color:#fff;border-color:#1877f2}button.meta:disabled{background:#9db9e8;border-color:#9db9e8}label.inline{display:inline-grid;gap:2px;font-size:.85rem}label.check{display:flex;gap:8px;align-items:center}