@tailwind base;
@tailwind components;
@tailwind utilities;

/* —––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Asegúrate de tener definidas tus variables en :root:                        */
/*   --warning-100 … --warning-900                                                */
/*   --info-100 … --info-900                                                      */
/*   --success-100 … --success-900                                                */
/*   --warning-* se usa también para yellow (colores “amarillos”)                */
/* —––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
@layer base {
  */ ::before, ::after {
    --tw-text-opacity: 1;
    --tw-bg-opacity : 1;
    --tw-border-opacity: 1;
  }
}

@layer utilities {
  /* WARNING */
  .text-warning-100 { --tw-text-opacity:1; color: rgba(var(--warning-100) , var(--tw-text-opacity)) !important; }
  .bg-warning-100   { --tw-bg-opacity:1; background-color: rgba(var(--warning-100) , var(--tw-bg-opacity)) !important; }
  .text-warning-200 { --tw-text-opacity:1; color: rgba(var(--warning-200) , var(--tw-text-opacity)) !important; }
  .bg-warning-200   { --tw-bg-opacity:1; background-color: rgba(var(--warning-200) , var(--tw-bg-opacity)) !important; }
  .text-warning-300 { --tw-text-opacity:1; color: rgba(var(--warning-300) , var(--tw-text-opacity)) !important; }
  .bg-warning-300   { --tw-bg-opacity:1; background-color: rgba(var(--warning-300) , var(--tw-bg-opacity)) !important; }
  .text-warning-400 { --tw-text-opacity:1; color: rgba(var(--warning-400) , var(--tw-text-opacity)) !important; }
  .bg-warning-400   { --tw-bg-opacity:1; background-color: rgba(var(--warning-400) , var(--tw-bg-opacity)) !important; }
  .text-warning-500 { --tw-text-opacity:1; color: rgba(var(--warning-500) , var(--tw-text-opacity)) !important; }
  .bg-warning-500   { --tw-bg-opacity:1; background-color: rgba(var(--warning-500) , var(--tw-bg-opacity)) !important; }
  .text-warning-600 { --tw-text-opacity:1; color: rgba(var(--warning-600) , var(--tw-text-opacity)) !important; }
  .bg-warning-600   { --tw-bg-opacity:1; background-color: rgba(var(--warning-600) , var(--tw-bg-opacity)) !important; }
  .text-warning-700 { --tw-text-opacity:1; color: rgba(var(--warning-700) , var(--tw-text-opacity)) !important; }
  .bg-warning-700   { --tw-bg-opacity:1; background-color: rgba(var(--warning-700) , var(--tw-bg-opacity)) !important; }
  .text-warning-800 { --tw-text-opacity:1; color: rgba(var(--warning-800) , var(--tw-text-opacity)) !important; }
  .bg-warning-800   { --tw-bg-opacity:1; background-color: rgba(var(--warning-800) , var(--tw-bg-opacity)) !important; }
  .text-warning-900 { --tw-text-opacity:1; color: rgba(var(--warning-900) , var(--tw-text-opacity)) !important; }
  .bg-warning-900   { --tw-bg-opacity:1; background-color: rgba(var(--warning-900) , var(--tw-bg-opacity)) !important; }

  /* INFO */
  .text-info-100 { --tw-text-opacity:1; color: rgba(var(--info-100) , var(--tw-text-opacity)) !important; }
  .bg-info-100   { --tw-bg-opacity:1; background-color: rgb(var(--info-100) / var(--tw-bg-opacity)) !important; }
  .text-info-200 { --tw-text-opacity:1; color: rgba(var(--info-200) , var(--tw-text-opacity)) !important; }
  .bg-info-200   { --tw-bg-opacity:1; background-color: rgb(var(--info-200) / var(--tw-bg-opacity)) !important; }
  .text-info-300 { --tw-text-opacity:1; color: rgba(var(--info-300) , var(--tw-text-opacity)) !important; }
  .bg-info-300   { --tw-bg-opacity:1; background-color: rgb(var(--info-300) / var(--tw-bg-opacity)) !important; }
  .text-info-400 { --tw-text-opacity:1; color: rgba(var(--info-400) , var(--tw-text-opacity)) !important; }
  .bg-info-400   { --tw-bg-opacity:1; background-color: rgb(var(--info-400) / var(--tw-bg-opacity)) !important; }
  .text-info-500 { --tw-text-opacity:1; color: rgba(var(--info-500) , var(--tw-text-opacity)) !important; }
  .bg-info-500   { --tw-bg-opacity:1; background-color: rgb(var(--info-500) / var(--tw-bg-opacity)) !important; }
  .text-info-600 { --tw-text-opacity:1; color: rgba(var(--info-600) , var(--tw-text-opacity)) !important; }
  .bg-info-600   { --tw-bg-opacity:1; background-color: rgba(var(--info-600) , var(--tw-bg-opacity)) !important; }
  .text-info-700 { --tw-text-opacity:1; color: rgba(var(--info-700) , var(--tw-text-opacity)) !important; }
  .bg-info-700   { --tw-bg-opacity:1; background-color: rgb(var(--info-700) / var(--tw-bg-opacity)) !important; }
  .text-info-800 { --tw-text-opacity:1; color: rgba(var(--info-800) , var(--tw-text-opacity)) !important; }
  .bg-info-800   { --tw-bg-opacity:1; background-color: rgb(var(--info-800) / var(--tw-bg-opacity)) !important; }
  .text-info-900 { --tw-text-opacity:1; color: rgba(var(--info-900) , var(--tw-text-opacity)) !important; }
  .bg-info-900   { --tw-bg-opacity:1; background-color: rgb(var(--info-900) / var(--tw-bg-opacity)) !important; }

  /* SUCCESS */
  .text-success-100 { --tw-text-opacity:1; color: rgba(var(--success-100) , var(--tw-text-opacity)) !important; }
  .bg-success-100   { --tw-bg-opacity:1; background-color: rgb(var(--success-100) / var(--tw-bg-opacity)) !important; }
  .text-success-200 { --tw-text-opacity:1; color: rgba(var(--success-200) , var(--tw-text-opacity)) !important; }
  .bg-success-200   { --tw-bg-opacity:1; background-color: rgb(var(--success-200) / var(--tw-bg-opacity)) !important; }
  .text-success-300 { --tw-text-opacity:1; color: rgba(var(--success-300) , var(--tw-text-opacity)) !important; }
  .bg-success-300   { --tw-bg-opacity:1; background-color: rgb(var(--success-300) / var(--tw-bg-opacity)) !important; }
  .text-success-400 { --tw-text-opacity:1; color: rgba(var(--success-400) , var(--tw-text-opacity)) !important; }
  .bg-success-400   { --tw-bg-opacity:1; background-color: rgb(var(--success-400) / var(--tw-bg-opacity)) !important; }
  .text-success-500 { --tw-text-opacity:1; color: rgba(var(--success-500) , var(--tw-text-opacity)) !important; }
  .bg-success-500   { --tw-bg-opacity:1; background-color: rgb(var(--success-500) / var(--tw-bg-opacity)) !important; }
  .text-success-600 { --tw-text-opacity:1; color: rgba(var(--success-600) , var(--tw-text-opacity)) !important; }
  .bg-success-600   { --tw-bg-opacity:1; background-color: rgb(var(--success-600) / var(--tw-bg-opacity)) !important; }
  .text-success-700 { --tw-text-opacity:1; color: rgba(var(--success-700) , var(--tw-text-opacity)) !important; }
  .bg-success-700   { --tw-bg-opacity:1; background-color: rgb(var(--success-700) / var(--tw-bg-opacity)) !important; }
  .text-success-800 { --tw-text-opacity:1; color: rgba(var(--success-800) , var(--tw-text-opacity)) !important; }
  .bg-success-800   { --tw-bg-opacity:1; background-color: rgb(var(--success-800) / var()) !important; }
  .text-success-900 { --tw-text-opacity:1; color: rgba(var(--success-900) , var(--tw-text-opacity)) !important; }
  .bg-success-900   { --tw-bg-opacity:1; background-color: rgb(var(--success-900) / var(--tw-bg-opacity)) !important; }

  /* YELLOW (alias de warning) */
  .text-yellow-100 { --tw-text-opacity:1; color: rgba(var(--warning-100) , var(--tw-text-opacity)) !important; }
  .bg-yellow-100   { --tw-bg-opacity:1; background-color: rgb(var(--warning-100) / var(--tw-bg-opacity)) !important; }
  .text-yellow-200 { --tw-text-opacity:1; color: rgba(var(--warning-200) , var(--tw-text-opacity)) !important; }
  .bg-yellow-200   { --tw-bg-opacity:1; background-color: rgb(var(--warning-200) / var(--tw-bg-opacity)) !important; }
  .text-yellow-300 { --tw-text-opacity:1; color: rgba(var(--warning-300) , var(--tw-text-opacity)) !important; }
  .bg-yellow-300   { --tw-bg-opacity:1; background-color: rgb(var(--warning-300) / var(--tw-bg-opacity)) !important; }
  .text-yellow-400 { --tw-text-opacity:1; color: rgba(var(--warning-400) , var(--tw-text-opacity)) !important; }
  .bg-yellow-400   { --tw-bg-opacity:1; background-color: rgb(var(--warning-400) / var(--tw-bg-opacity)) !important; }
  .text-yellow-500 { --tw-text-opacity:1; color: rgba(var(--warning-500) , var(--tw-text-opacity)) !important; }
  .bg-yellow-500   { --tw-bg-opacity:1; background-color: rgb(var(--warning-500) / var(--tw-bg-opacity)) !important; }
  .text-yellow-600 { --tw-text-opacity:1; color: rgba(var(--warning-600) , var(--tw-text-opacity)) !important; }
  .bg-yellow-600   { --tw-bg-opacity:1; background-color: rgb(var(--warning-600) / var(--tw-bg-opacity)) !important; }
  .text-yellow-700 { --tw-text-opacity:1; color: rgba(var(--warning-700) , var(--tw-text-opacity)) !important; }
  .bg-yellow-700   { --tw-bg-opacity:1; background-color: rgb(var(--warning-700) / var(--tw-bg-opacity)) !important; }
  .text-yellow-800 { --tw-text-opacity:1; color: rgba(var(--warning-800) , var(--tw-text-opacity)) !important; }
  .bg-yellow-800   { --tw-bg-opacity:1; background-color: rgb(var(--warning-800) / var(--tw-bg-opacity)) !important; }
  .text-yellow-900 { --tw-text-opacity:1; color: rgba(var(--warning-900) , var(--tw-text-opacity)) !important; }
  .bg-yellow-900   { --tw-bg-opacity:1; background-color: rgb(var(--warning-900) / var(--tw-bg-opacity)) !important; }

    /* RED (para feriados) */
  .text-red-100 { --tw-text-opacity:1; color: rgb(254 226 226 / var(--tw-text-opacity)) !important; }
  .bg-red-100   { --tw-bg-opacity:1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)) !important; }
  .text-red-200 { --tw-text-opacity:1; color: rgb(254 202 202 / var(--tw-text-opacity)) !important; }
  .bg-red-200   { --tw-bg-opacity:1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)) !important; }
  .text-red-300 { --tw-text-opacity:1; color: rgb(252 165 165 / var(--tw-text-opacity)) !important; }
  .bg-red-300   { --tw-bg-opacity:1; background-color: rgb(252 165 165 / var(--tw-bg-opacity)) !important; }
  .text-red-400 { --tw-text-opacity:1; color: rgb(248 113 113 / var(--tw-text-opacity)) !important; }
  .bg-red-400   { --tw-bg-opacity:1; background-color: rgb(248 113 113 / var(--tw-bg-opacity)) !important; }
  .text-red-500 { --tw-text-opacity:1; color: rgb(239 68 68 / var(--tw-text-opacity)) !important; }
  .bg-red-500   { --tw-bg-opacity:1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)) !important; }
  .text-red-600 { --tw-text-opacity:1; color: rgb(220 38 38 / var(--tw-text-opacity)) !important; }
  .bg-red-600   { --tw-bg-opacity:1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)) !important; }
  .text-red-700 { --tw-text-opacity:1; color: rgb(185 28 28 / var(--tw-text-opacity)) !important; }
  .bg-red-700   { --tw-bg-opacity:1; background-color: rgb(185 28 28 / var(--tw-bg-opacity)) !important; }
  .text-red-800 { --tw-text-opacity:1; color: rgb(153 27 27 / var(--tw-text-opacity)) !important; }
  .bg-red-800   { --tw-bg-opacity:1; background-color: rgb(153 27 27 / var(--tw-bg-opacity)) !important; }
  .text-red-900 { --tw-text-opacity:1; color: rgb(127 29 29 / var(--tw-text-opacity)) !important; }
  .bg-red-900   { --tw-bg-opacity:1; background-color: rgb(127 29 29 / var(--tw-bg-opacity)) !important; }

