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

@media print {
  .print-page-break { page-break-before: always; }
  body { background: white !important; }
  table { font-size: 11px; }
}

/* Schedule drag & drop */
.schedule-drop-ok {
  outline: 2px solid #16a34a;
  outline-offset: -2px;
  background-color: rgba(22, 163, 74, 0.08) !important;
}
.schedule-drop-no {
  outline: 2px solid #dc2626;
  outline-offset: -2px;
  background-color: rgba(220, 38, 38, 0.06) !important;
}
[data-nurse-name][draggable="true"] {
  cursor: grab;
}
[data-nurse-name][draggable="true"]:active {
  cursor: grabbing;
}
@keyframes swap-flash {
  0%   { background-color: rgba(251, 191, 36, 0.45); }
  100% { background-color: transparent; }
}
.schedule-just-swapped {
  animation: swap-flash 1.8s ease-out;
}