/*
 * 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.
 */

/*
 *= require tom-select.default
 *= require trix
*/

@keyframes slide-in {
  0%   { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0); }
}

.animate-slide-in {
  animation: slide-in 0.4s ease-out;
}

@media print {
  nav, header, .no-print { display: none !important; }
  main > div { padding: 0 !important; max-width: none !important; }
  a[href]::after { content: none !important; }
  body { background: #fff !important; }
  table { font-size: 9pt; width: 100%; border-collapse: collapse; }
  th, td { padding: 4px 6px !important; border-bottom: 1px solid #ccc; }
  h1 { font-size: 16pt; margin: 0 0 8pt 0; }
}

@page { margin: 0.8cm; }