/* BORDER WARNING */
.border-warning-100 { --tw-border-opacity:1; border-color: rgba(var(--warning-100) , var(--tw-border-opacity)) !important; }
.border-warning-200 { --tw-border-opacity:1; border-color: rgba(var(--warning-200) , var(--tw-border-opacity)) !important; }
.border-warning-300 { --tw-border-opacity:1; border-color: rgba(var(--warning-300) , var(--tw-border-opacity)) !important; }
.border-warning-400 { --tw-border-opacity:1; border-color: rgba(var(--warning-400) , var(--tw-border-opacity)) !important; }
.border-warning-500 { --tw-border-opacity:1; border-color: rgba(var(--warning-500) , var(--tw-border-opacity)) !important; }
.border-warning-600 { --tw-border-opacity:1; border-color: rgba(var(--warning-600) , var(--tw-border-opacity)) !important; }
.border-warning-700 { --tw-border-opacity:1; border-color: rgba(var(--warning-700) , var(--tw-border-opacity)) !important; }
.border-warning-800 { --tw-border-opacity:1; border-color: rgba(var(--warning-800) , var(--tw-border-opacity)) !important; }
.border-warning-900 { --tw-border-opacity:1; border-color: rgba(var(--warning-900) , var(--tw-border-opacity)) !important; }

