/* Custom styles beyond Tailwind */

/* Severity badge colours not covered by Tailwind defaults */
.badge-critical { @apply bg-red-100 text-red-800 border border-red-200; }
.badge-high     { @apply bg-orange-100 text-orange-800 border border-orange-200; }
.badge-medium   { @apply bg-yellow-100 text-yellow-800 border border-yellow-200; }
.badge-low      { @apply bg-gray-100 text-gray-600 border border-gray-200; }
.badge-positive { @apply bg-green-100 text-green-800 border border-green-200; }

/* HTMX loading indicator */
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline-flex; }
.htmx-request.htmx-indicator  { display: inline-flex; }

/* Smooth transition for HTMX swaps */
[hx-swap], [data-hx-swap] {
  transition: opacity 0.15s ease;
}
.htmx-swapping { opacity: 0; }