.returns-page{
  --returns-section-gap: 18px;
  --returns-page-bg: #f6f8fb;
  --returns-page-surface: #ffffff;
  --returns-page-border: rgba(15,23,42,0.12);
  --returns-page-shadow: 0 4px 12px rgba(15,23,42,0.06);
  --returns-page-text: rgba(17,24,39,0.90);
  --returns-page-muted: rgba(17,24,39,0.66);

  padding-top: 6px;
  padding-bottom: 26px;
  background: var(--returns-page-bg);
  border-radius: 14px;
}

.returns-page > .demo-callout,
.returns-page #returns-action-context-banner:not(:empty),
.returns-page #returns-kpi-shell,
.returns-page .section-gap-top{
  margin-top: var(--returns-section-gap) !important;
}

.returns-page #returns-action-context-banner:empty{
  display: none;
}

.returns-page .filter-bar{
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98));
  border-color: var(--returns-page-border);
  box-shadow: var(--returns-page-shadow);
}

.returns-page .filter-bar__card > .card-header{
  background: transparent;
}

.returns-page .filter-bar__toggle{
  color: var(--returns-page-text) !important;
}

.returns-page .filter-bar__toggle span,
.returns-page .filter-label{
  color: var(--returns-page-muted);
}

.returns-page .kpi-card,
.returns-page .chart-card,
.returns-page .section-card,
.returns-page .grid-card{
  border: 1px solid var(--returns-page-border) !important;
  box-shadow: var(--returns-page-shadow) !important;
  background: var(--returns-page-surface) !important;
}

.returns-page .chart-card,
.returns-page .section-card,
.returns-page .grid-card{
  position: relative;
  overflow: hidden;
}

.returns-page .chart-card::before,
.returns-page .section-card::before,
.returns-page .grid-card::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(13,110,253,0.78), rgba(95,167,255,0.78));
}

.returns-page .grid-card__title,
.returns-page .kpi-value{
  color: var(--returns-page-text);
}

.returns-page .grid-card__title{
  font-weight: 650;
  color: rgba(17,24,39,0.84);
}

.returns-page .grid-card__subtitle,
.returns-page .kpi-title,
.returns-page .insight-card__subtitle,
.returns-page .insight-card__kicker{
  color: var(--returns-page-muted);
}

.returns-page .grid-card__header{
  border-bottom: 1px solid rgba(15,23,42,0.07);
  background: linear-gradient(180deg, rgba(248,250,252,0.96), rgba(255,255,255,0.94));
}

.returns-page .grid-card__search,
.returns-page .grid-card__btn{
  border-color: rgba(15,23,42,0.10);
  background: rgba(248,250,252,0.94);
}

.returns-page .grid-card__btn:hover{
  background: rgba(13,110,253,0.04);
  border-color: rgba(13,110,253,0.18);
}

.returns-page .grid-card__search{
  color: rgba(17,24,39,0.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}

.returns-page .grid-card__btn{
  font-weight: 700;
  color: rgba(17,24,39,0.78);
}

.returns-page .insight-card__topn-segments{
  background: rgba(248,250,252,0.92);
  border: 1px solid rgba(15,23,42,0.10);
  border-radius: 999px;
  padding: 3px;
}

.returns-page .insight-card__topn-segments [class*="indicator"]{
  border-radius: 999px !important;
}

.returns-page .insight-card__topn-segments [data-active]{
  background: #ffffff !important;
  border-radius: 999px !important;
  color: rgba(17,24,39,0.88) !important;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,0.14), 0 1px 3px rgba(15,23,42,0.06);
}

.returns-page .insight-card__topn-segments label{
  border-radius: 999px !important;
  color: rgba(17,24,39,0.66);
  font-size: 12px;
  font-weight: 800;
  min-width: 38px;
}

.returns-page .grid-card .returns-grid.ag-theme-quartz{
  --ag-border-color: rgba(15,23,42,0.06);
  --ag-header-background-color: rgba(248,250,252,0.88);
  --ag-odd-row-background-color: rgba(248,250,252,0.52);
  --ag-row-hover-color: rgba(15,23,42,0.022);
  --ag-selected-row-background-color: rgba(13,110,253,0.08);
  --ag-header-foreground-color: rgba(17,24,39,0.66);
  --ag-foreground-color: rgba(17,24,39,0.81);
}

.returns-page .grid-card .returns-grid .ag-header{
  border-bottom: 1px solid rgba(15,23,42,0.05);
}

.returns-page .grid-card .returns-grid .ag-cell{
  border-right-color: rgba(15,23,42,0.03);
}

.returns-page .grid-card .returns-grid .ag-row-hover{
  background-color: rgba(15,23,42,0.022) !important;
}

.returns-page .grid-card .returns-grid .ag-row-selected{
  background-color: rgba(13,110,253,0.08) !important;
}

.returns-page .grid-card .returns-grid .ag-status-bar,
.returns-page .grid-card .returns-grid .ag-paging-panel{
  border-top: 1px solid rgba(15,23,42,0.05);
  background: linear-gradient(180deg, rgba(248,250,252,0.88), rgba(255,255,255,0.96));
  color: rgba(17,24,39,0.64);
}

.returns-page .grid-card .returns-grid .ag-status-bar{
  font-size: 12px;
}

.returns-page .grid-card .returns-grid .ag-paging-panel{
  min-height: 38px;
}

.returns-page .grid-card .returns-grid .ag-paging-button,
.returns-page .grid-card .returns-grid .ag-icon{
  color: rgba(17,24,39,0.62);
}

@media (min-width: 1500px){
  .returns-page .filter-bar,
  .returns-page .kpi-card,
  .returns-page .chart-card,
  .returns-page .section-card,
  .returns-page .grid-card{
    border-color: rgba(15,23,42,0.14) !important;
    box-shadow: 0 6px 16px rgba(15,23,42,0.07) !important;
  }

  .returns-page .kpi-title,
  .returns-page .filter-label,
  .returns-page .insight-card__subtitle{
    color: rgba(17,24,39,0.70);
  }
}