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

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.custom-dropdown::-webkit-scrollbar { width: 4px; }
.custom-dropdown::-webkit-scrollbar-thumb { background: #374151; border-radius: 4px; }
.custom-dropdown::-webkit-scrollbar-track { background: #111827; }

.mic-active-blue { animation: pulse-blue 1.5s infinite; background-color: #2563eb !important; border-color: #60a5fa !important; transform: scale(1.1); }
.mic-active-orange { animation: pulse-orange 1.5s infinite; background-color: #ea580c !important; border-color: #fb923c !important; transform: scale(1.1); }

@keyframes pulse-blue { 0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(37, 99, 235, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); } }
@keyframes pulse-orange { 0% { box-shadow: 0 0 0 0 rgba(234, 88, 12, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(234, 88, 12, 0); } 100% { box-shadow: 0 0 0 0 rgba(234, 88, 12, 0); } }

.typing-indicator span { display: inline-block; width: 6px; height: 6px; background-color: #a855f7; border-radius: 50%; animation: typing 1s infinite; margin: 0 2px; }
.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }
.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }
@keyframes typing { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

select { 
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.2em 1.2em;
}