/* BORDER INFO */
.border-info-100 { --tw-border-opacity:1; border-color: rgba(var(--info-100) , var(--tw-border-opacity)) !important; }
.border-info-200 { --tw-border-opacity:1; border-color: rgba(var(--info-200) , var(--tw-border-opacity)) !important; }
.border-info-300 { --tw-border-opacity:1; border-color: rgba(var(--info-300) , var(--tw-border-opacity)) !important; }
.border-info-400 { --tw-border-opacity:1; border-color: rgba(var(--info-400) , var(--tw-border-opacity)) !important; }
.border-info-500 { --tw-border-opacity:1; border-color: rgba(var(--info-500) , var(--tw-border-opacity)) !important; }
.border-info-600 { --tw-border-opacity:1; border-color: rgba(var(--info-600) , var(--tw-border-opacity)) !important; }
.border-info-700 { --tw-border-opacity:1; border-color: rgba(var(--info-700) , var(--tw-border-opacity)) !important; }
.border-info-800 { --tw-border-opacity:1; border-color: rgba(var(--info-800) , var(--tw-border-opacity)) !important; }
.border-info-900 { --tw-border-opacity:1; border-color: rgba(var(--info-900) , var(--tw-border-opacity)) !important; }

/* BORDER SUCCESS */
.border-success-100 { --tw-border-opacity:1; border-color: rgba(var(--success-100) , var(--tw-border-opacity)) !important; }
.border-success-200 { --tw-border-opacity:1; border-color: rgba(var(--success-200) , var(--tw-border-opacity)) !important; }
.border-success-300 { --tw-border-opacity:1; border-color: rgba(var(--success-300) , var(--tw-border-opacity)) !important; }
.border-success-400 { --tw-border-opacity:1; border-color: rgba(var(--success-400) , var(--tw-border-opacity)) !important; }
.border-success-500 { --tw-border-opacity:1; border-color: rgba(var(--success-500) , var(--tw-border-opacity)) !important; }
.border-success-600 { --tw-border-opacity:1; border-color: rgba(var(--success-600) , var(--tw-border-opacity)) !important; }
.border-success-700 { --tw-border-opacity:1; border-color: rgba(var(--success-700) , var(--tw-border-opacity)) !important; }
.border-success-800 { --tw-border-opacity:1; border-color: rgba(var(--success-800) , var(--tw-border-opacity)) !important; }
.border-success-900 { --tw-border-opacity:1; border-color: rgba(var(--success-900) , var(--tw-border-opacity)) !important; }

