/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

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

/* Chat message entrance animation */
@keyframes msg-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-msg-in { animation: msg-in 0.2s ease-out; }

/* Activity bar crossfade */
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
.animate-fade-in { animation: fade-in 0.2s ease-out; }

/* Recording pulse */
@keyframes recording-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.recording-pulse { animation: recording-pulse 1.2s ease-in-out infinite; }

/* Toast slide-in */
@keyframes toast-in {
  from { opacity: 0; transform: translateY(-8px) translateX(-50%); }
  to   { opacity: 1; transform: translateY(0) translateX(-50%); }
}
.animate-toast-in { animation: toast-in 0.2s ease-out; }