:root{--bg: #f4f6f9;--panel: #ffffff;--panel-2: #f2f4f7;--panel-3: #e9edf2;--border: #e3e8ee;--border-soft: #eef1f5;--text: #17202e;--muted: #64748b;--muted-2: #94a3b8;--brand: #7DC21E;--brand-dim: #6aa818;--orange: #CC5500;--orange-soft: #e8720f;--lime: #c8f07a;--blue: #CC5500;--blue-soft: #e8720f;--danger: #ef4444;--warn: #f59e0b;--radius: 14px;--ok-text: #4e8a0f;--in-text: #b34a00;--lime-text: #4e7d10;--hover: rgba(0,0,0,.03);--shadow-lg: 0 18px 44px rgba(20,30,50,.16);color-scheme:light}:root[data-theme=dark]{--bg: #0a0d12;--panel: #10141b;--panel-2: #161b24;--panel-3: #1c2431;--border: #202836;--border-soft: #1a212c;--text: #e8eef6;--muted: #7d8b9e;--muted-2: #5b6675;--ok-text: #a8e05a;--in-text: #f0913f;--lime-text: #cdee9a;--hover: rgba(255,255,255,.015);--shadow-lg: 0 20px 50px rgba(0,0,0,.5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:4px}.logo{display:flex;align-items:center;gap:9px;padding:6px 8px 22px;font-weight:700;font-size:18px;letter-spacing:-.02em}.logo .wave{width:22px;height:22px}.wordmark{font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap;display:inline-flex}.wordmark .wm-a{color:var(--orange)}.wordmark .wm-b{color:var(--brand)}.themebtn{background:none;border:1px solid var(--border);color:var(--muted);cursor:pointer;width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.themebtn:hover{background:var(--panel-2);color:var(--text)}.themebtn svg{width:17px;height:17px}.navlabel{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);padding:8px 10px 6px}.navbtn{display:flex;align-items:center;gap:11px;text-align:left;background:none;border:none;color:var(--muted);padding:10px 12px;border-radius:9px;cursor:pointer;font-size:14px;font-weight:500;width:100%}.navbtn svg{width:18px;height:18px;opacity:.85}.navbtn:hover{background:var(--panel-2);color:var(--text)}.navbtn.active{background:#cc550026;color:var(--in-text)}.navbtn.active svg{opacity:1}.sidebar .spacer{flex:1}.userbox{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--border);margin-top:8px}.avatar{width:32px;height:32px;border-radius:8px;background:var(--panel-3);display:grid;place-items:center;font-weight:700;font-size:13px}.userbox .nm{font-size:13px;font-weight:600}.userbox .em{font-size:11px;color:var(--muted)}.content{display:flex;flex-direction:column;min-width:0}.topbar{height:56px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 24px;color:var(--muted);font-size:15px}.topbar .sep{color:var(--border)}.topbar .title{color:var(--text);font-weight:500}.topbar .right{margin-left:auto;display:flex;gap:14px;color:var(--muted)}.main{padding:26px 28px;overflow-y:auto}.h1{font-size:26px;font-weight:700;margin:0 0 6px;letter-spacing:-.02em}.sub{color:var(--muted);margin:0 0 22px;font-size:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.cards{display:grid;gap:14px}.kpirow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px}@media (max-width: 1100px){.kpirow{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.kpi .lbl{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:7px}.kpi .lbl .dot{width:7px;height:7px;border-radius:50%}.kpi .val{font-size:30px;font-weight:700;margin-top:8px;letter-spacing:-.02em}.kpi .hint{font-size:12px;color:var(--muted-2);margin-top:2px}.dot.green{background:var(--brand)}.dot.blue{background:var(--blue-soft)}.dot.orange{background:var(--warn)}.dot.gray{background:var(--muted-2)}.twocol{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}@media (max-width: 1000px){.twocol{grid-template-columns:1fr}}.cardtitle{font-weight:600;font-size:15px;margin-bottom:2px}.cardtitle .muted{color:var(--muted);font-weight:400;font-size:13px;margin-left:8px}.legend{display:flex;gap:16px;font-size:12px;color:var(--muted)}.legend .it{display:flex;align-items:center;gap:6px}.btn{background:var(--brand);color:#05240f;border:none;border-radius:9px;padding:9px 16px;font-weight:600;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:var(--brand-dim);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.blue:hover{filter:brightness(1.1)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{background:var(--panel-2)}.btn:disabled{opacity:.5;cursor:not-allowed}input,select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:9px 12px;font-size:14px;outline:none}input:focus,select:focus{border-color:var(--blue)}label{font-size:12px;color:var(--muted);display:block;margin-bottom:5px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tablewrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tabbar{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tabbar .search{flex:1;min-width:200px}.chip{padding:7px 13px;border-radius:8px;font-size:13px;font-weight:500;background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer}.chip:hover{background:var(--panel-2);color:var(--text)}.chip.active{background:var(--panel-3);color:var(--text)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--border-soft);font-size:13px;vertical-align:middle}th{color:var(--muted);font-weight:600;font-size:12px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--hover)}.call-cell{display:flex;align-items:center;gap:11px}.call-ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none}.call-ic.out{background:#7dc21e24;color:var(--ok-text)}.call-ic.in{background:#cc550024;color:var(--in-text)}.call-main{font-weight:600}.call-id{font-size:11px;color:var(--muted-2);font-family:ui-monospace,monospace}.arrow{color:var(--muted-2);margin:0 5px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge .b-dot{width:6px;height:6px;border-radius:50%}.badge.ok{background:#7dc21e24;color:var(--ok-text)}.badge.gray{background:#7d8b9e24;color:var(--muted)}.badge.blue{background:#cc550024;color:var(--in-text)}.badge.orange{background:#f59e0b24;color:#fbbf24}audio{height:34px}.rec-none{color:var(--muted-2);font-size:12px}.empty{text-align:center;color:var(--muted);padding:48px 0}.grid-num{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.qr{background:#fff;padding:12px;border-radius:10px;display:inline-block}.dialer-fab{position:fixed;right:26px;bottom:26px;width:56px;height:56px;border-radius:50%;background:var(--brand);border:none;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 28px #22c55e66}.dialer-fab svg{width:24px;height:24px;color:#05240f}.dialer-fab.ring{animation:fabpulse 1.4s infinite}@keyframes fabpulse{0%,to{box-shadow:0 8px 28px #22c55e66}50%{box-shadow:0 8px 28px #22c55ee6,0 0 0 6px #22c55e2e}}.fab-timer{position:absolute;bottom:-6px;background:#05240f;color:#6ee7a0;font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px}.iconbtn{font-size:16px;line-height:1;min-width:24px}.dialer{position:fixed;right:26px;bottom:26px;width:300px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow-lg)}.dialer .disp{font-size:22px;font-weight:600;text-align:center;padding:8px 0 14px;min-height:44px;color:var(--text)}.dialer .disp.empty{color:var(--muted-2)}.num-sel{width:100%;margin-bottom:8px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:7px 10px;font-size:12px}.disp-input{width:100%;background:transparent;border:none;text-align:center;font-size:24px;font-weight:600;color:var(--text);padding:8px 0 14px;outline:none;letter-spacing:.02em}.disp-input::placeholder{color:var(--muted-2);font-weight:500}.disp-input:focus{border:none}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{aspect-ratio:1.4;border-radius:12px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:20px;font-weight:600;cursor:pointer}.key:hover{background:var(--panel-3)}.key sub{display:block;font-size:9px;color:var(--muted-2);letter-spacing:.1em;font-weight:500}.dialer .actions{display:flex;gap:10px;margin-top:14px;align-items:center}.call-btn{flex:1;height:48px;border-radius:12px;background:var(--brand);border:none;color:#05240f;cursor:pointer;display:grid;place-items:center}.call-btn:hover{background:var(--brand-dim);color:#fff}.call-btn svg{width:22px;height:22px}.dialer .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.qbadge{font-size:12px;font-weight:600;color:var(--ok-text);background:#7dc21e24;padding:4px 10px;border-radius:999px}.ctrls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center;margin-top:14px}.ctrl{background:none;border:none;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;padding:8px 0;border-radius:12px}.ctrl:hover:not(:disabled){color:var(--text)}.ctrl:disabled{opacity:.45;cursor:not-allowed}.ctrl .ci{width:48px;height:48px;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;font-size:18px}.ctrl.on .ci{background:var(--text);color:var(--bg)}.hangup{width:64px;height:64px;border-radius:50%;background:var(--danger);border:none;cursor:pointer;display:grid;place-items:center;justify-self:center}.hangup:hover{filter:brightness(1.1)}.hangup svg{width:26px;height:26px;color:#fff}.iconbtn{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px}.iconbtn:hover{background:var(--panel-2);color:var(--text)}.widget-shell .dialer{position:static;width:300px;box-shadow:none;border:none}.widget-shell{background:var(--bg)}.incoming{position:fixed;top:20px;right:24px;width:340px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow-lg);z-index:200;animation:incoming-in .25s ease}@keyframes incoming-in{0%{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}.inc-head{margin-bottom:12px}.ring-dots{color:var(--brand);animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}.inc-body{display:flex;align-items:center;gap:14px}.inc-avatar{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none}.inc-avatar.ph{background:var(--orange);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700}.inc-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.inc-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;font-size:20px}.inc-btn svg{width:22px;height:22px;color:#fff}.inc-btn.accept{background:var(--brand);animation:fabpulse 1.2s infinite}.inc-btn.accept:hover{background:var(--brand-dim)}.inc-btn.reject{background:var(--danger)}.inc-btn.reject:hover{filter:brightness(1.1)}.inc-btn.mute{background:var(--panel-2);border:1px solid var(--border)}.inc-btn.mute.on{background:var(--text)}.login-wrap{display:grid;place-items:center;min-height:100vh}.login-card{width:340px}.login-card .field{margin-bottom:14px}.err{color:var(--danger);font-size:13px;margin-top:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100;padding:24px}.modal{width:620px;max-width:100%;max-height:88vh;background:var(--panel);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-body{padding:20px;overflow-y:auto}.secblock{padding:16px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;margin-bottom:14px}.ai-empty{padding:6px 0}.ai-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:14px 0 6px}.ai-list{margin:0;padding-left:18px}.ai-list li{margin-bottom:6px;font-size:14px}.ai-list.next li{color:var(--lime-text)}.transcript{font-size:13px;line-height:1.7;color:var(--muted);white-space:pre-wrap;max-height:240px;overflow-y:auto}.dialogo{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.fala{display:flex;flex-direction:column;max-width:82%}.fala.att{align-self:flex-start}.fala.cli{align-self:flex-end;align-items:flex-end}.fala .quem{font-size:11px;color:var(--muted-2);margin-bottom:2px;padding:0 4px}.fala .bolha{font-size:13px;line-height:1.5;padding:8px 12px;border-radius:12px}.fala.att .bolha{background:var(--panel-3);border-bottom-left-radius:4px}.fala.cli .bolha{background:#7dc21e29;color:var(--lime-text);border-bottom-right-radius:4px}.aichip{font-size:11px;padding:2px 8px;border-radius:999px}.aichip.pronto{background:#7dc21e29;color:var(--lime-text)}.aichip.proc{background:#f59e0b24;color:#fbbf24}.chart{width:100%}.chart text{fill:var(--muted-2);font-size:10px}.gridline{stroke:var(--border-soft);stroke-width:1}