@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fffffff2;--bg-card-hover:#f1f5f9;--bg-input:#fff;--border-color:#e2e8f0;--border-focus:#3b82f6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-blue:#2563eb;--accent-blue-hover:#1d4ed8;--accent-cyan:#0891b2;--accent-purple:#7c3aed;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--status-available:#10b981;--status-in-chat:#2563eb;--status-busy:#f59e0b;--status-offline:#94a3b8;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px 0 #0000000f, 0 1px 2px 0 #0000000a;--shadow-md:0 4px 16px -2px #0000000f, 0 2px 6px -1px #0000000a;--shadow-lg:0 12px 30px -4px #0f172a14, 0 4px 12px -2px #0f172a0a;--shadow-glow:0 0 20px #2563eb33;--shadow-glow-emerald:0 0 20px #10b98140;--shadow-glow-amber:0 0 20px #f59e0b33}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 10% 15%,#2563eb0a 0%,#0000 45%),radial-gradient(circle at 90% 85%,#7c3aed0a 0%,#0000 45%),radial-gradient(circle,#10b98108 0%,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#0000001f}::-webkit-scrollbar-thumb:hover{background:#00000038}.glass-panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff}.glass-nav{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#ffffffeb;box-shadow:0 1px 3px #00000008}@keyframes radar-pulse{0%{transform:scale(.95);box-shadow:0 0 #2563eb66}70%{transform:scale(1.05);box-shadow:0 0 0 28px #2563eb00}to{transform:scale(.95);box-shadow:0 0 #2563eb00}}.radar-anim{animation:2s cubic-bezier(.4,0,.6,1) infinite radar-pulse}@keyframes broadcast-ring{0%{border-color:#10b98166;box-shadow:0 0 8px #10b98126}50%{border-color:#10b981e6;box-shadow:0 0 22px #10b98159}to{border-color:#10b98166;box-shadow:0 0 8px #10b98126}}.broadcast-flash{animation:1.2s ease-in-out infinite broadcast-ring}@keyframes dot-blink{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1.15)}}.typing-dot:first-child{animation:1.4s ease-in-out infinite dot-blink}.typing-dot:nth-child(2){animation:1.4s ease-in-out .2s infinite dot-blink}.typing-dot:nth-child(3){animation:1.4s ease-in-out .4s infinite dot-blink}.status-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-available{background-color:var(--status-available);box-shadow:0 0 6px #10b98199}.status-in_chat{background-color:var(--status-in-chat);box-shadow:0 0 6px #2563eb99}.status-busy{background-color:var(--status-busy);box-shadow:0 0 6px #f59e0b99}.status-offline{background-color:var(--status-offline)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1)}input,textarea,select{outline:none;font-family:inherit}.customer-page-header{padding:14px 24px}.customer-container{width:100%;max-width:880px;margin:16px auto;padding:0 16px}.customer-card{padding:34px 36px}.form-grid-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid-phone{grid-template-columns:1.15fr 1.85fr;gap:16px;display:grid}.form-actions-row{justify-content:space-between;align-items:center;gap:14px;padding-top:8px;display:flex}.customer-chat-box{background-color:#fff;flex-direction:column;height:clamp(520px,100dvh - 140px,720px);display:flex;overflow:hidden}.customer-page-root.chat-active-mode{flex-direction:column!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.customer-container.customer-container-active{box-sizing:border-box!important;flex-direction:column!important;flex:1!important;width:100%!important;max-width:900px!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0 auto!important;padding:10px 16px 14px!important;display:flex!important}.customer-chat-box.whatsapp-chat-box{border:1px solid var(--border-color)!important;background-color:#efeae2!important;border-radius:16px!important;flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:hidden!important;box-shadow:0 4px 24px #00000014!important}.whatsapp-stream{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;background-color:#efeae2!important;background-image:radial-gradient(#0000000d 1px,#0000 1px),radial-gradient(#0000000d 1px,#efeae2 1px)!important;background-position:0 0,10px 10px!important;background-size:20px 20px!important}.waiting-metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;display:grid}.quick-samples-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:680px){.customer-page-header{padding:10px 14px!important}.customer-container{margin:8px auto!important;padding:0 10px!important}.customer-card{border-radius:14px!important;padding:20px 14px!important}.form-grid-row,.form-grid-phone{grid-template-columns:1fr!important;gap:14px!important}.form-actions-row{flex-direction:column-reverse!important;align-items:stretch!important;gap:12px!important}.form-actions-row button[type=submit]{justify-content:center!important;width:100%!important;padding:14px 20px!important;font-size:15px!important}.routing-note{text-align:center!important;justify-content:center!important;font-size:11px!important}.customer-chat-box{border-radius:14px!important;height:calc(100dvh - 90px)!important}.customer-container.customer-container-active{border-radius:0!important;flex:1!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0!important}.customer-chat-box.whatsapp-chat-box{height:100%!important;max-height:100%!important;box-shadow:none!important;border:none!important;border-top:1px solid #e2e8f0!important;border-radius:0!important;flex:1!important}.whatsapp-stream{padding:10px 8px!important}.whatsapp-input-bar{background-color:#f0f2f5!important;padding:6px 8px!important}.chat-messages-stream{gap:10px!important;padding:14px 10px!important}.chat-input-bar{padding:10px 12px!important}.waiting-metrics-grid{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:20px!important}.quick-samples-bar{width:100%!important;margin-top:6px!important}.customer-page-title{font-size:20px!important}.customer-page-subtitle{font-size:13px!important}}.support-portal-header{z-index:50;padding:12px 20px;position:sticky;top:0}.support-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1400px;margin:0 auto;display:flex}.support-tabs-group{border:1px solid var(--border-color);background-color:#f1f5f9;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.support-portal-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:50;background-color:#fffffff5;padding:12px 28px;position:sticky;top:0;box-shadow:0 1px 4px #0000000a}.support-header-inner{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1400px;margin:0 auto;display:flex}.support-brand-section{flex-shrink:0;align-items:center;gap:12px;display:flex}.mobile-agent-header-actions{display:none}.support-tabs-group{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.support-header-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.support-nav-actions{align-items:center;gap:8px;display:flex}.desktop-agent-divider{display:block}.desktop-agent-session-badge{align-items:center;gap:8px;display:flex}.active-chat-console-grid{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}.chat-stream-box{background-color:#fff;flex-direction:column;height:660px;display:flex;overflow:hidden}.mobile-dossier-toggle-bar,.mobile-dossier-toggle-btn{display:none}.agent-dossier-sidebar{flex-direction:column;gap:16px;display:flex}.incoming-broadcast-card{border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;transition:all .2s;display:flex}.incoming-broadcast-claim-btn{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 16px #10b98166}.status-button-group{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:4px;display:flex}@media (max-width:992px){.active-chat-console-grid{grid-template-columns:1fr!important;gap:16px!important}.chat-stream-box{height:580px!important}.mobile-dossier-toggle-bar{display:flex!important}.mobile-dossier-toggle-btn{display:inline-flex!important}.mobile-dossier-sidebar-hidden{display:none!important}.mobile-dossier-sidebar-visible{width:100%!important;display:flex!important}.mobile-hide-stream{display:none!important}}.agent-status-segmented-group{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:4px;display:flex}.agent-status-btn{color:#64748b;cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.agent-status-btn:hover:not(:disabled){color:#0f172a;background-color:#fff}.agent-status-btn:disabled{opacity:.5;cursor:not-allowed}.agent-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.agent-status-btn.active-available{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0;box-shadow:0 1px 3px #10b98126}.agent-status-btn.active-busy{color:#d97706;background-color:#fffbeb;border-color:#fde68a;box-shadow:0 1px 3px #f59e0b26}.agent-status-btn.active-break{color:#7c3aed;background-color:#f5f3ff;border-color:#ddd6fe;box-shadow:0 1px 3px #8b5cf626}.agent-status-btn.active-offline{color:#475569;background-color:#f1f5f9;border-color:#cbd5e1;box-shadow:0 1px 3px #64748b26}.agent-status-btn.active-sound{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0;box-shadow:0 1px 3px #10b98126}.agent-status-btn.active-muted{color:#ef4444;background-color:#fef2f2;border-color:#fecaca;box-shadow:0 1px 3px #ef444426}@media (max-width:768px){.support-portal-header{padding:10px 14px!important}.support-header-inner{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.support-brand-section{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.mobile-agent-header-actions{align-items:center!important;gap:8px!important;display:flex!important}.desktop-agent-session-badge,.desktop-agent-divider{display:none!important}.support-tabs-group{width:100%!important}.support-tabs-group button{flex:1!important;justify-content:center!important;padding:9px 12px!important;font-size:13px!important}.support-header-right,.support-subtitle{display:none!important}.agent-workspace-container{margin:8px auto!important;padding:0 10px!important}.agent-identity-panel{margin-bottom:14px!important;padding:14px!important}.agent-identity-top-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.agent-status-segmented-group{grid-template-columns:repeat(4,1fr)!important;gap:4px!important;width:100%!important;padding:3px!important;display:grid!important}.agent-status-btn{gap:4px!important;padding:7px 4px!important;font-size:11px!important}.incoming-broadcast-card{flex-direction:column!important;align-items:stretch!important;padding:16px 14px!important}.incoming-broadcast-claim-btn{width:100%!important;padding:14px 16px!important;font-size:14px!important}.chat-stream-box{border-radius:12px!important;height:calc(100dvh - 160px)!important;min-height:480px!important}.chat-header-mobile{padding:12px 14px!important}.chat-header-mobile-actions{gap:6px!important;width:100%!important;margin-top:8px!important;display:flex!important}.chat-header-mobile-actions button{flex:1!important}.canned-macros-bar{padding:8px 10px!important}.canned-macros-bar button{padding:6px 10px!important;font-size:11px!important}.chat-input-form{padding:10px 12px!important}.supervisor-kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.supervisor-banner{padding:16px 14px!important}}@media (max-width:480px){.supervisor-kpi-grid{grid-template-columns:1fr!important}}