/* --- HIRE THE CAT: LIVE DEMO STYLES --- */

/* Custom Scrollbar for Panes to make them look sleek */
.demo-scroll::-webkit-scrollbar { width: 6px; height: 6px; }
.demo-scroll::-webkit-scrollbar-track { background: transparent; }
.demo-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 10px; }
.demo-scroll::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.2); }

/* Hide scrollbar for horizontal quick replies */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Sync Animation (Flashes panels when AI responds to simulate data sync) */
@keyframes syncPulse {
    0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4); border-color: rgba(59, 130, 246, 0.6); }
    70% { box-shadow: 0 0 20px 10px rgba(59, 130, 246, 0); border-color: rgba(255, 255, 255, 0.08); }
    100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); border-color: rgba(255, 255, 255, 0.08); }
}
.sync-active { animation: syncPulse 1.5s ease-out; }

/* Typing Indicator Animation (Jumping dots) */
.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); }
}

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

/* Скрываем полосу прокрутки, сохраняя функционал */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE и Edge */
    scrollbar-width: none;  /* Firefox */
}