:root[data-ui-theme="dark"] {
  color-scheme: dark;
}

:root[data-ui-theme="light"] {
  color-scheme: light;
}

:root[data-ui-theme="dark"] .fx-brand-pill {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

:root[data-ui-theme="dark"] #configThemeBadge {
  border-color: rgba(99, 102, 241, 0.20) !important;
  background: rgba(99, 102, 241, 0.10) !important;
  color: #c7d2fe !important;
  box-shadow: none !important;
}

:root[data-ui-theme="dark"] #configThemeSelect {
  background: #0b0f17 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

:root[data-ui-theme="dark"] #configThemeSelect:focus,
:root[data-ui-theme="dark"] #configThemeSelect:focus-visible {
  outline: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

:root[data-ui-theme="dark"] #configThemeSelect option {
  background: #1b2230 !important;
  color: #ffffff !important;
}

:root[data-ui-theme="dark"] #configThemeSelect option:checked {
  color: #ffffff !important;
  background: #1b2230 !important;
  box-shadow: 0 0 0 100vmax #1b2230 inset !important;
}

:root[data-ui-theme="dark"] #configThemeSelect option:hover,
:root[data-ui-theme="dark"] #configThemeSelect option:focus {
  color: #ffffff !important;
  background: #243247 !important;
  box-shadow: 0 0 0 100vmax #243247 inset !important;
}

:root[data-ui-theme="light"] #configThemeBadge {
  border-color: transparent !important;
  background: #38bdf8 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="dark"] #configThemeSelectBtn {
  background: #0b0f17 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

:root[data-ui-theme="dark"] #configThemeSelectMenu {
  background: #121821 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

:root[data-ui-theme="dark"] #configSerieFacturaBtn,
:root[data-ui-theme="dark"] #configSerieBoletaBtn {
  background: #0b0f17 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

:root[data-ui-theme="dark"] #configSerieFacturaMenu,
:root[data-ui-theme="dark"] #configSerieBoletaMenu {
  background: #121821 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

:root[data-ui-theme="dark"] .config-theme-option {
  color: #e2e8f0 !important;
}

:root[data-ui-theme="dark"] .config-serie-factura-option,
:root[data-ui-theme="dark"] .config-serie-boleta-option {
  color: #e2e8f0 !important;
}

:root[data-ui-theme="dark"] .config-theme-option:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

:root[data-ui-theme="dark"] .config-serie-factura-option:hover,
:root[data-ui-theme="dark"] .config-serie-boleta-option:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

:root[data-ui-theme="dark"] .config-theme-option.is-selected {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

:root[data-ui-theme="dark"] .config-serie-factura-option.is-selected,
:root[data-ui-theme="dark"] .config-serie-boleta-option.is-selected {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

:root[data-ui-theme="light"] #configThemeSelectBtn {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
}

:root[data-ui-theme="light"] #configSerieFacturaBtn,
:root[data-ui-theme="light"] #configSerieBoletaBtn {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
}

:root[data-ui-theme="light"] #configThemeSelectMenu {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
}

:root[data-ui-theme="light"] #configSerieFacturaMenu,
:root[data-ui-theme="light"] #configSerieBoletaMenu {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
}

:root[data-ui-theme="light"] .config-theme-option {
  color: #0f172a !important;
}

:root[data-ui-theme="light"] .config-serie-factura-option,
:root[data-ui-theme="light"] .config-serie-boleta-option {
  color: #0f172a !important;
}

:root[data-ui-theme="light"] .config-theme-option:hover {
  background: #e2e8f0 !important;
}

:root[data-ui-theme="light"] .config-serie-factura-option:hover,
:root[data-ui-theme="light"] .config-serie-boleta-option:hover {
  background: #e2e8f0 !important;
}

