/* Estadísticas e Historial: jerarquía editorial, menos superficies anidadas. */
body.app-redesign #tab-reports,
body.app-redesign #tab-history {
  --analytics-accent: var(--color-primary, #e2664d);
  --analytics-line: color-mix(in srgb, var(--color-border, #30312b) 86%, transparent);
  --analytics-soft: color-mix(in srgb, var(--color-primary, #e2664d) 9%, var(--color-surface, #191a17));
  color: var(--color-text-primary, #f6f3eb);
}

/* Estadísticas: un solo lienzo; títulos, métricas y gráficas marcan las secciones. */
body.app-redesign #tab-reports .business-analytics-card,
body.app-redesign #tab-reports .drawer-cuadre-card,
body.app-redesign #tab-reports .expenses-list-card {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.app-redesign #tab-reports .business-analytics-card { margin-bottom: 2.2rem; }
body.app-redesign #tab-reports .business-analytics-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
  padding: .25rem 0 1.35rem;
  border: 0;
  border-bottom: 1px solid var(--analytics-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.app-redesign #tab-reports .business-analytics-eyebrow {
  color: var(--analytics-accent);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.app-redesign #tab-reports .business-analytics-header h2 {
  margin: .35rem 0 .25rem;
  color: var(--color-text-primary);
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  letter-spacing: -.045em;
  line-height: 1.1;
}
body.app-redesign #tab-reports .business-analytics-header p,
body.app-redesign #tab-reports .reports-live-status-heading p,
body.app-redesign #tab-reports .reports-manager-brief-heading p {
  color: var(--color-text-muted);
}
body.app-redesign #tab-reports .analytics-period-control {
  display: grid;
  gap: .35rem;
  color: var(--color-text-muted);
  font-size: .7rem;
  font-weight: 750;
}
body.app-redesign #tab-reports .analytics-period-control select {
  min-height: 40px;
  border-color: var(--color-border-strong);
  border-radius: var(--radius-sm, .55rem);
  background: var(--color-surface);
  color: var(--color-text-primary);
}

body.app-redesign #tab-reports .reports-live-status,
body.app-redesign #tab-reports .reports-manager-brief {
  margin: 1.2rem 0 1.6rem;
  padding: 1rem 1.1rem;
  border: 0;
  border-left: 3px solid color-mix(in srgb, var(--analytics-accent) 70%, var(--color-accent));
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  background: var(--analytics-soft);
  box-shadow: none;
}
body.app-redesign #tab-reports .reports-live-status,
body.app-redesign #tab-reports .reports-manager-brief {
  padding-inline: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
body.app-redesign #tab-reports .reports-live-status,
body.app-redesign #tab-reports .reports-manager-brief { border-bottom: 1px solid var(--analytics-line); }
body.app-redesign #tab-reports .reports-live-status.is-open,
body.app-redesign #tab-reports .reports-live-status.is-quiet { border-left-color: transparent; background: transparent; }
body.app-redesign #tab-reports .reports-active-orders-empty {
  padding: .65rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
body.app-redesign #tab-reports .reports-live-status.is-open {
  border-left-color: #36b37e;
  background: color-mix(in srgb, #36b37e 8%, var(--color-surface));
}
body.app-redesign #tab-reports .reports-live-status.is-quiet { border-left-color: var(--color-border-strong); }
body.app-redesign #tab-reports .reports-live-status-heading h3,
body.app-redesign #tab-reports .reports-manager-brief-heading h3 {
  margin: .28rem 0 .16rem;
  color: var(--color-text-primary);
  font-size: 1rem;
  letter-spacing: -.02em;
}
body.app-redesign #tab-reports .reports-manager-brief { margin-top: 0; }
body.app-redesign #tab-reports .reports-manager-brief-kpis { gap: 0; margin-top: .85rem; }
body.app-redesign #tab-reports .reports-manager-brief-kpi {
  padding: .45rem .75rem;
  border: 0;
  border-left: 1px solid var(--analytics-line);
  border-radius: 0;
  background: transparent;
}
body.app-redesign #tab-reports .reports-manager-brief-kpi:first-child { border-left: 0; padding-left: 0; }
body.app-redesign #tab-reports .reports-manager-brief-message {
  margin-top: .75rem;
  padding: .7rem 0 0;
  border: 0;
  border-top: 1px solid var(--analytics-line);
  border-radius: 0;
  background: transparent;
}
body.app-redesign #tab-reports .reports-manager-brief-refresh {
  border-color: color-mix(in srgb, var(--analytics-accent) 45%, var(--color-border));
  border-radius: var(--radius-sm, .55rem);
  background: color-mix(in srgb, var(--analytics-accent) 10%, transparent);
  color: var(--color-primary-hover);
}