/* BORDER YELLOW (alias de warning) */
.border-yellow-100 { --tw-border-opacity:1; border-color: rgba(var(--warning-100) , var(--tw-border-opacity)) !important; }
.border-yellow-200 { --tw-border-opacity:1; border-color: rgba(var(--warning-200) , var(--tw-border-opacity)) !important; }
.border-yellow-300 { --tw-border-opacity:1; border-color: rgba(var(--warning-300) , var(--tw-border-opacity)) !important; }
.border-yellow-400 { --tw-border-opacity:1; border-color: rgba(var(--warning-400) , var(--tw-border-opacity)) !important; }
.border-yellow-500 { --tw-border-opacity:1; border-color: rgba(var(--warning-500) , var(--tw-border-opacity)) !important; }
.border-yellow-600 { --tw-border-opacity:1; border-color: rgba(var(--warning-600) , var(--tw-border-opacity)) !important; }
.border-yellow-700 { --tw-border-opacity:1; border-color: rgba(var(--warning-700) , var(--tw-border-opacity)) !important; }
.border-yellow-800 { --tw-border-opacity:1; border-color: rgba(var(--warning-800) , var(--tw-border-opacity)) !important; }
.border-yellow-900 { --tw-border-opacity:1; border-color: rgba(var(--warning-900) , var(--tw-border-opacity)) !important; }

