body { font-family: 'Inter', sans-serif; padding-top: 5rem; }

.glass-panel {
background: rgba(30, 41, 59, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #d97706; border-radius: 4px; }

/* AI loading animation dots */
.dot-flashing {
position: relative;
width: 8px;
height: 8px;
border-radius: 5px;
background-color: #f59e0b;
color: #f59e0b;
animation: dot-flashing 1s infinite linear alternate;
animation-delay: 0.5s;
}
.dot-flashing::before, .dot-flashing::after {
content: '';
display: inline-block;
position: absolute;
top: 0;
}
.dot-flashing::before {
left: -15px;
width: 8px;
height: 8px;
border-radius: 5px;
background-color: #f59e0b;
color: #f59e0b;
animation: dot-flashing 1s infinite alternate;
animation-delay: 0s;
}
.dot-flashing::after {
left: 15px;
width: 8px;
height: 8px;
border-radius: 5px;
background-color: #f59e0b;
color: #f59e0b;
animation: dot-flashing 1s infinite alternate;
animation-delay: 1s;
}
@keyframes dot-flashing {
0% { background-color: #f59e0b; }
50%, 100% { background-color: rgba(245, 158, 11, 0.2); }
}
/* ... existing code ... */
@keyframes dot-flashing {
0% { background-color: #f59e0b; }
50%, 100% { background-color: rgba(245, 158, 11, 0.2); }
}

/* Custom styles for Zoho Bigin Multiselect Dropdown overrides */
.dropdown-menu::-webkit-scrollbar {
width: 6px;
}
.dropdown-menu::-webkit-scrollbar-track {
background: #1e293b;
border-radius: 4px;
}
.dropdown-menu::-webkit-scrollbar-thumb {
background: #475569;
border-radius: 4px;
}
.dropdown-menu::-webkit-scrollbar-thumb:hover {
background: #f59e0b;
}