:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;--bg:#f5f7fa;--card:#ffffff;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--primary:#2563eb;--primary-2:#1d4ed8;--danger-bg:#fef2f2;--danger-bd:#fecaca;--danger-tx:#991b1b;--info-bg:#eff6ff;--info-bd:#bfdbfe;--info-tx:#1e40af;--shadow:0 1px 3px rgba(0,0,0,.06);--shadow2:0 10px 30px rgba(0,0,0,.06);--radius:14px;--glass-bg:rgba(255,255,255,.72);--glass-bd:rgba(229,231,235,.75);--glass-outline:rgba(255,255,255,.55);--glass-shadow:var(--shadow2);--glass-blur:12px;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af}html,body{margin:0;color:var(--text);scroll-behavior:auto}body{background:radial-gradient(1200px 600px at 10% 0%,#eef2ff 0%,transparent 60%),radial-gradient(900px 500px at 90% 10%,#ecfeff 0%,transparent 55%),var(--bg)}*{box-sizing:border-box}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(37,99,235,.35);outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:240px;padding:18px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-bd);box-shadow:var(--glass-shadow);position:sticky;top:0;height:100vh}.logo{font-size:22px;margin-bottom:16px;font-weight:900;letter-spacing:.2px}.nav{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;margin-bottom:8px;color:#374151;border:1px solid transparent;transition:all .15s ease}.nav:hover{background:#2563eb14;border-color:#2563eb2e;color:#111827}.nav.active{background:#2563eb1f;border-color:#2563eb40;color:#111827}.main{flex:1;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#ffffffb3;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-bd);box-shadow:0 10px 30px #0000000d;position:sticky;top:0;z-index:50}.brand{font-weight:900}.topbar-right{display:flex;gap:10px;align-items:center}.chip{padding:8px 12px;border-radius:999px;background:#ffffffa6;border:1px solid rgba(229,231,235,.85);font-size:13px;color:#374151;box-shadow:0 6px 16px #0000000d}.content{padding:18px}.center{min-height:100vh;display:flex;align-items:center;justify-content:center}.row{display:flex;gap:10px;align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.muted{color:var(--muted);font-size:13px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-14{margin-top:14px}.card{width:360px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.card h2{margin:0 0 6px}.card2{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow);min-height:0}.kpi{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.kpi-title{color:var(--muted);font-size:13px}.kpi-val{font-size:28px;font-weight:900;margin-top:6px}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.btn{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;color:#111827;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease,box-shadow .15s ease}.btn:hover{background:#f3f4f6}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-2)}.btn.danger{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.btn.danger:hover{background:#fecaca}.btn.ghost{background:#ffffff73;border:1px solid rgba(229,231,235,.85)}.btn.ghost:hover{background:#1118270a}.alert{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--info-bg);border:1px solid var(--info-bd);color:var(--info-tx)}.tableWrap{margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.tableScroll{overflow-x:auto}.tableScroll::-webkit-scrollbar{height:10px}.tableScroll::-webkit-scrollbar-thumb{background:#1118271a;border-radius:999px}.tableScroll::-webkit-scrollbar-track{background:transparent}.table{min-width:980px}.thead,.trow{display:grid;grid-template-columns:70px 180px 1.2fr 1.2fr 160px 180px;gap:10px;padding:12px}.thead{color:var(--muted);font-size:13px;border-bottom:1px solid var(--border);background:#fafafa}.trow{background:#fff;border-bottom:1px solid #f1f5f9}.trow.clickable{cursor:pointer}.trow.clickable:hover{background:#f9fafb}.badge{padding:6px 10px;border-radius:999px;font-size:12px;display:inline-block;border:1px solid var(--border);background:#f3f4f6;color:#374151}.badge.count{background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);color:#111827;font-weight:700}.badge.aberto{background:#f3f4f6}.badge.pendente{background:#fff7ed;border-color:#fed7aa;color:#92400e}.badge.em_atendimento{background:#fef2f2;border-color:#fecaca;color:#991b1b}.badge.finalizado{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.badge.failed{background:var(--danger-bg);border-color:var(--danger-bd);color:var(--danger-tx)}.list{margin-top:12px;display:flex;flex-direction:column;gap:10px}.ticketRow{background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #00000008}.ticketRow:hover{background:#f8fafc;border-color:#c7d2fe;box-shadow:0 10px 26px #2563eb14}.ticketTitle{font-weight:800}.ticketTop{display:flex;justify-content:space-between;gap:10px;align-items:center}.ticketName{font-weight:900;font-size:14px;letter-spacing:-.1px}.ticketPhone{color:var(--muted);font-weight:600;margin-left:8px;font-size:12px}.ticketMeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:12px}.ticketSubject{margin-top:10px;color:#111827;font-size:13px;line-height:1.25rem}.ticketEmpty{margin-top:10px;font-size:13px;color:var(--muted);font-style:italic}.prio{font-weight:700}.prio.baixa{color:#6b7280}.prio.media,.prio.alta{color:var(--blue-800)}.prioDot{width:8px;height:8px;border-radius:999px;display:inline-block;margin-right:6px;transform:translateY(1px)}.prioDot.baixa{background:#9ca3af}.prioDot.media{background:var(--blue-600)}.prioDot.alta{background:var(--blue-800)}.kv{display:grid;grid-template-columns:120px 1fr;gap:8px 10px}.k{color:var(--muted);font-size:13px}.v{font-size:14px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center}.modal{width:min(520px,92vw);background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 18px 60px #0000002e}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);background:#fafafa}.modal-title{font-weight:900}.modal-body{padding:14px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;background:#f3f4f6;border:1px solid var(--border);color:#374151}.tag .x{border:none;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:#111827}.pill{margin-right:8px;margin-top:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#fff;color:#111827;cursor:pointer}.pill:hover{background:#f3f4f6}.chatwrap{display:flex;flex-direction:column;gap:10px;min-height:0}.chatbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.chatstatus{display:flex;align-items:center;gap:10px;font-size:12px;color:#374151}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.online{background:#22c55e}.dot.connecting{background:#f59e0b}.dot.reconnecting{background:#fb923c}.dot.offline{background:#ef4444}.typing{font-size:12px;color:var(--muted)}.chatactions{display:flex;gap:8px}.chatlist{height:440px;overflow-y:auto;overflow-x:hidden;padding:10px;border-radius:14px;overscroll-behavior:contain;overflow-anchor:none;min-height:0;background:#f9fafb;border:1px solid var(--border)}.chatlist::-webkit-scrollbar{width:10px}.chatlist::-webkit-scrollbar-thumb{background:#1118271a;border-radius:999px}.chatlist::-webkit-scrollbar-track{background:transparent}.chatloader{text-align:center;padding:8px 0;font-size:12px;color:var(--muted)}.bubble{max-width:78%;padding:10px 12px;border-radius:16px;margin:8px 0;border:1px solid var(--border)}.bubble.left{align-self:flex-start;background:#fff}.bubble.right{align-self:flex-end;background:#e8f0ff;border-color:#c7d2fe}.bmeta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-bottom:6px}.btext{white-space:pre-wrap;word-break:break-word}.newmsg{display:flex;justify-content:center;margin-top:6px}.sidebarBrand{display:flex;align-items:center;justify-content:center;padding:12px 10px 14px;border-radius:16px;margin-bottom:14px;background:#ffffff8c;border:1px solid rgba(229,231,235,.75);box-shadow:0 8px 20px #0000000d}.brandLogo{width:100%;max-width:170px;max-height:44px;object-fit:contain;-webkit-user-select:none;user-select:none}.brandFallback{width:100%;max-width:170px;text-align:left}.brandTitle{font-weight:900;line-height:1.1;letter-spacing:.2px;font-size:16px}.brandSub{font-size:12px;color:var(--muted);margin-top:4px}.sidebarUser{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:#ffffff8c;border:1px solid rgba(229,231,235,.75);box-shadow:0 8px 20px #0000000d;margin-bottom:12px}.avatar{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;font-weight:900;color:#111827;background:#6366f11f;border:1px solid rgba(99,102,241,.22)}.userMeta{min-width:0}.userName{font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userRole{font-size:12px;color:var(--muted);margin-top:2px}.sidebarSection{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 6px 8px}.sidebarNav .nav{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;margin-bottom:8px}.navIcon{width:28px;height:28px;border-radius:12px;display:grid;place-items:center;background:#1118270a;border:1px solid rgba(229,231,235,.9)}.navLabel{font-weight:700}.sidebarNav .nav:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0px;height:22px;border-radius:999px;background:var(--primary);opacity:0;transition:all .18s ease}.sidebarNav .nav.active:before{width:6px;opacity:1;left:-6px}.sidebarNav .nav.active,.sidebarNav .nav.active .navIcon{background:#2563eb1f;border-color:#2563eb40}.sidebarFoot{margin-top:14px;padding-top:12px;border-top:1px solid rgba(229,231,235,.75)}.topbarLeft{display:flex;flex-direction:column;gap:2px}.topbarHint{font-size:12px;color:var(--muted)}.topSearch{display:flex;align-items:center;gap:8px}.topSearchInput{width:240px;padding:10px 12px;border-radius:999px}.topSearchBtn{border-radius:999px}@media (max-width: 980px){.topSearch{display:none}}.ticketsHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.ticketsTitle{display:flex;flex-direction:column;gap:4px}.ticketsTitle h2{margin:0;font-size:20px;font-weight:900;letter-spacing:-.2px}.ticketsActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.searchBar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.searchInput{flex:1;min-width:220px;border-radius:999px;padding:11px 14px}.searchBtn{border-radius:999px;padding:11px 14px}.kanbanCol{display:flex;flex-direction:column;min-height:640px;max-height:74vh;overflow:hidden;border-top:3px solid var(--blue-600)}.kanbanHead{position:sticky;top:0;z-index:2;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.85);padding-bottom:10px;margin-bottom:10px}.kanbanHeadRow{display:flex;justify-content:space-between;align-items:center;gap:10px}.kanbanHead h3{margin:0;font-size:14px;font-weight:900;letter-spacing:.2px;text-transform:uppercase;color:#111827}.kanbanBody{flex:1;overflow:auto;padding-right:2px;display:flex;flex-direction:column;gap:10px}.kanbanBody::-webkit-scrollbar{width:10px}.kanbanBody::-webkit-scrollbar-thumb{background:#1118271a;border-radius:999px}.kanbanBody::-webkit-scrollbar-track{background:transparent}.kanbanFoot{border-top:1px solid rgba(229,231,235,.85);padding-top:10px;margin-top:10px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.kanbanFoot .btn{width:100%;border-radius:12px}@media (max-width: 1100px){.grid3{grid-template-columns:1fr}.sidebar{width:210px}.kanbanCol{max-height:none;min-height:0}.kanbanBody{max-height:none}}.dashHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.dashTitle{margin:0;font-size:20px;font-weight:900;letter-spacing:-.2px}.dashActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.kpiBtn{width:100%;text-align:left;cursor:pointer;transition:transform .06s ease,border-color .15s ease,background .15s ease}.kpiBtn:hover{border-color:#2563eb40;background:#ffffffbf}.kpiBtn:active{transform:translateY(1px)}.kpiTop{display:flex;align-items:center;gap:10px}.kpiIcon{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:#1118270a;border:1px solid rgba(229,231,235,.9)}.kpiSub{margin-top:6px;color:var(--muted);font-size:12px}.tv{display:flex;flex-direction:column;gap:12px}.tv-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tv-hline{display:flex;align-items:center;gap:10px}.tv-h2,.tv-h3{margin:0}.tv-sub{margin-top:4px;display:flex;align-items:center;gap:8px}.tv-dot{opacity:.5}.tv-actions{display:flex;gap:10px;flex-wrap:wrap}.tv-body{display:grid;grid-template-columns:1.7fr 1fr;gap:12px;align-items:start}.tv-main{min-height:420px}.tv-chat{margin-top:10px}.tv-side{display:flex;flex-direction:column;gap:12px}.tv-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tv-foot{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tv-note-row{display:flex;gap:10px;align-items:center;margin-top:10px}@media (max-width: 780px){.shell{flex-direction:column}.sidebar{position:relative;height:auto;top:auto;width:auto;border-right:none;border-bottom:1px solid var(--border);box-shadow:none}.topbar{position:relative;top:auto}}@media (max-width: 980px){.tv-body,.tv-foot{grid-template-columns:1fr}}.handoff-summary{background:#f8fafc;border:1px solid #e5e7eb;border-left:4px solid #2563eb;border-radius:8px;padding:12px;margin-bottom:16px}.handoff-title{font-weight:600;color:#1e40af;margin-bottom:6px}.handoff-box{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo;font-size:13px;color:#111827}.kanbanCol.pendente{border-top:3px solid #f59e0b}.kanbanCol.atendimento{border-top:3px solid #ef4444}.kanbanCol.finalizado{border-top:3px solid #22c55e}.kanbanCol.pendente .kanbanHead{background:linear-gradient(180deg,#fff7ed,#fff7edd9);border-bottom:1px solid #fed7aa}.kanbanCol.atendimento .kanbanHead{background:linear-gradient(180deg,#fef2f2,#fef2f2d9);border-bottom:1px solid #fecaca}.kanbanCol.finalizado .kanbanHead{background:linear-gradient(180deg,#f0fdf4,#f0fdf4d9);border-bottom:1px solid #bbf7d0}.kanbanCol.pendente .badge.count{border-color:#fed7aa;background:#fff7ed}.kanbanCol.atendimento .badge.count{border-color:#fecaca;background:#fef2f2}.kanbanCol.finalizado .badge.count{border-color:#bbf7d0;background:#f0fdf4}.kanbanCol.pendente .kanbanHead h3{color:#92400e}.kanbanCol.atendimento .kanbanHead h3{color:#991b1b}.kanbanCol.finalizado .kanbanHead h3{color:#166534}.kanbanHead{box-shadow:inset 0 -1px #0000000a}.kanbanCol.pendente .ticketRow{border-left:4px solid rgba(245,158,11,.35)}.kanbanCol.atendimento .ticketRow{border-left:4px solid rgba(239,68,68,.35)}.kanbanCol.finalizado .ticketRow{border-left:4px solid rgba(34,197,94,.35)}.ticketRow:hover{box-shadow:0 10px 26px #00000014}.badge.humano{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;font-weight:900;font-size:11px;padding:4px 8px;margin-right:8px;border-radius:999px;letter-spacing:.3px}.ticketName{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.kanbanCol.pendente .ticketRow:has(.badge.humano){background:#fff7ed;border-color:#fed7aa}.badge.humano{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;font-weight:900;font-size:11px;padding:4px 8px;border-radius:999px;letter-spacing:.3px}.badge.bot{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-weight:900;font-size:11px;padding:4px 8px;border-radius:999px;letter-spacing:.3px}.badge.assigned{background:#f3f4f6;border:1px solid #e5e7eb;color:#111827;font-weight:700;font-size:12px}.badge.unassigned{background:#fff7ed;border:1px solid #fed7aa;color:#92400e;font-weight:800;font-size:12px}.tv-note-inline{margin-top:12px;padding-top:12px;border-top:1px solid rgba(229,231,235,.85)}