/* Project-specific styles layered on top of Pico.css.
   Keep this small; prefer semantic HTML + Pico defaults. */

.message {
  padding: 0.5rem 1rem;
}
.message.success { border-left: 4px solid var(--pico-color-green-500, #22c55e); }
.message.error,
.message.danger  { border-left: 4px solid var(--pico-color-red-500, #ef4444); }
.message.warning { border-left: 4px solid var(--pico-color-amber-500, #f59e0b); }

/* HTMX: show a subtle busy cue on elements making requests. */
.htmx-request { opacity: 0.6; transition: opacity 150ms ease; }