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

/* Native <dialog> modal: reset the UA border/padding (chrome is supplied by the
   dialog's content via Tailwind utilities) and dim the backdrop. Used by the
   `dialog` Stimulus controller. */
dialog {
  border: 0;
  padding: 0;
  /* Tailwind preflight resets margin:0 on everything, which overrides the UA
     stylesheet's `margin:auto` that centres a modal <dialog>. Restore it. */
  margin: auto;
}
dialog::backdrop {
  background: rgba(15, 23, 42, 0.45);
}