:root[data-ui-theme="light"] .config-theme-option.is-selected {
  background: #cbd5e1 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] .config-serie-factura-option.is-selected,
:root[data-ui-theme="light"] .config-serie-boleta-option.is-selected {
  background: #cbd5e1 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #btnVentasCotizaciones {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #btnVentasCotizaciones:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #btnSunatCliente,
:root[data-ui-theme="light"] #btnSunatEmpleado,
:root[data-ui-theme="light"] #btnBuscarSunat {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #btnSunatCliente:hover,
:root[data-ui-theme="light"] #btnSunatEmpleado:hover,
:root[data-ui-theme="light"] #btnBuscarSunat:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #btnAddItem {
  background: #34d399 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #btnAddItem:hover {
  background: #10b981 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] [data-action="ventas-abrir-producto"] {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] [data-action="ventas-abrir-producto"]:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] [data-action="ventas-abrir-entidad"] {
  background: #a5b4fc !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] [data-action="ventas-abrir-entidad"]:hover {
  background: #818cf8 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] body {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #appMain,
:root[data-ui-theme="light"] #appSidebar {
  background: #f8fafc !important;
}

:root[data-ui-theme="light"] #appSidebar {
  border-right-color: rgba(15, 23, 42, 0.08) !important;
}

:root[data-ui-theme="light"] #appSidebarBackdrop {
  background: rgba(15, 23, 42, 0.25) !important;
}

:root[data-ui-theme="light"] header[class*="bg-[#0f1115]"] {
  background: rgba(248, 250, 252, 0.95) !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}

:root[data-ui-theme="light"] [class*="bg-[#0f1115]"],
:root[data-ui-theme="light"] [class*="bg-[#0f131a]"],
:root[data-ui-theme="light"] [class*="bg-[#0b0f14]"],
:root[data-ui-theme="light"] [class*="bg-[#0b0f17]"],
:root[data-ui-theme="light"] [class*="bg-[#12151b]"],
:root[data-ui-theme="light"] [class*="bg-[#121821]"],
:root[data-ui-theme="light"] [class*="bg-[#121a25]"],
:root[data-ui-theme="light"] [class*="bg-slate-950"],
:root[data-ui-theme="light"] [class*="bg-slate-900"] {
  background-color: #ffffff !important;
}

:root[data-ui-theme="light"] [class*="bg-white/5"],
:root[data-ui-theme="light"] [class*="bg-white/10"] {
  background-color: rgba(148, 163, 184, 0.14) !important;
}

:root[data-ui-theme="light"] [class*="border-white/5"],
:root[data-ui-theme="light"] [class*="border-white/10"],
:root[data-ui-theme="light"] [class*="ring-white/10"] {
  border-color: rgba(15, 23, 42, 0.12) !important;
  box-shadow: none;
}

:root[data-ui-theme="light"] .text-white,
:root[data-ui-theme="light"] .text-slate-100,
:root[data-ui-theme="light"] .text-slate-200,
:root[data-ui-theme="light"] .text-slate-300 {
  color: #0f172a !important;
}

:root[data-ui-theme="light"] .text-slate-400,
:root[data-ui-theme="light"] .text-slate-500 {
  color: #475569 !important;
}

:root[data-ui-theme="light"] .shadow-2xl,
:root[data-ui-theme="light"] .shadow-xl,
:root[data-ui-theme="light"] .shadow-lg {
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08) !important;
}

:root[data-ui-theme="light"] .hover\:bg-white\/10:hover,
:root[data-ui-theme="light"] .hover\:bg-white\/5:hover {
  background-color: rgba(148, 163, 184, 0.22) !important;
}

:root[data-ui-theme="light"] .hover\:text-white:hover {
  color: #0f172a !important;
}

:root[data-ui-theme="light"] .autocomplete-list {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14) !important;
}

:root[data-ui-theme="light"] .autocomplete-item {
  color: #0f172a !important;
}

:root[data-ui-theme="light"] .autocomplete-item:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] .autocomplete-clientes {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14) !important;
}

:root[data-ui-theme="light"] .input,
:root[data-ui-theme="light"] input,
:root[data-ui-theme="light"] select,
:root[data-ui-theme="light"] textarea {
  background: #ffffff;
  color: #0f172a;
  border-color: rgba(15, 23, 42, 0.16);
}

:root[data-ui-theme="light"] input::placeholder,
:root[data-ui-theme="light"] textarea::placeholder {
  color: #64748b;
}

:root[data-ui-theme="light"] table {
  color: #0f172a;
}

:root[data-ui-theme="light"] tr {
  border-color: rgba(15, 23, 42, 0.08);
}

/* Formularios/modales en modo white: labels en negro */
:root[data-ui-theme="light"] label,
:root[data-ui-theme="light"] legend,
:root[data-ui-theme="light"] label[class*="text-slate-"],
:root[data-ui-theme="light"] label[class*="text-gray-"],
:root[data-ui-theme="light"] legend[class*="text-slate-"],
:root[data-ui-theme="light"] legend[class*="text-gray-"] {
  color: #0f172a !important;
}

