/* V234 — Revenue report: stronger visual hierarchy with professional color cards.
   Visual-only. No formulas/data logic changed. */

.v234-revenue-report{
  --v234-green-bg:color-mix(in srgb,var(--brand-green) 8%,var(--background));
  --v234-green-border:color-mix(in srgb,var(--brand-green) 30%,var(--border));
  --v234-amber-bg:color-mix(in srgb,var(--amber-brand) 9%,var(--background));
  --v234-amber-border:color-mix(in srgb,var(--amber-brand) 34%,var(--border));
  --v234-blue-bg:color-mix(in srgb,#2563eb 8%,var(--background));
  --v234-blue-border:color-mix(in srgb,#2563eb 27%,var(--border));
  --v234-red-bg:color-mix(in srgb,var(--destructive) 7%,var(--background));
  --v234-red-border:color-mix(in srgb,var(--destructive) 28%,var(--border));
  --v234-purple-bg:color-mix(in srgb,#7c3aed 7%,var(--background));
  --v234-purple-border:color-mix(in srgb,#7c3aed 25%,var(--border));
}

/* General cards */
.v234-revenue-report .ledger-cell{
  border-radius:13px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.035),0 8px 22px rgba(15,23,42,.035);
}

/* First data/stat grids: distribute colors consistently by card position. */
.v234-revenue-report .grid > .ledger-cell:nth-child(5n+1){
  background:var(--v234-green-bg)!important;
  border-color:var(--v234-green-border)!important;
}
.v234-revenue-report .grid > .ledger-cell:nth-child(5n+2){
  background:var(--v234-amber-bg)!important;
  border-color:var(--v234-amber-border)!important;
}
.v234-revenue-report .grid > .ledger-cell:nth-child(5n+3){
  background:var(--v234-blue-bg)!important;
  border-color:var(--v234-blue-border)!important;
}
.v234-revenue-report .grid > .ledger-cell:nth-child(5n+4){
  background:var(--v234-purple-bg)!important;
  border-color:var(--v234-purple-border)!important;
}
.v234-revenue-report .grid > .ledger-cell:nth-child(5n+5){
  background:var(--v234-red-bg)!important;
  border-color:var(--v234-red-border)!important;
}

/* Make money/value figures stronger */
.v234-revenue-report .stat-figure,
.v234-revenue-report .tabular,
.v234-revenue-report .tabular-nums{
  font-variant-numeric:tabular-nums;
}

.v234-revenue-report .ledger-cell .stat-figure,
.v234-revenue-report .ledger-cell [class*="text-2xl"],
.v234-revenue-report .ledger-cell [class*="text-3xl"]{
  font-weight:800!important;
  letter-spacing:-.035em!important;
}

/* Section headers */
.v234-revenue-report .ledger-cell > div:first-child{
  border-color:color-mix(in srgb,var(--border) 72%,transparent);
}

/* Tables: clearer header and alternating rows */
.v234-revenue-report table{
  border-collapse:separate;
  border-spacing:0;
}
.v234-revenue-report thead th{
  background:color-mix(in srgb,var(--muted) 68%,var(--background))!important;
  font-weight:800!important;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.v234-revenue-report tbody tr:nth-child(even){
  background:color-mix(in srgb,var(--muted) 22%,transparent);
}
.v234-revenue-report tbody tr:hover{
  background:color-mix(in srgb,var(--brand-green) 5%,var(--background))!important;
}

/* Positive/negative values */
.v234-revenue-report .text-\[var\(--success\)\]{
  font-weight:750!important;
}
.v234-revenue-report .text-destructive,
.v234-revenue-report .text-\[var\(--destructive\)\]{
  font-weight:750!important;
}

/* Mobile/tablet keeps the same color hierarchy, with softer saturation. */
@media(max-width:1100px){
  .v234-revenue-report .ledger-cell{
    border-radius:11px!important;
  }

  .v234-revenue-report .grid > .ledger-cell{
    box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
  }

  .v234-revenue-report .grid > .ledger-cell:nth-child(5n+1){
    background:color-mix(in srgb,var(--brand-green) 6%,var(--background))!important;
  }
  .v234-revenue-report .grid > .ledger-cell:nth-child(5n+2){
    background:color-mix(in srgb,var(--amber-brand) 7%,var(--background))!important;
  }
  .v234-revenue-report .grid > .ledger-cell:nth-child(5n+3){
    background:color-mix(in srgb,#2563eb 6%,var(--background))!important;
  }
  .v234-revenue-report .grid > .ledger-cell:nth-child(5n+4){
    background:color-mix(in srgb,#7c3aed 6%,var(--background))!important;
  }
  .v234-revenue-report .grid > .ledger-cell:nth-child(5n+5){
    background:color-mix(in srgb,var(--destructive) 5%,var(--background))!important;
  }
}