/* SpaMaster 360 v48.30 · Fuerza definitiva del degradado/borde KPI Caja POS */
html body.sc-view-pos section#view-pos.view #posPro.pos-pro .pos-kpis > .pos-kpi,
html body.sc-view-pos section#view-pos.view #posPro.pos-pro .pos-kpis > .pos-kpi-card,
html body.sc-view-pos section#view-pos.view #posPro.pos-pro .pos-kpis > [data-pos-kpi],
html body.sc-view-pos #view-pos #posPro .pos-kpis > :is(.pos-kpi,.pos-kpi-card,[data-pos-kpi]) {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--pos-kpi-color, #64748b) 14%, rgba(255,255,255,.92)),
    rgba(255,255,255,.50)
  ) !important;
  background-image: linear-gradient(
    135deg,
    color-mix(in srgb, var(--pos-kpi-color, #64748b) 14%, rgba(255,255,255,.92)),
    rgba(255,255,255,.50)
  ) !important;
  border: 1px solid color-mix(
    in srgb,
    var(--pos-kpi-color, #64748b) 18%,
    rgba(255,255,255,.70)
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--pos-kpi-color, #64748b) 18%,
    rgba(255,255,255,.70)
  ) !important;
  border-left-width: 1px !important;
  border-left-color: color-mix(
    in srgb,
    var(--pos-kpi-color, #64748b) 18%,
    rgba(255,255,255,.70)
  ) !important;
  box-shadow:
    0 10px 30px rgba(15,23,42,.07),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

html body.sc-view-pos section#view-pos.view #posPro.pos-pro .pos-kpis > :is(.pos-kpi,.pos-kpi-card,[data-pos-kpi]):hover,
html body.sc-view-pos #view-pos #posPro .pos-kpis > :is(.pos-kpi,.pos-kpi-card,[data-pos-kpi]):hover {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--pos-kpi-color, #64748b) 18%, rgba(255,255,255,.92)),
    rgba(255,255,255,.56)
  ) !important;
  border-color: color-mix(in srgb, var(--pos-kpi-color, #64748b) 30%, rgba(255,255,255,.70)) !important;
  transform: translateY(-2px) !important;
}