/* app.css — project-level overrides on top of pico.css.
   CSP is default-src 'self': NO inline styles anywhere; put overrides here. */

.flash {
  padding: 0.75rem 1rem;
  border-left: 0.25rem solid var(--pico-primary, #1095c1);
  margin-bottom: 1rem;
}

.flash-error {
  border-left-color: #d93526;
}

.flash-success {
  border-left-color: #2e7d32;
}

/* Layout utilities — replace former inline style="" attributes (the prod CSP
   default-src 'self' has no 'unsafe-inline', so inline styles are dropped). */
.col-narrow {
  max-width: 26rem;
  margin: 4rem auto;
}

.col-wide {
  max-width: 30rem;
  margin: 3rem auto;
}

.d-inline {
  display: inline;
}

/* htmx loading indicator — normally injected inline by htmx, but the CSP forbids
   inline <style>, so htmx-config disables that (base.html) and we ship it here. */
.htmx-indicator {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.htmx-request .htmx-indicator {
  opacity: 1;
}
.htmx-request.htmx-indicator {
  opacity: 1;
}