@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap";:root{--font-display: "Poppins", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-ink-950: #111826;--color-ink-800: #243141;--color-ink-650: #516070;--color-ink-500: #687789;--color-surface: #ffffff;--color-surface-soft: #f7fafb;--color-surface-tint: #eef8fa;--color-border: #dce6ea;--color-border-strong: #c7d6dd;--color-teal-700: #096b7c;--color-teal-600: #168aa0;--color-teal-500: #239fb4;--color-teal-100: #dff5f8;--color-purple-700: #5f2ac9;--color-purple-600: #7f3fff;--color-purple-500: #8c52ff;--color-purple-100: #eee7ff;--color-success: #157f55;--color-success-bg: #e6f7ef;--color-warning: #a66300;--color-warning-bg: #fff3d9;--color-danger: #b33d31;--color-danger-bg: #fff0ee;--color-info-bg: #eaf6ff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(17, 24, 38, .06);--shadow-md: 0 12px 32px rgba(17, 24, 38, .1);--shadow-lg: 0 26px 80px rgba(9, 107, 124, .16);color:var(--color-ink-950);background:var(--color-surface-soft);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--color-surface-soft)}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}svg{width:18px;height:18px;flex:0 0 auto}input,select{width:100%;min-height:42px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:0 12px;background:var(--color-surface);color:var(--color-ink-950);outline:0;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input::placeholder{color:var(--color-ink-500)}input:hover,select:hover{border-color:var(--color-teal-500)}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid rgba(140,82,255,.26);outline-offset:2px}button{min-height:42px;border:0;border-radius:var(--radius-sm);padding:0 16px;background:var(--color-teal-700);color:#fff;font-weight:700;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}button:hover:not(:disabled){background:var(--color-teal-600);box-shadow:var(--shadow-sm)}button:active:not(:disabled){transform:translateY(1px)}label{display:grid;gap:7px;color:var(--color-ink-650);font-family:var(--font-display);font-size:12px;font-weight:700}.primary-action{background:linear-gradient(135deg,var(--color-teal-600),var(--color-purple-600));color:#fff;box-shadow:0 10px 24px #239fb42e}.primary-action:hover:not(:disabled){background:linear-gradient(135deg,var(--color-teal-700),var(--color-purple-700))}.icon-button{width:42px;min-width:42px;padding:0;display:grid;place-items:center;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-teal-700)}.icon-button:hover:not(:disabled){border-color:#239fb461;background:var(--color-surface-tint)}.eyebrow{margin:0 0 5px;color:var(--color-teal-700);font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-lockup{display:flex;align-items:center;gap:var(--space-3);min-width:0}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:var(--radius-md);background:linear-gradient(135deg,#239fb4f0,#8c52ffeb),var(--color-teal-700);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:800;box-shadow:0 12px 28px #239fb438}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,430px) minmax(320px,520px);place-content:center;gap:var(--space-6);padding:var(--space-6);background:linear-gradient(135deg,rgba(35,159,180,.15),transparent 36%),linear-gradient(315deg,rgba(140,82,255,.12),transparent 34%),var(--color-surface-soft)}.login-panel{width:100%;display:grid;gap:var(--space-5);padding:30px;border:1px solid rgba(220,230,234,.94);border-radius:var(--radius-md);background:#fffffff0;box-shadow:var(--shadow-lg)}.login-panel h1,.topbar h1,.detail-header h2{margin:0;color:var(--color-ink-950);font-family:var(--font-display);font-size:28px;line-height:1.1;letter-spacing:0}.login-copy{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink-650);line-height:1.55}.login-copy p{margin:0}.login-assurance{display:flex;align-items:center;gap:var(--space-2);color:var(--color-teal-700);font-weight:700}.login-side{min-height:100%;align-self:stretch;display:grid;align-content:end;gap:var(--space-5);padding:34px;border-radius:var(--radius-md);background:linear-gradient(135deg,#096b7cf0,#7f3fffe0),var(--color-teal-700);color:#fff;box-shadow:var(--shadow-lg);overflow:hidden}.login-side .eyebrow{color:#ffffffd1}.login-side h2{max-width:430px;margin:0;font-family:var(--font-display);font-size:34px;line-height:1.12;letter-spacing:0}.login-side-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md);overflow:hidden;background:#ffffff2e}.login-side-grid div{display:grid;gap:var(--space-2);padding:var(--space-3);background:#ffffff1f}.login-side-grid span{color:#ffffffc2;font-size:12px;font-weight:700;text-transform:uppercase}.login-side-grid strong{font-family:var(--font-display);font-size:20px}.error,.feedback{margin:0;padding:12px 14px;border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger);font-size:14px;font-weight:700}.feedback.success{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.feedback.warning{border-color:var(--color-warning);background:var(--color-warning-bg);color:var(--color-warning)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto auto auto 1fr;background:linear-gradient(180deg,rgba(35,159,180,.08),transparent 280px),var(--color-surface-soft)}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:14px 22px;border-bottom:1px solid var(--color-border);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-actions{display:flex;align-items:center;gap:var(--space-2);color:var(--color-ink-650);font-weight:700}.user-chip{min-height:42px;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 14px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-800);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-strip{display:grid;grid-template-columns:minmax(220px,1.15fr) repeat(3,minmax(140px,1fr));gap:var(--space-3);padding:var(--space-4) var(--space-5)}.monitor-alert{border-color:#f59e0b}.warn-metric strong{color:#b45309}.pill,.metric{min-height:72px;display:flex;align-items:center;gap:var(--space-3);padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.pill{font-family:var(--font-display);font-weight:800}.pill.ok{color:var(--color-success);background:linear-gradient(180deg,var(--color-success-bg),#ffffff)}.pill.warn{color:var(--color-warning);background:linear-gradient(180deg,var(--color-warning-bg),#ffffff)}.pill-action{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;border:1px solid var(--color-warning);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-warning);font-family:var(--font-display);font-size:13px;font-weight:700;cursor:pointer}.pill-action:hover:not(:disabled){background:var(--color-warning-bg)}.pill-action:disabled{opacity:.6;cursor:progress}.pill-action svg{width:15px;height:15px}.monitor-erro{grid-column:1 / -1}.reconexao-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);background:#1118268c}.reconexao-modal{width:min(420px,100%);max-height:90vh;overflow-y:auto;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg);text-align:center}.reconexao-modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.reconexao-modal h2{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-family:var(--font-display);font-size:18px;color:var(--color-ink-950)}.reconexao-modal h2 svg{color:var(--color-teal-700)}.reconexao-passos{margin:0 0 var(--space-4);padding-left:var(--space-5);text-align:left;color:var(--color-ink-800);font-size:14px;line-height:1.6}.reconexao-qr{width:260px;height:260px;max-width:100%;margin:0 auto;display:block;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.reconexao-pairing{margin-top:var(--space-4);color:var(--color-ink-650);font-size:14px}.reconexao-pairing strong{font-family:var(--font-display);font-size:20px;letter-spacing:2px;color:var(--color-ink-950)}.reconexao-ok{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-success);font-weight:700}.metric{justify-content:space-between}.metric span{color:var(--color-ink-650);font-size:13px;font-weight:700}.metric strong{color:var(--color-ink-950);font-family:var(--font-display);font-size:25px}.workspace{min-height:0;display:grid;grid-template-columns:minmax(340px,410px) minmax(0,1fr);gap:var(--space-4);padding:0 var(--space-5) var(--space-5)}.sidebar,.detail{min-height:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.sidebar{display:grid;grid-template-rows:auto auto 1fr}.filters{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.search{grid-column:1 / -1;position:relative}.search svg{position:absolute;left:12px;bottom:12px;color:var(--color-ink-500)}.search input{padding-left:40px}.sidebar-title{min-height:50px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-ink-800);font-family:var(--font-display);font-weight:800}.sidebar-title svg{color:var(--color-teal-700)}.sidebar-title strong{margin-left:auto;min-width:28px;min-height:26px;display:inline-grid;place-items:center;border-radius:var(--radius-pill);background:var(--color-teal-100);color:var(--color-teal-700);font-size:13px}.list{min-height:0;overflow:auto;display:grid;align-content:start;background:var(--color-surface-soft)}.ticket{min-height:142px;display:grid;gap:var(--space-3);width:100%;padding:15px var(--space-4);border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:var(--color-surface);color:var(--color-ink-950);text-align:left;box-shadow:none}.ticket:hover,.ticket.selected{background:linear-gradient(90deg,rgba(35,159,180,.11),transparent 58%),var(--color-surface)}.ticket.selected{box-shadow:inset 4px 0 0 var(--color-purple-600)}.ticket strong,.ticket span,.ticket small,.ticket em,.ticket time{display:block;overflow-wrap:anywhere}.ticket strong{font-family:var(--font-display);font-size:14px}.ticket span{margin-top:3px;color:var(--color-ink-650)}.ticket small{color:var(--color-ink-500)}.ticket footer{display:flex;align-items:center;gap:var(--space-2);color:var(--color-ink-500);font-size:12px}.ticket em{max-width:36%;font-style:normal;font-weight:800;color:var(--color-teal-700)}.ticket time{margin-left:auto;white-space:nowrap}.status-badge{width:max-content;max-width:220px;margin:0;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-ink-650);font-family:var(--font-display);font-size:11px;font-weight:800;line-height:1;white-space:nowrap}.status-aberto{border-color:#a6630042;background:var(--color-warning-bg);color:var(--color-warning)}.status-em-andamento-chatbot{border-color:#4f46e547;background:#4f46e51f;color:#4f46e5}.status-em-andamento-atendimento{border-color:#239fb452;background:var(--color-teal-100);color:var(--color-teal-700)}.status-aguardando-cliente{border-color:#a6630042;background:var(--color-warning-bg);color:var(--color-warning)}.status-resolvido,.status-encerrado{border-color:#157f553d;background:var(--color-success-bg);color:var(--color-success)}.empty,.empty-state{color:var(--color-ink-650)}.empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:var(--space-2);padding:var(--space-6);text-align:center}.empty svg,.empty-state svg{width:36px;height:36px;color:var(--color-teal-600)}.empty strong{color:var(--color-ink-800);font-family:var(--font-display)}.detail{display:grid;grid-template-rows:auto 1fr}.empty-state{place-items:center;align-content:center;gap:var(--space-3);background:linear-gradient(135deg,rgba(35,159,180,.07),transparent 42%),var(--color-surface);text-align:center}.detail-header{display:grid;grid-template-columns:minmax(240px,1fr) minmax(390px,auto);align-items:end;gap:var(--space-4);padding:18px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.detail-header span{display:block;margin-top:7px;color:var(--color-ink-650)}.status-form{display:grid;grid-template-columns:minmax(170px,1fr) minmax(160px,1fr) auto;gap:var(--space-2);align-items:end}.conversation{min-height:0;overflow:auto;display:grid;align-content:start;gap:var(--space-3);padding:var(--space-5);background:linear-gradient(180deg,rgba(238,248,250,.76),transparent 260px),var(--color-surface-soft)}.message{max-width:min(680px,88%);display:grid;gap:var(--space-2);padding:13px 15px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.message-failed{border-color:#f87171;background:#fff1f2}.delivery{border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:.68rem;font-weight:800;padding:.08rem .38rem}.delivery.failed{background:#fee2e2;color:#b91c1c}.message.out{justify-self:end;border-color:#239fb447;background:linear-gradient(180deg,#ecfbf9,#fff)}.message.in{border-color:#7f3fff2e}.message-meta{display:flex;align-items:center;gap:6px;color:var(--color-ink-500);font-family:var(--font-display);font-size:12px;font-weight:800}.message-meta svg{color:var(--color-teal-700)}.message-meta time{margin-left:auto;font-weight:700}.message p{margin:0;color:var(--color-ink-800);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}th,td{padding:12px 14px;border-bottom:1px solid var(--color-border);text-align:left}th{background:var(--color-surface-soft);color:var(--color-ink-650);font-family:var(--font-display);font-size:12px;text-transform:uppercase}.modal{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg)}.loading-state{color:var(--color-teal-700)}@media(max-width:1060px){.login-shell{grid-template-columns:minmax(320px,520px)}.login-side{min-height:300px}.monitor-strip,.workspace{grid-template-columns:1fr}.workspace{min-height:auto}.list{max-height:430px}.detail-header{grid-template-columns:1fr}.status-form{width:100%}}@media(max-width:720px){.login-shell{padding:var(--space-4)}.login-panel,.login-side{padding:var(--space-5)}.login-side h2{font-size:26px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;justify-content:space-between}.user-chip{flex:1;justify-content:center}.monitor-strip,.workspace{padding-left:var(--space-3);padding-right:var(--space-3)}.filters,.status-form{grid-template-columns:1fr}.detail-header,.conversation{padding-left:var(--space-4);padding-right:var(--space-4)}.message{max-width:100%}}@media(max-width:520px){.brand-mark{width:40px;height:40px}.login-panel h1,.topbar h1,.detail-header h2{font-size:23px}.login-side-grid{grid-template-columns:1fr}.ticket footer{align-items:flex-start;flex-direction:column}.ticket em{max-width:100%}.ticket time{margin-left:0}}.top-nav{display:flex;gap:var(--space-1);padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-soft)}.nav-item{min-height:38px;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 16px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-ink-650);font-weight:700;cursor:pointer}.nav-item.active{background:var(--color-surface);color:var(--color-teal-700);box-shadow:var(--shadow-sm)}.papel-tag{padding:1px 8px;border-radius:var(--radius-pill);background:var(--color-purple-100);color:var(--color-purple-700);font-size:11px;font-weight:700;letter-spacing:.04em}.avaliacao-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-pill);background:var(--color-warning-bg);color:var(--color-warning);font-weight:700;font-size:13px}.avaliacao-chip.compacta{padding:1px 8px;font-size:12px}.avaliacao-chip svg{width:14px;height:14px;fill:currentColor}.detail-tags{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.conversa-tag{padding:2px 10px;border-radius:var(--radius-pill);background:var(--color-surface-tint);color:var(--color-teal-700);font-weight:700;font-size:12px;letter-spacing:.03em}.conversa-tag.conversa-humano{background:var(--color-purple-100);color:var(--color-purple-700)}.conversa-tag.conversa-encerrada{background:var(--color-surface-soft);color:var(--color-ink-500)}.templates{padding:var(--space-5) var(--space-6) var(--space-8);overflow-y:auto}.templates-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.templates-head h2{margin:0 0 4px;font-family:var(--font-display)}.templates-head span{color:var(--color-ink-500)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.template-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.template-card header{display:flex;align-items:center;justify-content:space-between}.template-card code{font-family:var(--font-display);font-weight:700;color:var(--color-teal-700)}.template-card textarea{width:100%;resize:vertical;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft);font-family:var(--font-body);font-size:14px;line-height:1.45;color:var(--color-ink-950)}.template-card textarea:disabled{opacity:.75}.template-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.ghost-action{min-height:38px;padding:0 16px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-650);font-weight:700;cursor:pointer}.ghost-action:disabled{opacity:.5;cursor:default}.ok-flag{display:inline-flex;align-items:center;gap:4px;color:var(--color-success);font-weight:700;font-size:13px}.muted{color:var(--color-ink-500);margin:0}.composer{border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-2);background:var(--color-surface)}.composer-hint{margin:0;color:var(--color-ink-500);font-size:12px}.composer-row{display:flex;gap:var(--space-2);align-items:flex-end}.composer-row textarea{flex:1;resize:vertical;min-height:44px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md, 10px);background:var(--color-surface-soft);color:var(--color-ink-800);font:inherit}.composer-row .primary-action{white-space:nowrap}.composer-encerrada{border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-2);color:var(--color-ink-500);font-size:13px}.composer-encerrada svg{width:18px;height:18px;color:var(--color-success)}.fila-checks{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0}.fila-check{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-soft);font-size:13px;cursor:pointer}