/* Fondos suaves para las tarjetas del resumen, compatibles con tema claro y oscuro. */
.metrics article{position:relative;overflow:hidden;box-shadow:0 8px 22px #33446616;transition:transform .18s ease,box-shadow .18s ease}.metrics article:hover{transform:translateY(-2px);box-shadow:0 11px 26px #33446626}.metrics article strong{color:var(--text)}
.metrics .sales{background:color-mix(in srgb,#6258e8 15%,var(--surface));border-color:#6258e8}
.metrics .cash{background:color-mix(in srgb,#13a174 15%,var(--surface));border-color:#13a174}
.metrics .card{background:color-mix(in srgb,#3478f6 15%,var(--surface));border-color:#3478f6}
.metrics .tips{background:color-mix(in srgb,#8b5cf6 15%,var(--surface));border-color:#8b5cf6}
.metrics .free{background:color-mix(in srgb,#0b9f77 15%,var(--surface));border-color:#0b9f77}
.metrics .dist{background:color-mix(in srgb,#e18a18 17%,var(--surface));border-color:#e18a18}
.metrics .negative{background:color-mix(in srgb,var(--danger) 15%,var(--surface));border-color:var(--danger)}
.sales-total-metrics .sales{background:color-mix(in srgb,#2f80ed 18%,var(--surface));border-color:#2f80ed}