/* Refuerzo global: textos de etiqueta dentro de formularios en white */
:root[data-ui-theme="light"] form .text-gray-400,
:root[data-ui-theme="light"] form .text-gray-500,
:root[data-ui-theme="light"] form .text-slate-400,
:root[data-ui-theme="light"] form .text-slate-500 {
  color: #0f172a !important;
}

:root[data-ui-theme="light"] .bg-rose-500\/10 {
  background-color: rgba(244, 63, 94, 0.12) !important;
}

:root[data-ui-theme="light"] .bg-emerald-500\/10,
:root[data-ui-theme="light"] .bg-emerald-500\/15 {
  background-color: rgba(16, 185, 129, 0.14) !important;
}

:root[data-ui-theme="light"] .bg-amber-500\/10 {
  background-color: rgba(245, 158, 11, 0.14) !important;
}

:root[data-ui-theme="light"] .bg-sky-500\/10,
:root[data-ui-theme="light"] .bg-sky-500\/15,
:root[data-ui-theme="light"] .bg-sky-500\/20 {
  background-color: rgba(14, 165, 233, 0.18) !important;
}

:root[data-ui-theme="light"] .bg-blue-500\/10,
:root[data-ui-theme="light"] .bg-blue-500\/15 {
  background-color: rgba(59, 130, 246, 0.16) !important;
}

:root[data-ui-theme="light"] .hover\:bg-sky-500\/25:hover,
:root[data-ui-theme="light"] .hover\:bg-sky-500\/30:hover {
  background-color: rgba(14, 165, 233, 0.26) !important;
}

:root[data-ui-theme="light"] .hover\:bg-blue-500\/25:hover,
:root[data-ui-theme="light"] .hover\:bg-blue-500\/30:hover {
  background-color: rgba(59, 130, 246, 0.24) !important;
}

:root[data-ui-theme="light"] .hover\:bg-red-500\/25:hover,
:root[data-ui-theme="light"] .hover\:bg-red-500\/30:hover {
  background-color: rgba(239, 68, 68, 0.22) !important;
}

:root[data-ui-theme="light"] .text-emerald-300,
:root[data-ui-theme="light"] .text-emerald-400 {
  color: #047857 !important;
}

:root[data-ui-theme="light"] .text-sky-300,
:root[data-ui-theme="light"] .text-sky-400 {
  color: #0369a1 !important;
}

:root[data-ui-theme="light"] .text-blue-300,
:root[data-ui-theme="light"] .text-blue-400 {
  color: #1d4ed8 !important;
}

:root[data-ui-theme="light"] .text-amber-300,
:root[data-ui-theme="light"] .text-amber-400 {
  color: #b45309 !important;
}

:root[data-ui-theme="light"] .text-red-300,
:root[data-ui-theme="light"] .text-red-400 {
  color: #b91c1c !important;
}

/* Productos (almacen) - badges y acciones solidas en modo white */
:root[data-ui-theme="light"] #tablaProductosBody span.bg-emerald-500\/15 {
  background: #34d399 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaProductosBody span.bg-red-500\/15 {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaProductosBody button[data-action="editar-producto"] {
  background: #60a5fa !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaProductosBody button[data-action="editar-producto"]:hover {
  background: #3b82f6 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #tablaProductosBody button[data-action="eliminar-producto"] {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaProductosBody button[data-action="eliminar-producto"]:hover {
  background: #ef4444 !important;
  color: #0f172a !important;
}

/* Entidades - badge activo/inactivo solido en modo white */
:root[data-ui-theme="light"] #tablaBody span.bg-emerald-500\/15 {
  background: #34d399 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaBody span.bg-red-500\/15 {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

/* Empleados - badge activo/inactivo solido en modo white */
:root[data-ui-theme="light"] #tbody-empleados span.bg-emerald-500\/15 {
  background: #34d399 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tbody-empleados span.bg-red-500\/15 {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