body.app-redesign #tab-reports .analytics-kpi-grid,
body.app-redesign #tab-reports .stats-cards-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 1.5rem 0 1.8rem;
  border-block: 1px solid var(--analytics-line);
}
body.app-redesign #tab-reports .analytics-kpi,
body.app-redesign #tab-reports .stat-card {
  min-width: 0;
  padding: 1rem 1.15rem;
  border: 0;
  border-left: 1px solid var(--analytics-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.app-redesign #tab-reports .analytics-kpi:first-child,
body.app-redesign #tab-reports .stat-card:first-child { border-left: 0; }
body.app-redesign #tab-reports .analytics-kpi span,
body.app-redesign #tab-reports .stat-title {
  color: var(--color-text-muted);
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .025em;
}
body.app-redesign #tab-reports .analytics-kpi strong,
body.app-redesign #tab-reports .stat-value {
  display: block;
  margin-top: .42rem;
  color: var(--color-text-primary);
  font-size: clamp(1.15rem, 2vw, 1.65rem);
  font-weight: 800;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
}
body.app-redesign #tab-reports .stat-subtitle {
  margin-top: .28rem;
  color: var(--color-text-muted);
  font-size: .68rem;
  line-height: 1.4;
}

body.app-redesign #tab-reports .business-analytics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 1.5rem;
  border-top: 1px solid var(--analytics-line);
}
body.app-redesign #tab-reports .reports-chart-card {
  min-width: 0;
  padding: 1.2rem 0 1.35rem;
  border: 0;
  border-bottom: 1px solid var(--analytics-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.app-redesign #tab-reports .reports-chart-wide { grid-column: 1 / -1; }
body.app-redesign #tab-reports .reports-chart-heading h3 {
  color: var(--color-text-primary);
  font-size: .95rem;
  letter-spacing: -.02em;
}
body.app-redesign #tab-reports .reports-chart-heading span:not(.reports-chart-legend-dot) {
  color: var(--color-text-muted);
}

body.app-redesign #tab-reports .drawer-cuadre-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem 0 .9rem;
  border-bottom: 1px solid var(--analytics-line);
}
body.app-redesign #tab-reports .drawer-cuadre-header h2,
body.app-redesign #tab-reports .expenses-list-card h3 {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 1.05rem;
  letter-spacing: -.025em;
}
body.app-redesign #tab-reports .cash-target-box {
  padding: .55rem .8rem;
  border: 0;
  border-left: 2px solid var(--analytics-accent);
  border-radius: 0;
  background: var(--analytics-soft);
}
body.app-redesign #tab-reports .formula-breakdown {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: .7rem 0;
  border-bottom: 1px solid var(--analytics-line);
}
body.app-redesign #tab-reports .formula-item,
body.app-redesign #tab-reports .formula-item:last-child {
  padding: .55rem .8rem;
  border: 0 !important;
  border-left: 1px solid var(--analytics-line) !important;
  border-radius: 0;
  background: transparent;
}
body.app-redesign #tab-reports .formula-item:first-child { border-left: 0 !important; padding-left: 0; }
body.app-redesign #tab-reports .formula-item .item-lbl { color: var(--color-text-muted); font-size: .68rem; }
body.app-redesign #tab-reports .formula-item .item-val { color: var(--color-text-primary) !important; font-size: 1rem; font-variant-numeric: tabular-nums; }
body.app-redesign #tab-reports .shift-action-bar { justify-content: flex-end; padding: 1rem 0 0; }
body.app-redesign #tab-reports .expenses-list-card { margin-top: 2rem; }
body.app-redesign #tab-reports .expenses-list-card > div:first-child {
  padding: .8rem 0 !important;
  border-bottom: 1px solid var(--analytics-line) !important;
}
body.app-redesign #tab-reports .expenses-list-card .custom-table th {
  background: transparent;
  color: var(--color-text-muted);
}
body.app-redesign #tab-reports .expenses-list-card .custom-table td { border-color: var(--analytics-line); }

