/* IndexPulse Design System – minimal overrides (Tailwind handles the rest) */

/* Material Symbols configuration */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}

/* Global overflow protection */
* {
  min-width: 0;
}

/* Glass effect for headers */
.glass {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(20px);
}

/* CTA gradient */
.cta-gradient {
  background: linear-gradient(135deg, #006260 0%, #0b7d7a 100%);
}

/* HTMX loading transition */
.htmx-request {
  opacity: 0.7;
  transition: opacity 200ms;
}

/* Spinner */
.spinner {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border: 2px solid rgba(0, 98, 96, 0.2);
  border-top-color: #006260;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  vertical-align: middle;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}