/* Movimientos almacen - boton eliminar solido en modo white */
:root[data-ui-theme="light"] #tbodyMovimientosAlmacen button[data-action="eliminar-movimiento"] {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tbodyMovimientosAlmacen button[data-action="eliminar-movimiento"]:hover {
  background: #ef4444 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] .app-user-avatar {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe) !important;
  color: #1e3a8a !important;
  border: 1px solid rgba(59, 130, 246, 0.35) !important;
  box-shadow: none !important;
}

:root[data-ui-theme="light"] #btnConfigThemeSave {
  border-color: #10b981 !important;
  background: #10b981 !important;
  color: #ffffff !important;
}

:root[data-ui-theme="light"] #btnConfigThemeSave:hover {
  background: #059669 !important;
}

:root[data-ui-theme="light"] #config2faDisabledBadge,
:root[data-ui-theme="light"] #configPasswordSecurityBadge {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] [data-fx-terms-status-badge][data-state="accepted"],
:root[data-ui-theme="light"] #configEmailVerifiedBadge,
:root[data-ui-theme="light"] #config2faEnabledBadge {
  background: #34d399 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] [data-fx-terms-status-badge][data-state="pending"],
:root[data-ui-theme="light"] #configEmailPendingBadge {
  background: #fbbf24 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="dark"] #config2faDisabledBadge,
:root[data-ui-theme="dark"] #configPasswordSecurityBadge {
  background: rgba(239, 68, 68, 0.18) !important;
  color: #fca5a5 !important;
  border: 1px solid rgba(239, 68, 68, 0.48) !important;
}

/* Final override for ventaCrear action buttons in light mode */
:root[data-ui-theme="light"] button[data-action="ventas-abrir-producto"].js-venta-normal {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] button[data-action="ventas-abrir-producto"].js-venta-normal:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] button[data-action="ventas-abrir-entidad"].js-venta-normal {
  background: #a5b4fc !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] button[data-action="ventas-abrir-entidad"].js-venta-normal:hover {
  background: #818cf8 !important;
  color: #0f172a !important;
}

/* Final override for compraCrear action buttons in light mode */
:root[data-ui-theme="light"] #btnSunatProveedor,
:root[data-ui-theme="light"] #btnBuscarSunat {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #btnSunatProveedor:hover,
:root[data-ui-theme="light"] #btnBuscarSunat:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] button[data-action="compras-agregar-item"] {
  background: #34d399 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] button[data-action="compras-agregar-item"]:hover {
  background: #10b981 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] button[data-action="compras-abrir-producto"] {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] button[data-action="compras-abrir-producto"]:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] button[data-action="compras-abrir-proveedor"] {
  background: #a5b4fc !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] button[data-action="compras-abrir-proveedor"]:hover {
  background: #818cf8 !important;
  color: #0f172a !important;
}

/* Light cancel buttons for ventaCrear / compraCrear modals */
:root[data-ui-theme="light"] #btnCancelarProducto,
:root[data-ui-theme="light"] #btnCancelarMovimiento,
:root[data-ui-theme="light"] #modalEntidad #btnCancelar,
:root[data-ui-theme="light"] button[data-action="ventas-cerrar-entidad"]#btnCancelar,
:root[data-ui-theme="light"] button[data-action="compras-cerrar-entidad"]#btnCancelar {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
}

:root[data-ui-theme="light"] #btnCancelarProducto:hover,
:root[data-ui-theme="light"] #btnCancelarMovimiento:hover,
:root[data-ui-theme="light"] #modalEntidad #btnCancelar:hover,
:root[data-ui-theme="light"] button[data-action="ventas-cerrar-entidad"]#btnCancelar:hover,
:root[data-ui-theme="light"] button[data-action="compras-cerrar-entidad"]#btnCancelar:hover {
  background: #cbd5e1 !important;
  color: #0f172a !important;
}

