/* SpaMaster 360 v48.28 · KPI glass adaptativo de Caja POS */
body.sc-view-pos #posPro :is(
  .pos-kpi,
  .pos-kpi-card,
  .pos-stat-card,
  .pos-summary-card,
  .kpi-card,
  [data-pos-kpi],
  [class*="pos-kpi-"]
).sm360-pos-kpi-glass-v4828{
  --pos-kpi-color:#64748b;
  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;
  border:1px solid 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;
  backdrop-filter:blur(18px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.06)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}

body.sc-view-pos #posPro :is(
  .pos-kpi,
  .pos-kpi-card,
  .pos-stat-card,
  .pos-summary-card,
  .kpi-card,
  [data-pos-kpi],
  [class*="pos-kpi-"]
).sm360-pos-kpi-glass-v4828:hover{
  transform:translateY(-2px)!important;
  border-color:color-mix(in srgb,var(--pos-kpi-color,#64748b) 30%,rgba(255,255,255,.70))!important;
  box-shadow:
    0 16px 34px color-mix(in srgb,var(--pos-kpi-color,#64748b) 12%,transparent),
    inset 0 1px 0 rgba(255,255,255,.94)!important;
}