/* estilos/kpi-detalle.css — componentes/kpi-detalle.js (mxKpiDetalle.attrs / abrir).
   Solo tokens. Las filas del detalle reusan .mx-dash-row / .mx-dash-status del Inicio
   (estilos/dashboard.css), así la ventana se ve igual venga de donde venga. */

.kpi-card[data-kd] { cursor: pointer; }
.kpi-card[data-kd]:hover { border-color: var(--blue-light-txt, var(--blue-light)); }
.kpi-card[data-kd]:focus-visible { outline: 2px solid var(--blue-light, #60a5fa); outline-offset: 2px; }
.kpi-ver {
  margin-top: 8px; font-size: 12.5px; font-weight: 500;
  color: var(--blue-light-txt, var(--blue-light));
}
.mx-kd-pie { margin-top: 16px; }