@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body { font-family: 'Inter', sans-serif; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #cbd5e1; }

/* Animações e Utilitários */
.typing-dot { animation: typing 1.4s infinite ease-in-out both; }
.typing-dot:nth-child(1) { animation-delay: -0.32s; }
.typing-dot:nth-child(2) { animation-delay: -0.16s; }
@keyframes typing { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }

#resizer { width: 4px; cursor: col-resize; background-color: transparent; transition: background-color 0.2s; z-index: 50; }
#resizer:hover, #resizer.resizing { background-color: #6366f1; }

.modal-backdrop { background-color: rgba(0,0,0,0.5); backdrop-filter: blur(2px); }
#resizable-wrapper { transition: max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.avatar-img { width: 100%; height: 100%; object-fit: cover; border-radius: 9999px; }

.tab-btn { border-bottom: 2px solid transparent; color: #64748b; }
.tab-btn.active { border-bottom-color: #4f46e5; color: #4f46e5; font-weight: 600; }
body.loading { opacity: 0; pointer-events: none; }