/* Historial: mismos tokens, controles discretos y analítica guiada por divisores. */
body.app-redesign #tab-history .hist-display-toolbar {
  max-width: none;
  min-height: 46px;
  margin: .35rem 0 1.15rem;
  padding: 0 0 .7rem;
  border: 0;
  border-bottom: 1px solid var(--analytics-line);
  border-radius: 0;
  background: transparent;
  color: var(--color-text-secondary);
}
body.app-redesign #tab-history .hist-display-intro { color: var(--color-text-secondary); }
body.app-redesign #tab-history .hist-display-spark { color: var(--analytics-accent); }
body.app-redesign #tab-history .hist-display-toggle,
body.app-redesign #tab-history .hist-range-tabs {
  padding: .2rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm, .55rem);
  background: var(--color-surface);
}
body.app-redesign #tab-history .hist-display-toggle button,
body.app-redesign #tab-history .hist-range-tabs button {
  border-radius: calc(var(--radius-sm, .55rem) - .2rem);
  color: var(--color-text-muted);
}
body.app-redesign #tab-history .hist-display-toggle button:hover,
body.app-redesign #tab-history .hist-range-tabs button:hover { color: var(--color-text-primary); }
body.app-redesign #tab-history .hist-display-toggle button.active,
body.app-redesign #tab-history .hist-range-tabs button.active {
  background: var(--analytics-accent);
  color: #fff;
  box-shadow: none;
}
body.app-redesign #tab-history .hist-analytics {
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-text-primary);
  box-shadow: none;
}
body.app-redesign #tab-history .hist-analytics-hero {
  align-items: flex-end;
  margin-bottom: 1.15rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid var(--analytics-line);
}
body.app-redesign #tab-history .hist-analytics-eyebrow,
body.app-redesign #tab-history .hist-card-overline { color: var(--analytics-accent); }
body.app-redesign #tab-history .hist-analytics-hero h2 {
  color: var(--color-text-primary);
  font-size: 22px;
  letter-spacing: -.02em;
}
body.app-redesign #tab-history .hist-analytics-hero p { color: var(--color-text-muted); }
body.app-redesign #tab-history .hist-analytics-date { color: var(--color-text-muted); }
body.app-redesign #tab-history .hist-analytics-date-value {
  border-color: var(--color-border-strong);
  border-radius: var(--radius-sm, .55rem);
  background: var(--color-surface);
  color: var(--color-text-primary);
}
body.app-redesign #tab-history .hist-analytics-kpis {
  gap: 0;
  margin: 0 0 1.5rem;
  border-block: 1px solid var(--analytics-line);
}
body.app-redesign #tab-history .hist-analytics-kpi,
body.app-redesign #tab-history .hist-analytics-kpi-highlight {
  padding: .95rem 1.1rem;
  border: 0;
  border-left: 1px solid var(--analytics-line);
  border-radius: 0;
  background: transparent;
}
body.app-redesign #tab-history .hist-analytics-kpi:first-child { border-left: 0; padding-left: 0; }
body.app-redesign #tab-history .hist-analytics-kpi > span { color: var(--color-text-muted); }
body.app-redesign #tab-history .hist-analytics-kpi strong,
body.app-redesign #tab-history .hist-analytics-kpi-highlight strong { color: var(--color-text-primary); }
body.app-redesign #tab-history .hist-analytics-kpi small { color: var(--color-text-muted); }
body.app-redesign #tab-history .hist-analytics-grid {
  gap: 0 1.5rem;
  border-top: 1px solid var(--analytics-line);
}
body.app-redesign #tab-history .hist-analytics-card {
  min-width: 0;
  padding: 1.15rem 0 1.35rem;
  border: 0;
  border-bottom: 1px solid var(--analytics-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.app-redesign #tab-history .hist-analytics-card h3 { color: var(--color-text-primary); }
body.app-redesign #tab-history .hist-card-tag {
  padding: .2rem .4rem;
  border: 0;
  border-radius: 999px;
  background: var(--color-surface-raised);
  color: var(--color-text-muted);
}
body.app-redesign #tab-history .hist-trend-gridline { stroke: var(--color-border); }
body.app-redesign #tab-history .hist-donut > div { background: var(--color-background); }
body.app-redesign #tab-history .hist-donut-legend span,
body.app-redesign #tab-history .hist-product-info strong { color: var(--color-text-secondary); }
body.app-redesign #tab-history .hist-donut-legend strong { color: var(--color-text-primary); }
body.app-redesign #tab-history .hist-product-track,
body.app-redesign #tab-history .hist-heat-cell { background-color: var(--color-border); }
body.app-redesign #tab-history .hist-analytics-foot {
  grid-template-columns: minmax(0,1fr) minmax(160px,1fr);
  margin-top: 1rem;
  padding: .9rem 0;
  border: 0;
  border-top: 1px solid var(--analytics-line);
  border-bottom: 1px solid var(--analytics-line);
  border-radius: 0;
  background: transparent;
}
body.app-redesign #tab-history .hist-analytics-foot strong { color: var(--analytics-accent); }
body.app-redesign #tab-history .hist-analytics-foot span { color: var(--color-text-secondary); }
body.app-redesign #tab-history .hist-analytics-foot small { color: var(--color-text-muted); }
body.app-redesign #tab-history .hist-shift-close {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md, .75rem);
  background: var(--color-surface);
  color: var(--color-text-primary);
  box-shadow: none;
}
body.app-redesign #tab-history .hist-shift-close-value { border-color: var(--analytics-line); }
body.app-redesign #tab-history .hist-shift-close-value span { color: var(--color-text-muted); }
body.app-redesign #tab-history .hist-shift-close-value strong { color: var(--color-text-primary); }

