/* =====================================================
   TEMA ACCESORIOS/VARIOS — Verde Esmeralda
   Sobrescribe el tema azul/purple del panel original
   ===================================================== */

/* Fondos azul → esmeralda */
.bg-blue-50  { background-color: #ecfdf5 !important; }
.bg-blue-100 { background-color: #d1fae5 !important; }
.bg-blue-600 { background-color: #059669 !important; }
.bg-blue-700 { background-color: #047857 !important; }
.bg-blue-800 { background-color: #065f46 !important; }

/* Textos azul → esmeralda */
.text-blue-400 { color: #34d399 !important; }
.text-blue-500 { color: #10b981 !important; }
.text-blue-600 { color: #059669 !important; }
.text-blue-700 { color: #047857 !important; }
.text-blue-800 { color: #065f46 !important; }

/* Bordes azul → esmeralda */
.border-blue-100 { border-color: #d1fae5 !important; }
.border-blue-200 { border-color: #a7f3d0 !important; }
.border-blue-300 { border-color: #6ee7b7 !important; }
.border-blue-400 { border-color: #34d399 !important; }
.border-blue-600 { border-color: #059669 !important; }

/* Ring azul → esmeralda */
.ring-blue-400 { --tw-ring-color: #34d399 !important; }
.ring-blue-500 { --tw-ring-color: #10b981 !important; }
.focus\:ring-blue-400:focus { --tw-ring-color: #34d399 !important; }
.focus\:ring-blue-500:focus { --tw-ring-color: #10b981 !important; }

/* Focus border azul → esmeralda */
.focus\:border-blue-400:focus { border-color: #34d399 !important; }
.focus\:border-blue-500:focus { border-color: #10b981 !important; }

/* Purple → Teal cian */
.bg-purple-50   { background-color: #f0fdfa !important; }
.bg-purple-100  { background-color: #ccfbf1 !important; }
.text-purple-700 { color: #0f766e !important; }
.text-purple-600 { color: #0d9488 !important; }
.border-purple-200 { border-color: #99f6e4 !important; }

/* Gradientes — header principal */
.from-blue-600 {
  --tw-gradient-from: #059669 !important;
  --tw-gradient-to: rgb(5 150 105 / 0) !important;
}
.to-purple-600 { --tw-gradient-to: #0891b2 !important; }
.from-blue-700 {
  --tw-gradient-from: #047857 !important;
  --tw-gradient-to: rgb(4 120 87 / 0) !important;
}
.to-purple-700 { --tw-gradient-to: #0e7490 !important; }

/* Hover estados */
.hover\:bg-blue-700:hover { background-color: #047857 !important; }
.hover\:bg-blue-600:hover { background-color: #059669 !important; }
.hover\:text-blue-700:hover { color: #047857 !important; }
.hover\:border-blue-400:hover { border-color: #34d399 !important; }

/* Sidebar color */
.bg-emerald-900 { background-color: #064e3b !important; }
.border-gray-700 { border-color: #1a5c47 !important; }