@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--primary-color:#114e38;--primary-hover:#064e3b;--bg-color:#f3f4f6;--card-bg:#fff;--text-main:#111827;--text-muted:#6b7280;--border-color:#f3f4f6;--sidebar-w:260px;--right-sidebar-w:320px}*{box-sizing:border-box;scrollbar-width:none;margin:0;padding:0;font-family:Inter,sans-serif}::-webkit-scrollbar{display:none}body{background-color:var(--bg-color);color:var(--text-main);width:100%;min-height:100vh}.dashboard-container{background-color:var(--bg-color);width:100%;max-width:1600px;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background-color:var(--card-bg);flex-shrink:0;height:100vh;padding:24px 0 24px 20px;overflow-y:auto}.main-content{background-color:var(--bg-color);max-width:calc(100vw - var(--sidebar-w) - var(--right-sidebar-w));flex:1;height:100vh;padding:12px 16px;overflow-y:auto}.right-sidebar{width:var(--right-sidebar-w);flex-direction:column;flex-shrink:0;gap:16px;height:100vh;padding:16px;display:flex;overflow-y:auto}.card{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px #00000008}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{color:var(--text-main);background:0 0;border:1px solid #d1d5db}.btn-outline:hover{background:#f9fafb}input{font-family:Inter,sans-serif}@keyframes msg-highlight-pulse{0%{background-color:var(--card-bg);transform:translateY(0)scale(1);box-shadow:0 4px 12px #00000008}20%{background-color:#fef3c7;transform:translateY(-6px)scale(1.03);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}80%{background-color:#fef3c7;transform:translateY(-6px)scale(1.03);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}to{background-color:var(--card-bg);transform:translateY(0)scale(1);box-shadow:0 4px 12px #00000008}}.msg-highlight{z-index:50;animation:2s cubic-bezier(.4,0,.2,1) forwards msg-highlight-pulse!important}.msg-bubble-selectable{cursor:pointer;transition:transform .2s,box-shadow .2s}.msg-bubble-selectable:hover{transform:translateY(-1px)}.msg-bubble-selected{border:1px solid var(--primary-color)!important;background:#114e381a!important}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sidebarSlideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}@keyframes sidebarSlideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes headerSlideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.animate-dashboard{opacity:1;animation:.6s cubic-bezier(.16,1,.3,1) dashboardFadeIn;transform:none}.animate-sidebar-left{opacity:1;animation:.6s cubic-bezier(.16,1,.3,1) sidebarSlideInLeft;transform:none}.animate-sidebar-right{opacity:1;animation:.6s cubic-bezier(.16,1,.3,1) sidebarSlideInRight;transform:none}.animate-header{opacity:1;animation:.6s cubic-bezier(.16,1,.3,1) headerSlideInDown;transform:none}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}@keyframes pageEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.page-entrance{opacity:1;animation:.6s cubic-bezier(.16,1,.3,1) pageEntrance;transform:none}@media (max-width:900px){:root{--sidebar-w:280px}.dashboard-container{flex-direction:column;height:auto;overflow:visible}.sidebar{z-index:1000;height:100vh;width:var(--sidebar-w);transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-100%;box-shadow:20px 0 50px #0000001a}.sidebar.mobile-open{left:0}.main-content{width:100%;height:auto;padding:68px 12px 12px;overflow:visible;max-width:100%!important}.right-sidebar{display:none!important}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.mobile-overlay.visible{opacity:1;pointer-events:auto}.page-entrance{min-height:calc(100vh - 100px);height:auto!important}}.desktop-only{display:flex!important}.desktop-only-block{display:block!important}.mobile-only,.mobile-only-block{display:none!important}.messages-page-main{box-sizing:border-box!important;flex-direction:column!important;flex:1!important;min-width:0!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;padding:0!important;display:flex!important;overflow:hidden!important}.messages-page-main .main-header{flex-shrink:0!important;margin-bottom:8px!important}.messages-entrance-fill{flex:1!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.messages-hub-container{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;flex:1!important;margin:0!important;display:flex!important;overflow:hidden!important}@media (max-width:900px){.desktop-only,.desktop-only-block{display:none!important}.mobile-only{display:flex!important}.mobile-only-block{display:block!important}.messages-page-main{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:100vh!important;max-height:100dvh!important;margin:0!important;padding:56px 0 0!important;display:flex!important;overflow:hidden!important}.messages-page-main .main-header{z-index:100!important;border:none!important;border-bottom:1px solid #f1f5f9!important;border-radius:0!important;flex-shrink:0!important;height:56px!important;min-height:56px!important;margin:0!important;padding:0 16px!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.messages-entrance-fill{flex-direction:column!important;flex:1!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}body.mobile-in-chat-active .main-header,body.mobile-in-chat-active header.main-header{display:none!important}body.mobile-in-chat-active{width:100%!important;height:100dvh!important;position:fixed!important;inset:0!important;overflow:hidden!important}body.mobile-in-chat-active .dashboard-container,body.mobile-in-chat-active .main-content.messages-page-main{flex-direction:column!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}body.mobile-in-chat-active .page-entrance,body.mobile-in-chat-active .messages-entrance-fill{flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.messages-hub-container{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:1!important;margin:0!important;display:flex!important;overflow:hidden!important}.msg-sidebar-mobile-full{border-right:none!important;flex-direction:column!important;flex:1!important;width:100%!important;min-width:100%!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.msg-sidebar-mobile-hidden,.msg-header-client-mobile{display:none!important}.msg-chat-mobile-full{flex-direction:column!important;flex:1!important;width:100%!important;min-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:hidden!important}.msg-chat-mobile-hidden{display:none!important}.msg-header-mobile{background:#fff!important;border-bottom:1px solid #f1f5f9!important;flex-shrink:0!important;min-height:52px!important;padding:10px 14px!important}.msg-thread-mobile{-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;flex:1!important;gap:12px!important;height:auto!important;min-height:0!important;padding:12px 10px!important;overflow:hidden auto!important}.msg-bubble-mobile{word-break:break-word!important;overflow-wrap:break-word!important;max-width:88%!important}.msg-card-mobile{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.msg-input-mobile{padding:8px 10px!important;padding-bottom:max(10px, env(safe-area-inset-bottom,10px))!important;box-sizing:border-box!important;z-index:20!important;background:#fff!important;border-top:1px solid #f1f5f9!important;flex-shrink:0!important;width:100%!important;position:relative!important}.msg-emoji-picker-container{display:none!important}.msg-ai-drawer-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9998!important;background:#00000073!important;position:fixed!important;inset:0!important}.msg-ai-drawer-sheet{z-index:9999!important;background:#fff!important;border-radius:24px 24px 0 0!important;flex-direction:column!important;width:100%!important;height:78vh!important;max-height:82vh!important;animation:.3s cubic-bezier(.16,1,.3,1) slideUpDrawer!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;overflow:hidden!important;box-shadow:0 -10px 40px #0000002e!important}.msg-deliver-modal-mobile{z-index:1000!important;border-radius:24px 24px 0 0!important;width:100%!important;max-height:85vh!important;margin:0!important;padding:20px 16px!important;animation:.3s cubic-bezier(.16,1,.3,1) slideUpDrawer!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;overflow-y:auto!important;box-shadow:0 -10px 40px #0003!important}.messages-hub-container.mobile-transitioning{position:relative!important;overflow:hidden!important}.messages-hub-container.mobile-transitioning .msg-sidebar-mobile-full{z-index:1!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.messages-hub-container.mobile-transitioning .msg-chat-mobile-full{z-index:2!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.msg-chat-slide-in{will-change:transform, opacity;animation:.28s cubic-bezier(.16,1,.3,1) forwards whatsappSlideIn!important}.msg-chat-slide-out{will-change:transform, opacity;pointer-events:none;animation:.26s cubic-bezier(.25,.8,.25,1) forwards whatsappSlideOut!important}.msg-sidebar-slide-left{will-change:transform, opacity;animation:.28s cubic-bezier(.16,1,.3,1) forwards whatsappListSlideLeft!important}.msg-sidebar-slide-back{will-change:transform, opacity;animation:.26s cubic-bezier(.16,1,.3,1) forwards whatsappListSlideBack!important}.msg-viewer-hud-header{padding:10px 14px!important}.msg-viewer-hud-title{max-width:170px!important}.msg-viewer-btn-label{display:none!important}.msg-viewer-intel-toggle{display:flex!important}.msg-viewer-canvas-area{padding:12px 6px!important}.msg-viewer-content-card{border-radius:12px!important}.msg-viewer-floating-hud{gap:8px!important;max-width:calc(100% - 24px)!important;padding:6px 12px!important;bottom:16px!important}.msg-viewer-outline-sidebar{z-index:60!important;width:280px!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important;box-shadow:4px 0 25px #0003!important}.msg-viewer-outline-backdrop{z-index:55!important;background:#00000059!important;display:block!important;position:absolute!important;inset:0!important}.msg-viewer-close-outline{display:block!important}.msg-viewer-intel-panel,.msg-viewer-fit-btn-label{display:none!important}.msg-viewer-canvas-area.is-doc-mode,.viewer-canvas-area.is-doc-mode{background:#fff!important;flex-direction:column!important;flex:1!important;justify-content:stretch!important;align-items:stretch!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.msg-viewer-canvas-area.is-doc-mode .msg-viewer-content-card,.viewer-canvas-area.is-doc-mode .viewer-content-card{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:1!important;display:flex!important;overflow:hidden!important}.msg-viewer-doc-frame-wrapper,.viewer-doc-frame-wrapper{-webkit-overflow-scrolling:touch!important;touch-action:auto!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;padding-bottom:max(6px, env(safe-area-inset-bottom,6px))!important;background:#fff!important;flex-direction:column!important;flex:1!important;display:flex!important;overflow:hidden!important}.msg-viewer-doc-iframe,.viewer-doc-iframe{-webkit-overflow-scrolling:touch!important;touch-action:auto!important;pointer-events:auto!important;border:none!important;flex:1!important;width:100%!important;height:100%!important;min-height:0!important}.msg-viewer-doc-topbar,.viewer-doc-topbar{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;min-height:40px!important;padding:6px 12px!important;display:flex!important}.msg-viewer-doc-topbar button,.msg-viewer-doc-topbar a,.viewer-doc-topbar button,.viewer-doc-topbar a{white-space:nowrap!important;border-radius:7px!important;padding:5px 9px!important;font-size:11px!important}}.msg-viewer-outline-backdrop,.msg-viewer-close-outline,.msg-viewer-intel-toggle{display:none}@keyframes slideUpDrawer{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes whatsappSlideIn{0%{opacity:.92;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes whatsappSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:.92;transform:translate(100%)}}@keyframes whatsappListSlideLeft{0%{opacity:1;transform:translate(0)}to{opacity:.6;transform:translate(-20%)}}@keyframes whatsappListSlideBack{0%{opacity:.6;transform:translate(-20%)}to{opacity:1;transform:translate(0)}}.msg-filter-chip{cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:100px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex}.msg-filter-chip:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.msg-filter-chip.active{color:#fff!important;background:#114e38!important;border-color:#114e38!important;box-shadow:0 2px 8px #114e3840!important}.msg-client-card{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;margin:4px 8px;padding:12px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.msg-client-card:hover{background:#f8fafc;border-color:#f1f5f9;transform:translate(2px)}.msg-client-card.active{background:#f0fdf4!important;border-color:#bbf7d0!important;box-shadow:0 2px 10px #10b98114!important}@keyframes livePulseDot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.live-pulse-dot{animation:2s cubic-bezier(.4,0,.6,1) infinite livePulseDot}@keyframes msgPop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.msg-bubble-enter{animation:.22s cubic-bezier(.16,1,.3,1) both msgPop}