/* Auditoría del historial: timeline conserva eventos, sus datos dejan de ir en cajas. */
body.app-redesign #tab-history .audit-panel {
  max-width: none;
  margin: 1rem 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-text-primary);
  box-shadow: none;
}
body.app-redesign #tab-history .audit-last-seen,
body.app-redesign #tab-history .audit-kpis > div,
body.app-redesign #tab-history .audit-filters,
body.app-redesign #tab-history .audit-event-main {
  border-color: var(--analytics-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: none;
}
body.app-redesign #tab-history .audit-kpis { gap: 0; border-block: 1px solid var(--analytics-line); }
body.app-redesign #tab-history .audit-kpis > div { padding: .8rem 1rem; border: 0; border-left: 1px solid var(--analytics-line); border-radius: 0; background: transparent; }
body.app-redesign #tab-history .audit-kpis > div:first-child { border-left: 0; }
body.app-redesign #tab-history .audit-event-main { border-width: 0 0 1px; border-radius: 0; background: transparent; }
body.app-redesign #tab-history .audit-event-dot { border-color: var(--color-background); }
body.app-redesign #tab-history .audit-change-row { border-radius: .35rem; background: var(--color-surface-raised); }

body:not(.dark-mode).app-redesign #tab-history .hist-analytics-date-value { color-scheme: light; }
body:not(.dark-mode).app-redesign #tab-history .hist-analytics-kpi strong,
body:not(.dark-mode).app-redesign #tab-history .hist-analytics-card h3,
body:not(.dark-mode).app-redesign #tab-history .audit-kpis strong,
body:not(.dark-mode).app-redesign #tab-history .audit-event-head h4 { color: var(--color-text-primary); }

