@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #1E3A8A;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-whatsapp-50: #f0fdf4;--color-whatsapp-100: #dcfce7;--color-whatsapp-200: #bbf7d0;--color-whatsapp-300: #86efac;--color-whatsapp-400: #4ade80;--color-whatsapp-500: #25D366;--color-whatsapp-600: #2ECC71;--color-whatsapp-700: #15803d;--color-whatsapp-800: #166534;--color-whatsapp-900: #14532d;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #FBBF24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-amber-800: #92400e;--color-amber-900: #78350f;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--border-primary: var(--color-gray-200);--border-secondary: var(--color-gray-300);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}[data-theme=dark]{--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-tertiary: var(--color-gray-700);--text-primary: #ffffff;--text-secondary: var(--color-gray-300);--text-tertiary: var(--color-gray-400);--border-primary: var(--color-gray-700);--border-secondary: var(--color-gray-600)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary-600);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-whatsapp{background-color:var(--color-whatsapp-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-whatsapp:hover:not(:disabled){background-color:var(--color-whatsapp-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-amber{background-color:var(--color-amber-400);color:var(--color-gray-900);box-shadow:var(--shadow-sm)}.btn-amber:hover:not(:disabled){background-color:var(--color-amber-500);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.input{width:100%;padding:var(--spacing-md);font-size:.875rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-tertiary)}.input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--color-error)}.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.card{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card-hover{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-primary);background-color:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.grid-cols-2,.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (max-width: 480px){.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}}@media (min-width: 1024px){.conversas-container{flex-direction:row!important}.conversas-sidebar{width:33.333333%!important;border-bottom:none!important;border-right:1px solid var(--border-primary)!important}}.focus-visible:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.conversas-container{height:calc(100vh - 8rem);display:flex;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.conversas-sidebar{width:350px;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;flex-shrink:0}.conversa-item{display:flex;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-primary);cursor:pointer;transition:all var(--transition-fast)}.conversa-item:hover,.conversa-item.selected{background-color:var(--bg-secondary)}.mensagem-bubble{max-width:70%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;line-height:1.4;word-break:break-word;position:relative;box-shadow:0 2px 8px #0000001a,0 1px 3px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mensagem-bubble.usuario{background-color:#ffedce;border:1px solid #905e07;color:var(--text-primary);margin-left:auto}.mensagem-bubble.agente_ia{background-color:#ffdda2;color:var(--text-primary);margin-left:auto;border:1px solid #905e07}[data-theme=dark] .mensagem-bubble.agente_ia{background-color:#8b5a04;color:var(--text-primary);border:1px solid var(--color-gray-600)}[data-theme=dark] .mensagem-bubble.usuario{color:#000;background-color:#ffedce;border:1px solid #905e07}.mensagem-bubble.contato{background-color:var(--bg-primary);color:var(--text-primary)}.mensagem-container{display:flex;align-items:flex-start;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.mensagem-container.direita{flex-direction:row-reverse}.mensagem-container.esquerda{flex-direction:row}.avatar-mensagem{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}@media (max-width: 1024px){.conversas-sidebar{width:300px}}@media (max-width: 768px){.conversas-container{height:calc((100vh - 10rem)*.7);flex-direction:column;border-radius:var(--radius-md);margin:var(--spacing-sm)}.conversas-sidebar{width:100%!important;height:100%;border-right:none;border-bottom:1px solid var(--border-primary);position:relative;z-index:2;background-color:var(--bg-primary);transition:transform .3s ease-in-out;transform:translate(0)}.conversas-sidebar.mobile-hidden{transform:translate(-100%);position:absolute;top:0;left:0;width:100%;height:100%}.mobile-back-btn{display:flex!important}.mensagem-bubble{max-width:85%}.conversa-item{padding:var(--spacing-sm)}.conversas-container>div:last-child{width:100%;height:calc(650px * .7);position:relative;z-index:1;background-color:var(--bg-primary)}}@media (max-width: 480px){.conversas-container{height:calc((100vh - 12rem)*.65);margin:var(--spacing-xs);border-radius:var(--radius-sm)}.mensagem-bubble{max-width:90%;font-size:.8125rem}.conversa-item{padding:var(--spacing-xs) var(--spacing-sm)}.avatar-mensagem{width:20px;height:20px}}.mensagem-container{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.conversas-sidebar>div:last-child::-webkit-scrollbar,.mensagens-area::-webkit-scrollbar{width:6px}.conversas-sidebar>div:last-child::-webkit-scrollbar-track,.mensagens-area::-webkit-scrollbar-track{background:var(--bg-secondary)}.conversas-sidebar>div:last-child::-webkit-scrollbar-thumb,.mensagens-area::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.conversas-sidebar>div:last-child::-webkit-scrollbar-thumb:hover,.mensagens-area::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.loading-skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:var(--spacing-xs)}.status-indicator.online{background-color:var(--color-success)}.status-indicator.offline{background-color:var(--text-tertiary)}.status-indicator.away{background-color:var(--color-warning)}.notification-badge{background-color:var(--color-danger);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;position:absolute;top:-2px;right:-2px}.conversa-item:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.btn-salvar-contato:focus{outline:2px solid var(--color-primary);outline-offset:2px}.avatar-img{transition:opacity .2s ease}.avatar-img:hover{opacity:.9}.mensagem-timestamp{font-size:.625rem;opacity:.7;margin-top:var(--spacing-xs)}.mensagem-timestamp.direita{text-align:right}.mensagem-timestamp.esquerda{text-align:left}.ia-indicator{margin-left:var(--spacing-xs);font-size:.75rem}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-success)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px var(--color-success)}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:var(--transition-fast);border-radius:50%;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider:before{transform:translate(14px)}.mobile-back-btn:hover{background-color:var(--bg-secondary)}.connection-selector{position:relative}.connection-selector select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:none;outline:none;cursor:pointer}.connection-selector select:focus+.connection-icon{color:var(--color-primary)}.connection-selector:hover .connection-icon{color:var(--color-primary)}.search-container{position:relative;display:flex;gap:var(--spacing-xs);align-items:center}.search-input-wrapper{position:relative;flex:1}.send-button{background-color:var(--color-primary)!important;color:#fff!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.send-button:hover{opacity:.9;transform:scale(1.05)}.send-button:disabled{opacity:.5!important;cursor:not-allowed;transform:scale(1)}.recording-indicator{display:inline-block;width:8px;height:8px;background-color:var(--color-danger);border-radius:50%;margin-left:8px;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.7}}.btn-icon.recording-active{background-color:var(--color-danger)!important;color:#fff!important}