/* Empresa module (white theme) */
:root[data-ui-theme="light"] #btnConfigFacturacionTop,
:root[data-ui-theme="light"] [data-action="config-facturacion"] {
  background: #60a5fa !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] [data-action="config-confidencial"] {
  background: #fbbf24 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #btnConfigFacturacionTop:hover,
:root[data-ui-theme="light"] [data-action="config-facturacion"]:hover {
  background: #3b82f6 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] [data-action="config-confidencial"]:hover {
  background: #f59e0b !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] .btnEditarSucursal,
:root[data-ui-theme="light"] [data-action="config-establecimiento"] {
  background: #34d399 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] .btnEditarSucursal:hover,
:root[data-ui-theme="light"] [data-action="config-establecimiento"]:hover {
  background: #10b981 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #btnCentroConfidencial {
  background: #fbbf24 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #btnCentroConfidencial:hover {
  background: #f59e0b !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #btnCentroManual {
  background: #60a5fa !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #btnCentroManual:hover {
  background: #3b82f6 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #btnGuardarEstablecimiento,
:root[data-ui-theme="light"] #btnGuardarEmpresaEditar,
:root[data-ui-theme="light"] #btnGuardarConfidencial {
  background: #34d399 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #btnGuardarEstablecimiento:hover,
:root[data-ui-theme="light"] #btnGuardarEmpresaEditar:hover,
:root[data-ui-theme="light"] #btnGuardarConfidencial:hover {
  background: #10b981 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #cancelarModalCentroFacturacion,
:root[data-ui-theme="light"] #cancelarModalEstablecimiento,
:root[data-ui-theme="light"] #cancelarModalEmpresaEditar,
:root[data-ui-theme="light"] #cancelarModalConfidencial {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
}

:root[data-ui-theme="light"] #cancelarModalCentroFacturacion:hover,
:root[data-ui-theme="light"] #cancelarModalEstablecimiento:hover,
:root[data-ui-theme="light"] #cancelarModalEmpresaEditar:hover,
:root[data-ui-theme="light"] #cancelarModalConfidencial:hover {
  background: #cbd5e1 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #conf_alerta_intro {
  background: #fef3c7 !important;
  border-color: #f59e0b !important;
  color: #92400e !important;
}

:root[data-ui-theme="light"] #centro_facturacion_estado,
:root[data-ui-theme="light"] #centro_facturacion_nota,
:root[data-ui-theme="light"] #conf_cert_tipo_hint {
  color: #475569 !important;
}

:root[data-ui-theme="light"] #empresa_logo,
:root[data-ui-theme="light"] #conf_cert_archivo {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.18) !important;
}

:root[data-ui-theme="light"] #empresa_logo::file-selector-button,
:root[data-ui-theme="light"] #conf_cert_archivo::file-selector-button {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, 0.18) !important;
  border-radius: 0.45rem !important;
  padding: 0.35rem 0.65rem !important;
  margin-right: 0.65rem !important;
}

:root[data-ui-theme="light"] #empresa_logo::-webkit-file-upload-button,
:root[data-ui-theme="light"] #conf_cert_archivo::-webkit-file-upload-button {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, 0.18) !important;
  border-radius: 0.45rem !important;
  padding: 0.35rem 0.65rem !important;
  margin-right: 0.65rem !important;
}

:root[data-ui-theme="light"] #empresa_logo::file-selector-button:hover,
:root[data-ui-theme="light"] #conf_cert_archivo::file-selector-button:hover {
  background: #cbd5e1 !important;
}

:root[data-ui-theme="light"] #empresa_logo::-webkit-file-upload-button:hover,
:root[data-ui-theme="light"] #conf_cert_archivo::-webkit-file-upload-button:hover {
  background: #cbd5e1 !important;
}

/* Ventas (white): acciones con fondo solido */
:root[data-ui-theme="light"] #tablaVentas .js-acciones-cell .text-orange-300 {
  background: #fb923c !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-acciones-cell .text-orange-300:hover {
  background: #f97316 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-delete-venta-form button,
:root[data-ui-theme="light"] #tablaVentas .js-acciones-cell .text-red-400 {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-delete-venta-form button:hover,
:root[data-ui-theme="light"] #tablaVentas .js-acciones-cell .text-red-400:hover {
  background: #ef4444 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-nc-cell .text-emerald-300,
:root[data-ui-theme="light"] #tablaVentas .js-nd-cell .text-emerald-300 {
  background: #34d399 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-nc-cell .text-emerald-300:hover,
:root[data-ui-theme="light"] #tablaVentas .js-nd-cell .text-emerald-300:hover {
  background: #10b981 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-nc-cell .text-sky-300,
:root[data-ui-theme="light"] #tablaVentas .js-nd-cell .text-sky-300 {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-nc-cell .text-sky-300:hover,
:root[data-ui-theme="light"] #tablaVentas .js-nd-cell .text-sky-300:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

