:root{--whatsapp-green: #25D366;--whatsapp-blue: #34B7F1;--whatsapp-teal: #128C7E;--whatsapp-light-green: #DCF8C6;--whatsapp-chat-bg: #ECE5DD;--whatsapp-header: #075E54;--text-primary: #111B21;--text-secondary: #667781;--border-color: #E9EDEF}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .2s,border-color .2s,color .2s;-webkit-tap-highlight-color:transparent}html{font-size:16px;height:100%}@media (max-width: 768px){html{font-size:14px}}html,body{height:100%;width:100%;overflow:hidden;margin:0;padding:0}@media (max-width: 768px){html,body{overflow-y:auto;overflow-x:hidden;position:fixed}}body{height:100%;width:100%;margin:0;padding:0;font-family:Open Sans,Segoe UI,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;color:var(--text-primary);touch-action:manipulation;overflow-x:hidden}#root{height:100%;width:100%;display:flex;flex-direction:column}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit;user-select:none;-webkit-user-select:none}input,textarea{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width: 768px){::-webkit-scrollbar{width:3px;height:3px}}@supports (-webkit-overflow-scrolling: touch){.chat-body{-webkit-overflow-scrolling:touch}}@media (max-width: 768px){html{overscroll-behavior-y:contain}}:root{--whatsapp-teal: #128C7E;--whatsapp-green: #25D366;--whatsapp-light-green: #DCF8C6;--whatsapp-blue: #34B7F1;--whatsapp-background: #E5DDD5}.client-view-heading{color:var(--whatsapp-teal)}.conversation-description{font-size:.85rem;color:#555;margin:0}.progress-dot{width:8px;height:8px;border-radius:50%;background-color:var(--whatsapp-green);margin-right:5px;display:inline-block;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.7}}@media (max-width: 768px){.conversation-card{padding:8px}.control-bar{padding:8px 16px}}.conversation-card:hover{transform:translateY(-1px);transition:transform .2s ease}.status-indicator{transition:opacity .3s ease}.active-conversation{border-left:3px solid var(--whatsapp-teal)}