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

/*= require tailwind */

/* Custom destructive button styles - missing from Tailwind v4 generation */
.bg-destructive {
  background-color: hsl(var(--destructive));
}

.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}

.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}

.border-destructive {
  border-color: hsl(var(--destructive));
}

.bg-destructive\/10 {
  background-color: hsl(var(--destructive) / 0.1);
}

.bg-destructive\/15 {
  background-color: hsl(var(--destructive) / 0.15);
}

.border-destructive\/20 {
  border-color: hsl(var(--destructive) / 0.2);
}

.text-destructive {
  color: hsl(var(--destructive));
}

/* Green alert colors for success messages */
.bg-green-50 {
  background-color: rgb(240 253 244);
}

.border-green-200 {
  border-color: rgb(187 247 208);
}

.text-green-800 {
  color: rgb(22 101 52);
}