/* Ventas (white): XML / CDR con fondo solido */
:root[data-ui-theme="light"] #tablaVentas .js-xml-cell .text-blue-300 {
  background: #60a5fa !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-xml-cell .text-blue-300:hover {
  background: #3b82f6 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-cdr-cell .text-sky-300 {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-cdr-cell .text-sky-300:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

/* Ventas (white): CDR anulación con fondo rojo sólido */
:root[data-ui-theme="light"] #tablaVentas .js-cdr-anulacion-cell a {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-cdr-anulacion-cell a:hover {
  background: #ef4444 !important;
  color: #0f172a !important;
}

/* Ventas (white): estado Aceptado / Pendiente / No enviado con fondo solido */
:root[data-ui-theme="light"] #tablaVentas .js-estado-cell .text-emerald-300 {
  background: #34d399 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-estado-cell .text-amber-300 {
  background: #fbbf24 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaVentas .js-estado-cell .text-slate-300 {
  background: #cbd5e1 !important;
  color: #0f172a !important;
  border: 0 !important;
}

/* Notas de venta (white): Eliminar con fondo solido */
:root[data-ui-theme="light"] #notasVentaPanel button.text-red-400 {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #notasVentaPanel button.text-red-400:hover {
  background: #ef4444 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #notasVentaPanel a.text-emerald-300,
:root[data-ui-theme="light"] #notasVentaPanel span.text-emerald-300 {
  background: #34d399 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #notasVentaPanel a.text-emerald-300:hover {
  background: #10b981 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #notasVentaPanel a.text-sky-300 {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #notasVentaPanel a.text-sky-300:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

/* Cotizaciones (white): Editar / Eliminar con fondo solido */
:root[data-ui-theme="light"] #cotizacionesPanel .text-blue-400 {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #cotizacionesPanel .text-blue-400:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #cotizacionesPanel .text-red-400 {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #cotizacionesPanel .text-red-400:hover {
  background: #ef4444 !important;
  color: #0f172a !important;
}

/* Compras (white): Editar / Eliminar con fondo solido */
:root[data-ui-theme="light"] #tablaCompras a.text-sky-300 {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaCompras a.text-sky-300:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #tablaCompras button.text-red-400 {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaCompras button.text-red-400:hover {
  background: #ef4444 !important;
  color: #0f172a !important;
}

/* Empleados (white): Editar / Eliminar con fondo solido */
:root[data-ui-theme="light"] #tbody-empleados button.text-blue-400 {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tbody-empleados button.text-blue-400:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #tbody-empleados form button.text-red-400 {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tbody-empleados form button.text-red-400:hover {
  background: #ef4444 !important;
  color: #0f172a !important;
}

/* Entidades (white): Editar / Eliminar con fondo solido */
:root[data-ui-theme="light"] #tablaBody button.text-blue-400 {
  background: #38bdf8 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaBody button.text-blue-400:hover {
  background: #0ea5e9 !important;
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #tablaBody button.text-red-400 {
  background: #f87171 !important;
  color: #0f172a !important;
  border: 0 !important;
}

:root[data-ui-theme="light"] #tablaBody button.text-red-400:hover {
  background: #ef4444 !important;
  color: #0f172a !important;
}

/* Suspension view (white): force readable title and CTA styles */
:root[data-ui-theme="light"] #fxSuspensionCard {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
  box-shadow: 0 16px 35px rgba(15, 23, 42, 0.1) !important;
}

:root[data-ui-theme="light"] #fxSuspensionTitle {
  color: #0f172a !important;
}

:root[data-ui-theme="light"] #fxSuspensionMessage {
  color: #334155 !important;
}

:root[data-ui-theme="light"] .fx-suspension-btn {
  color: #ffffff !important;
}

:root[data-ui-theme="light"] .fx-suspension-btn-primary {
  background: #2563eb !important;
}

:root[data-ui-theme="light"] .fx-suspension-btn-primary:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

:root[data-ui-theme="light"] .fx-suspension-btn-neutral {
  background: #0f172a !important;
}

:root[data-ui-theme="light"] .fx-suspension-btn-neutral:hover {
  background: #020617 !important;
  color: #ffffff !important;
}

/* Nota de credito (white): aviso de tipo con fondo solido legible */
:root[data-ui-theme="light"] #notaTipoHint {
  background: #fde68a !important;
  border-color: #f59e0b !important;
  color: #111827 !important;
}