/*
 * Application styles. Bootstrap 5.3.8 is linked from vendor/assets/stylesheets BEFORE this
 * file (see app/views/layouts/application.html.erb), so anything here overrides it.
 *
 * Keep this small: prefer Bootstrap's utilities and CSS custom properties over new rules.
 */

/* Numeric columns line up better with tabular figures. */
.font-monospace {
  font-variant-numeric: tabular-nums;
  font-size: 0.9375rem;
}

/* The scale-ticket table is wide by nature; give it a sensible minimum before scrolling. */
.table-responsive > .table {
  min-width: 40rem;
}

/* Upload area at the top of the tickets index. `is-dragging` is toggled by the
   ticket-import Stimulus controller while a file is held over the zone. */
.ticket-dropzone {
  cursor: pointer;
  border: 2px dashed var(--bs-border-color);
  border-radius: var(--bs-border-radius-lg);
  background-color: var(--bs-tertiary-bg);
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.ticket-dropzone.is-dragging {
  border-color: var(--bs-primary);
  background-color: var(--bs-primary-bg-subtle);
}

/* The file field sits inline with the upload button; full width would dwarf it. */
.ticket-dropzone__input {
  max-width: 22rem;
}

/* Fieldset legends on the ticket form read as section headings, not form labels. */
fieldset > legend {
  border-bottom: 1px solid var(--bs-border-color);
  padding-bottom: 0.375rem;
  margin-bottom: 0.875rem;
}