/* assets/css/edomus_hover.css
   Efectos hover/foco que antes se escribían en línea con onmouseover/onmouseout/onfocus/onblur
   (plan para retirar 'unsafe-inline' de la CSP, fase 2). Uso: <button data-hover="lift-2"> / <input data-focus="ring-blue">.
   !important es necesario porque los elementos traen su estilo base en el atributo style. */

/* Fondos */
[data-hover="bg-slate-50"]:hover { background: #f8fafc !important; }
[data-hover="bg-violet-50"]:hover { background: #ede9fe !important; }
[data-hover="bg-row"]:hover { background: #fafbff !important; }
[data-hover="bg-indigo-600"]:hover { background: #4f46e5 !important; }
[data-hover="bg-amber-600"]:hover { background: #d97706 !important; }
[data-hover="bg-indigo-solid"]:hover { background: #6366f1 !important; color: #fff !important; }

[data-hover="bg-gray-50"]:hover { background: #f9fafb !important; }
[data-hover="bg-sky-50"]:hover { background: #f0f9ff !important; }
[data-hover="bg-slate-100"]:hover { background: #f1f5f9 !important; }
[data-hover="bg-slate-300"]:hover { background: #cbd5e1 !important; }
[data-hover="bg-slate-800"]:hover { background: #1e293b !important; }
[data-hover="bg-slate-50-border"]:hover { background: #f8fafc !important; border-color: #cbd5e1 !important; }
[data-hover="bg-blue-solid"]:hover { background: #3b82f6 !important; color: #fff !important; }
[data-hover="danger-soft"]:hover { background: #fee2e2 !important; color: #ef4444 !important; }
[data-hover="dark-lift"]:hover { background: #1e293b !important; transform: translateY(-1px) !important; }

/* Texto y opacidad */
[data-hover="text-red-600"]:hover { color: #dc2626 !important; }
[data-hover="text-slate-100"]:hover { color: #f1f5f9 !important; }
[data-hover="link-sky"]:hover { color: #0ea5e9 !important; border-bottom-color: #0ea5e9 !important; }
[data-hover="text-red"]:hover { color: #ef4444 !important; }
[data-hover="dim"]:hover { opacity: 0.88 !important; }

/* Elevación / desplazamiento */
[data-hover="lift-2"]:hover { transform: translateY(-2px) !important; }
[data-hover="lift-2-shadow"]:hover { transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; }
[data-hover="lift-4-shadow"]:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1) !important; }
[data-hover="scale-105"]:hover { transform: scale(1.05) !important; }
[data-hover="slide-right"]:hover { border-color: #6366f1 !important; transform: translateX(2px) !important; }
[data-hover="slide-left"]:hover { border-color: #ef4444 !important; transform: translateX(-2px) !important; }

/* Tarjetas */
[data-hover="kanban"]:hover { border-color: #3b82f6 !important; background: #fff !important; }
[data-hover="card-green"]:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; border-color: #28a745 !important; }
[data-hover="shadow-indigo"]:hover { box-shadow: 0 4px 16px rgba(99,102,241,0.1) !important; }

/* Foco de campos */
[data-focus="ring-blue"]:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important; }
[data-focus="border-indigo"]:focus { border-color: #6366f1 !important; }
[data-focus="border-amber"]:focus { border-color: #f59e0b !important; }