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

.diff { display: block; }

/* iOS Safari does not activate a submit button when the tap lands on an SVG child.
   The trash icons are stroke-only, so the tap hits the SVG and the form never submits. */
button svg {
  pointer-events: none;
}

button[aria-label^="Delete "] {
  touch-action: manipulation;
  min-width: 2.75rem;
  min-height: 2.75rem;
}
.diff ul { list-style: none; padding: 0; margin: 0; font-family: ui-monospace, monospace; font-size: 0.8rem; }
.diff li { padding: 0.15rem 0.5rem; white-space: pre-wrap; }
.diff del { background: #ffe4e6; text-decoration: none; display: block; }
.diff ins { background: #dcfce7; text-decoration: none; display: block; }