/* ===== KPIs Mantenimiento · Opción A "Centro de Control (oscuro)" ===== */
/* Paneles oscuros tipo sala de control, acentos ámbar/cian, alto contraste */
html:not(.dark) .zkmR>div.rounded-lg.border.bg-white{
  background:linear-gradient(180deg,#16202e 0%,#121a27 100%);
  border-color:#25364d;
  box-shadow:0 14px 30px -18px rgba(4,10,20,.75), inset 0 1px 0 rgba(255,255,255,.05);
}
html:not(.dark) .zkmR div.rounded-lg.border.bg-stone-50{
  background:linear-gradient(160deg,#1e2c40 0%,#17222f 100%);
  border-color:#2c405c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 8px 16px -12px rgba(4,10,20,.8);
}
html:not(.dark) .zkmR div.rounded-lg.border .text-stone-800{color:#eef3fa}
html:not(.dark) .zkmR div.rounded-lg.border .text-stone-700{color:#c9d6e6}
html:not(.dark) .zkmR div.rounded-lg.border .text-stone-600{color:#aebfd4}
html:not(.dark) .zkmR div.rounded-lg.border .text-stone-500{color:#8aa1bb}
html:not(.dark) .zkmR div.rounded-lg.border .text-stone-400{color:#6d83a0}
html:not(.dark) .zkmR div.rounded-lg.border .text-emerald-600{color:#34d399}
html:not(.dark) .zkmR div.rounded-lg.border .text-red-600{color:#f87171}
html:not(.dark) .zkmR div.rounded-lg.border .text-amber-600{color:#fbbf24}
html:not(.dark) .zkmR div.rounded-lg.border .text-blue-700{color:#60a5fa}
html:not(.dark) .zkmR svg.text-stone-700{color:#b9c9dd}
html:not(.dark) .zkmR thead tr.bg-stone-50{background:#1c2a3d;color:#9db2ca}
html:not(.dark) .zkmR tr.border-t{border-color:#26384f}
html:not(.dark) .zkmR span.bg-stone-800{
  background:linear-gradient(180deg,#d9a514,#b8860b);color:#151b26;
  box-shadow:0 2px 6px -2px rgba(217,165,20,.6);
}
html:not(.dark) .zkmR button.bg-stone-50{background:#1e2c40;border-color:#2c405c;color:#c9d6e6}
html:not(.dark) .zkmR button.bg-stone-50:hover{background:#26374f}
html:not(.dark) .zkmR input{background:#1e2c40;border-color:#2c405c;color:#e8eef6;color-scheme:dark}
html:not(.dark) .zkmR .bg-stone-100{background:#26384f}
html:not(.dark) .zkmR div.rounded-lg.border tbody tr{color:#dbe4f0}