/* PDV360 v120: Dashboard y Reportes visuales */
.dashboard-page .kpis:not(.cashier-kpis){
  gap:16px!important;
  align-items:stretch!important;
}
.dashboard-page .kpis:not(.cashier-kpis) .kpi{
  border-radius:22px!important;
  min-height:118px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 16px 34px rgba(15,35,70,.08)!important;
  position:relative!important;
  overflow:hidden!important;
}
.dashboard-page .kpis:not(.cashier-kpis) .kpi:before{
  content:"";position:absolute;right:-36px;top:-36px;width:110px;height:110px;border-radius:999px;background:rgba(37,99,235,.08);
}
.dashboard-page .kpis:not(.cashier-kpis) .kpi span{font-size:28px!important;line-height:1!important;display:inline-flex;margin-bottom:10px!important}
.dashboard-page .kpis:not(.cashier-kpis) .kpi b{font-size:26px!important;letter-spacing:-.02em!important}
.dashboard-page .kpis:not(.cashier-kpis) .kpi small{font-size:13px!important;font-weight:700!important;color:#62748e!important}
/* Quitar indicadores de stock/inventario del dashboard principal */
.dashboard-page .kpis:not(.cashier-kpis) .kpi:nth-child(5){display:none!important}
.dashboard-page .grid.three > .card:nth-child(2){display:none!important}
.dashboard-page .grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.dashboard-page .card{
  border-radius:24px!important;
  box-shadow:0 18px 38px rgba(15,35,70,.07)!important;
  border-color:#dbe7f5!important;
}
.dashboard-page .card h2{font-size:23px!important;letter-spacing:-.03em!important;margin-bottom:16px!important}
.dashboard-page .bars{height:250px!important;display:flex!important;align-items:end!important;gap:10px!important;padding:20px 12px 10px!important;background:linear-gradient(180deg,#f8fbff,#fff)!important;border-radius:18px!important;border:1px solid #e7eef8!important}
.dashboard-page .bar-wrap{flex:1!important;min-width:14px!important;text-align:center!important}
.dashboard-page .bar{border-radius:14px 14px 6px 6px!important;background:linear-gradient(180deg,#2563eb,#38bdf8)!important;box-shadow:0 8px 18px rgba(37,99,235,.22)!important;transition:.2s!important}
.dashboard-page .bar:hover{filter:brightness(1.05);transform:translateY(-2px)}
.dashboard-page .list-row,.dashboard-page .hbar-row{border:1px solid #e6eef8!important;border-radius:16px!important;padding:12px 14px!important;margin-bottom:10px!important;background:#fff!important;box-shadow:0 8px 18px rgba(15,35,70,.04)!important}
.dashboard-page .rank{background:#0b2557!important;color:#fff!important;width:32px!important;height:32px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.dashboard-page .hbar-track{height:14px!important;border-radius:999px!important;background:#edf3fb!important;overflow:hidden!important}
.dashboard-page .hbar-track span{height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#16a34a,#22c55e,#86efac)!important;display:block!important}
/* Reportes */
.dash-wrap .dash-header .page-title{font-size:30px!important;font-weight:900!important;letter-spacing:-.04em!important}
.dash-wrap .dash-header .page-sub{font-size:14px!important;color:#63758f!important}
.dash-wrap .filtros-card{border-radius:24px!important;padding:18px!important;box-shadow:0 16px 34px rgba(15,35,70,.06)!important;border:1px solid #dbe7f5!important}
.dash-wrap .reportes-grid{gap:18px!important;grid-template-columns:repeat(4,minmax(230px,1fr))!important}
.dash-wrap .reporte-card{border-radius:24px!important;padding:20px!important;min-height:190px!important;background:linear-gradient(145deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid #dbe7f5!important;box-shadow:0 16px 34px rgba(15,35,70,.07)!important;position:relative!important;overflow:hidden!important}
.dash-wrap .reporte-card:after{content:"";position:absolute;right:-42px;top:-42px;width:120px;height:120px;border-radius:999px;background:rgba(37,99,235,.07);pointer-events:none}
.dash-wrap .reporte-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 44px rgba(15,35,70,.12)!important;border-color:#bfdbfe!important}
.dash-wrap .rep-icon{width:58px!important;height:58px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:18px!important;background:#eef6ff!important;font-size:30px!important;box-shadow:inset 0 0 0 1px #dbeafe!important}
.dash-wrap .rep-nombre{font-size:17px!important;font-weight:850!important;color:#102040!important;margin-top:8px!important}
.dash-wrap .rep-desc{min-height:44px!important;color:#64748b!important;font-size:13px!important}
.dash-wrap .rep-footer{gap:12px!important}
.dash-wrap .rep-footer .btn-icon{height:38px!important;min-width:48px!important;border-radius:14px!important;font-weight:900!important;background:#fff!important;border:1px solid #dbe7f5!important;box-shadow:0 8px 18px rgba(15,35,70,.05)!important;color:#102040!important}
.dash-wrap .rep-footer .btn-icon:hover{background:#0b2557!important;color:#fff!important;border-color:#0b2557!important}
.dash-wrap .pdv-table{font-size:13px!important}
.dash-wrap .formato-chip{border-radius:999px!important;padding:5px 10px!important}
@media(max-width:1200px){.dash-wrap .reportes-grid{grid-template-columns:repeat(3,minmax(220px,1fr))!important}.dashboard-page .grid.three{grid-template-columns:1fr!important}}
@media(max-width:860px){.dash-wrap .reportes-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-page .kpis:not(.cashier-kpis){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.dash-wrap .reportes-grid{grid-template-columns:1fr!important}.dashboard-page .kpis:not(.cashier-kpis){grid-template-columns:1fr!important}}