@media (max-width: 760px) {
  body.app-redesign #tab-reports .business-analytics-header { align-items: flex-start; }
  body.app-redesign #tab-reports .business-analytics-grid { grid-template-columns: 1fr; }
  body.app-redesign #tab-reports .reports-chart-wide { grid-column: auto; }
  body.app-redesign #tab-reports .analytics-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.app-redesign #tab-reports .analytics-kpi:nth-child(3) { border-left: 0; }
  body.app-redesign #tab-reports .stats-cards-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.app-redesign #tab-reports .stat-card:nth-child(odd) { border-left: 0; }
  body.app-redesign #tab-reports .formula-breakdown { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.app-redesign #tab-reports .formula-item:nth-child(odd) { border-left: 0 !important; }
  body.app-redesign #tab-reports .reports-manager-brief-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.app-redesign #tab-history .hist-analytics-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.app-redesign #tab-history .hist-analytics-kpi:nth-child(odd) { border-left: 0; }
  body.app-redesign #tab-history .hist-analytics-foot { grid-template-columns: 1fr; }
  body.app-redesign #tab-history .hist-analytics-foot small { grid-column: 1; }
}

@media (max-width: 520px) {
  body.app-redesign #tab-reports .business-analytics-header { flex-direction: column; }
  body.app-redesign #tab-reports .analytics-period-control,
  body.app-redesign #tab-reports .analytics-period-control select { width: 100%; }
  body.app-redesign #tab-reports .reports-live-status-heading,
  body.app-redesign #tab-reports .reports-manager-brief-heading { flex-direction: column; }
  body.app-redesign #tab-reports .reports-shift-report-button,
  body.app-redesign #tab-reports .reports-manager-brief-refresh { width: 100%; justify-content: center; }
  body.app-redesign #tab-reports .reports-manager-brief-kpi { padding-inline: .5rem; }
  body.app-redesign #tab-reports .drawer-cuadre-header { align-items: flex-start; flex-direction: column; }
  body.app-redesign #tab-reports .cash-target-box { width: 100%; }
  body.app-redesign #tab-reports .shift-action-bar { align-items: stretch; flex-direction: column; }
  body.app-redesign #tab-reports .shift-action-bar button { width: 100%; }
  body.app-redesign #tab-history .hist-display-toolbar { align-items: flex-start; flex-direction: column; }
  body.app-redesign #tab-history .hist-display-toggle { width: 100%; }
  body.app-redesign #tab-history .hist-display-toggle button { flex: 1; }
  body.app-redesign #tab-history .hist-analytics-hero { align-items: flex-start; }
  body.app-redesign #tab-history .hist-analytics-controls { width: 100%; align-items: stretch; }
  body.app-redesign #tab-history .hist-range-tabs { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); width: 100%; }
  body.app-redesign #tab-history .hist-range-tabs button { padding-inline: .2rem; font-size: .68rem; }
  body.app-redesign #tab-history .hist-analytics-kpi,
  body.app-redesign #tab-history .hist-analytics-kpi-highlight { padding: .8rem .45rem; }
  body.app-redesign #tab-history .hist-analytics-card { padding-block: 1rem; }
  body.app-redesign #tab-history .hist-analytics-card-head { flex-direction: column; }
  body.app-redesign #tab-history .hist-shift-close { grid-template-columns: 1fr; }
  body.app-redesign #tab-history .hist-shift-close-heading,
  body.app-redesign #tab-history .hist-shift-close-values,
  body.app-redesign #tab-history .hist-shift-close-detail,
  body.app-redesign #tab-history .hist-shift-close-note { grid-column: 1; }
  body.app-redesign #tab-history .hist-shift-close-values { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.app-redesign #tab-history .hist-shift-close-value:nth-child(odd) { border-left: 0; }
}