.border-red-100 { --tw-border-opacity:1; border-color: rgba(254 226 226 , var(--tw-border-opacity)) !important; }
.border-red-200 { --tw-border-opacity:1; border-color: rgba(254 202 202 , var(--tw-border-opacity)) !important; }
.border-red-300 { --tw-border-opacity:1; border-color: rgba(252 165 165 , var(--tw-border-opacity)) !important; }
.border-red-400 { --tw-border-opacity:1; border-color: rgba(248 113 113 , var(--tw-border-opacity)) !important; }
.border-red-500 { --tw-border-opacity:1; border-color: rgba(239 68 68 , var(--tw-border-opacity)) !important; }
.border-red-600 { --tw-border-opacity:1; border-color: rgba(220 38 38 , var(--tw-border-opacity)) !important; }
.border-red-700 { --tw-border-opacity:1; border-color: rgba(185 28 28 , var(--tw-border-opacity)) !important; }
.border-red-800 { --tw-border-opacity:1; border-color: rgba(153 27 27 , var(--tw-border-opacity)) !important; }
  .border-red-900 { --tw-border-opacity:1; border-color: rgba(127 29 29 , var(--tw-border-opacity)) !important; }

  /* GRAY - Light Mode */
  .text-gray-50 { --tw-text-opacity:1; color: rgb(249 250 251 / var(--tw-text-opacity)) !important; }
  .bg-gray-50   { --tw-bg-opacity:1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; }
  .text-gray-100 { --tw-text-opacity:1; color: rgb(243 244 246 / var(--tw-text-opacity)) !important; }
  .bg-gray-100   { --tw-bg-opacity:1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; }
  .text-gray-200 { --tw-text-opacity:1; color: rgb(229 231 235 / var(--tw-text-opacity)) !important; }
  .bg-gray-200   { --tw-bg-opacity:1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; }
  .text-gray-300 { --tw-text-opacity:1; color: rgb(209 213 219 / var(--tw-text-opacity)) !important; }
  .bg-gray-300   { --tw-bg-opacity:1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important; }
  .text-gray-400 { --tw-text-opacity:1; color: rgb(156 163 175 / var(--tw-text-opacity)) !important; }
  .bg-gray-400   { --tw-bg-opacity:1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)) !important; }
  .text-gray-500 { --tw-text-opacity:1; color: rgb(107 114 128 / var(--tw-text-opacity)) !important; }
  .bg-gray-500   { --tw-bg-opacity:1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)) !important; }
  .text-gray-600 { --tw-text-opacity:1; color: rgb(75 85 99 / var(--tw-text-opacity)) !important; }
  .bg-gray-600   { --tw-bg-opacity:1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important; }
  .text-gray-700 { --tw-text-opacity:1; color: rgb(55 65 81 / var(--tw-text-opacity)) !important; }
  .bg-gray-700   { --tw-bg-opacity:1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important; }
  .text-gray-800 { --tw-text-opacity:1; color: rgb(31 41 55 / var(--tw-text-opacity)) !important; }
  .bg-gray-800   { --tw-bg-opacity:1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important; }
  .text-gray-900 { --tw-text-opacity:1; color: rgb(17 24 39 / var(--tw-text-opacity)) !important; }
  .bg-gray-900   { --tw-bg-opacity:1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important; }

  /* GRAY DARK MODE - Override con máxima prioridad */
  html.dark .bg-gray-50   { --tw-bg-opacity:1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important; }
  html.dark .bg-gray-100  { --tw-bg-opacity:1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important; }
  html.dark .bg-gray-200  { --tw-bg-opacity:1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important; }
  html.dark .bg-gray-300  { --tw-bg-opacity:1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important; }
  html.dark .bg-gray-400  { --tw-bg-opacity:1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important; }
  html.dark .bg-gray-500  { --tw-bg-opacity:1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)) !important; }
  html.dark .bg-gray-600  { --tw-bg-opacity:1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important; }
  html.dark .bg-gray-700  { --tw-bg-opacity:1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important; }
  html.dark .bg-gray-800  { --tw-bg-opacity:1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important; }
  html.dark .bg-gray-900  { --tw-bg-opacity:1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important; }
  
  html.dark .text-gray-50 { --tw-text-opacity:1; color: rgb(249 250 251 / var(--tw-text-opacity)) !important; }
  html.dark .text-gray-100 { --tw-text-opacity:1; color: rgb(243 244 246 / var(--tw-text-opacity)) !important; }
  html.dark .text-gray-200 { --tw-text-opacity:1; color: rgb(229 231 235 / var(--tw-text-opacity)) !important; }
  html.dark .text-gray-300 { --tw-text-opacity:1; color: rgb(209 213 219 / var(--tw-text-opacity)) !important; }
  html.dark .text-gray-400 { --tw-text-opacity:1; color: rgb(156 163 175 / var(--tw-text-opacity)) !important; }
  html.dark .text-gray-500 { --tw-text-opacity:1; color: rgb(107 114 128 / var(--tw-text-opacity)) !important; }
  html.dark .text-gray-600 { --tw-text-opacity:1; color: rgb(156 163 175 / var(--tw-text-opacity)) !important; }
  html.dark .text-gray-700 { --tw-text-opacity:1; color: rgb(209 213 219 / var(--tw-text-opacity)) !important; }
  html.dark .text-gray-800 { --tw-text-opacity:1; color: rgb(229 231 235 / var(--tw-text-opacity)) !important; }
  html.dark .text-gray-900 { --tw-text-opacity:1; color: rgb(249 250 251 / var(--tw-text-opacity)) !important; }
  
  html.dark .dark\:text-white { --tw-text-opacity:1; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; }
  html.dark .dark\:text-gray-300 { --tw-text-opacity:1; color: rgb(209 213 219 / var(--tw-text-opacity)) !important; }
  html.dark .dark\:text-gray-400 { --tw-text-opacity:1; color: rgb(156 163 175 / var(--tw-text-opacity)) !important; }
  html.dark .dark\:border-gray-700 { --tw-border-opacity:1; border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important; }

  /* BORDER GRAY */
  .border-gray-50 { --tw-border-opacity:1; border-color: rgb(249 250 251 / var(--tw-border-opacity)) !important; }
  .border-gray-100 { --tw-border-opacity:1; border-color: rgb(243 244 246 / var(--tw-border-opacity)) !important; }
  .border-gray-200 { --tw-border-opacity:1; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; }
  .border-gray-300 { --tw-border-opacity:1; border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important; }
  .border-gray-400 { --tw-border-opacity:1; border-color: rgb(156 163 175 / var(--tw-border-opacity)) !important; }
  .border-gray-500 { --tw-border-opacity:1; border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important; }
  .border-gray-600 { --tw-border-opacity:1; border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important; }
  .border-gray-700 { --tw-border-opacity:1; border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important; }
  .border-gray-800 { --tw-border-opacity:1; border-color: rgb(31 41 55 / var(--tw-border-opacity)) !important; }
  .border-gray-900 { --tw-border-opacity:1; border-color: rgb(17 24 39 / var(--tw-border-opacity)) !important; }

  /* HOVER GRAY */
  .hover\:bg-gray-50:hover { --tw-bg-opacity:1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; }
  .hover\:bg-gray-100:hover { --tw-bg-opacity:1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; }
  .hover\:bg-gray-200:hover { --tw-bg-opacity:1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; }
  .hover\:bg-gray-300:hover { --tw-bg-opacity:1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important; }
  .hover\:bg-gray-700:hover { --tw-bg-opacity:1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important; }

  /* HOVER GRAY DARK MODE */
  html.dark .hover\:bg-gray-50:hover { --tw-bg-opacity:1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important; }
  html.dark .hover\:bg-gray-100:hover { --tw-bg-opacity:1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important; }
  html.dark .hover\:bg-gray-200:hover { --tw-bg-opacity:1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important; }
  html.dark .hover\:bg-gray-300:hover { --tw-bg-opacity:1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important; }
  html.dark .hover\:bg-gray-700:hover { --tw-bg-opacity:1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important; }

  /* BORDER GRAY DARK MODE */
  html.dark .border-gray-50 { --tw-border-opacity:1; border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important; }
  html.dark .border-gray-100 { --tw-border-opacity:1; border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important; }
  html.dark .border-gray-200 { --tw-border-opacity:1; border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important; }
  html.dark .border-gray-300 { --tw-border-opacity:1; border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important; }
  html.dark .border-gray-400 { --tw-border-opacity:1; border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important; }
  html.dark .border-gray-500 { --tw-border-opacity:1; border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important; }
  html.dark .border-gray-600 { --tw-border-opacity:1; border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important; }
  html.dark .border-gray-700 { --tw-border-opacity:1; border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important; }
  html.dark .border-gray-800 { --tw-border-opacity:1; border-color: rgb(31 41 55 / var(--tw-border-opacity)) !important; }
  html.dark .border-gray-900 { --tw-border-opacity:1; border-color: rgb(17 24 39 / var(--tw-border-opacity)) !important; }

  /* DIVIDE GRAY DARK MODE */
  html.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity:1; border-color: rgb(55 65 81 / var(--tw-divide-opacity)) !important; }
  html.dark .divide-gray-300 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity:1; border-color: rgb(55 65 81 / var(--tw-divide-opacity)) !important; }

  /* DIVIDE GRAY */
  .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity:1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)) !important; }
  .divide-gray-300 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity:1; border-color: rgb(209 213 219 / var(--tw-divide-opacity)) !important; }

  /* INDIGO */
  .bg-indigo-600   { --tw-bg-opacity:1; background-color: rgb(79 70 229 / var(--tw-bg-opacity)) !important; }
  .hover\:bg-indigo-700:hover { --tw-bg-opacity:1; background-color: rgb(67 56 202 / var(--tw-bg-opacity)) !important; }

  /* BLUE */
  .text-blue-600 { --tw-text-opacity:1; color: rgb(37 99 235 / var(--tw-text-opacity)) !important; }
  .bg-blue-100   { --tw-bg-opacity:1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)) !important; }

  /* GREEN */
  .text-green-600 { --tw-text-opacity:1; color: rgb(22 163 74 / var(--tw-text-opacity)) !important; }
  .text-green-800 { --tw-text-opacity:1; color: rgb(22 101 52 / var(--tw-text-opacity)) !important; }
  .bg-green-100   { --tw-bg-opacity:1; background-color: rgb(220 252 231 / var(--tw-bg-opacity)) !important; }

  /* PURPLE */
  .text-purple-600 { --tw-text-opacity:1; color: rgb(147 51 234 / var(--tw-text-opacity)) !important; }
  .bg-purple-100   { --tw-bg-opacity:1; background-color: rgb(243 232 255 / var(--tw-bg-opacity)) !important; }

  /* ORANGE */
  .text-orange-800 { --tw-text-opacity:1; color: rgb(154 52 18 / var(--tw-text-opacity)) !important; }
  .bg-orange-100   { --tw-bg-opacity:1; background-color: rgb(255 237 213 / var(--tw-bg-opacity)) !important; }

  html.dark select.transparent-options option {
    background-color: rgba(var(--gray-950), var(--tw-bg-opacity, 1)) !important;
  }
  html:not(.dark) select.transparent-options option {
    background-color: rgba(var(--gray-50), var(--tw-bg-opacity, 1)) !important;
  }
}