/*
 * 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.
 */
/* Hide number input arrows for Chrome, Safari, Edge, and Opera */
.no-arrows::-webkit-outer-spin-button,
.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide number input arrows for Firefox */
.no-arrows {
  -moz-appearance: textfield;
}

body > * {
  scrollbar-width: thin;
  scrollbar-color: #314158 #1d293d;
}

/* Fade-in animation for expandable content */
@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fade-in 0.2s ease-out forwards;
}

/* Background-only pulse animation for table rows */
@keyframes bg-pulse {
  0%, 100% {
    background-color: rgb(250 204 21 / 0.1); /* yellow-400/10 */
  }
  50% {
    background-color: rgba(250, 204, 21, 0.03); /* yellow-400/20 */
  }
}

.bg-pulse-yellow {
  animation: bg-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}