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

/* Lock a reorderable sheet list to one edit at a time. The [data-editing]
   attribute is toggled by sortable_controller whenever any row contains a form
   marked with data-edit-form (only the inline edit form has it; Remove buttons
   don't). Applies to every .sheet-list — trip stop_times, checklist items, etc. */
.sheet-list[data-editing] .drag-handle {
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}
.sheet-list[data-editing] a[href*="/edit"] {
  pointer-events: none;
  opacity: 0.5;
}
/* button_to renders a <form class="button_to"> (Remove button). The inline edit
   form is a form_with — no .button_to class — so its Save isn't affected. */
.sheet-list[data-editing] form.button_to {
  pointer-events: none;
  opacity: 0.5;
}