.shell > main > .overview-revenue {
  margin-top: 24px;
  padding: 22px 24px 24px;
  border: 1px solid var(--admin-border, #e9e3e5);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--admin-shadow, 0 12px 32px rgba(85, 39, 54, .08));
  min-width: 0;
}
.overview-revenue .overview-revenue__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}
.overview-revenue .overview-revenue__title {
  margin: 0;
  color: var(--admin-ink, #2b2025);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
.overview-revenue .overview-revenue__subtitle,
.overview-revenue .overview-revenue__range {
  color: var(--admin-muted, #75686d);
  font-size: 12px;
  line-height: 1.5;
}
.overview-revenue .overview-revenue__subtitle { margin: 4px 0 0; }
.overview-revenue .overview-revenue__range { font-variant-numeric: tabular-nums; }
.overview-revenue .overview-revenue__days { display: grid; gap: 13px; }
.overview-revenue .overview-revenue__day {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}
.overview-revenue .overview-revenue__date {
  color: #536176;
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.overview-revenue .overview-revenue__bars { display: grid; gap: 4px; min-width: 0; }
.overview-revenue .overview-revenue__bar {
  position: relative;
  height: 22px;
  border-radius: 7px;
  background: var(--revenue-tint);
}
.overview-revenue .overview-revenue__bar--order {
  --revenue-color: #2563eb;
  --revenue-text: #1d4ed8;
  --revenue-tint: #eff5ff;
}
.overview-revenue .overview-revenue__bar--headquarters {
  --revenue-color: #7c3aed;
  --revenue-text: #6d28d9;
  --revenue-tint: #f6f0ff;
}
.overview-revenue .overview-revenue__bar--merchant {
  --revenue-color: #059669;
  --revenue-text: #047857;
  --revenue-tint: #edf9f4;
}
.overview-revenue .overview-revenue__fill {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: inherit;
  background: var(--revenue-color);
}
.overview-revenue .overview-revenue__label {
  position: absolute;
  top: 0;
  left: 8px;
  max-width: calc(100% - 16px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--revenue-text);
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.overview-revenue .overview-revenue__label.is-inside { color: #fff; }
.overview-revenue .overview-revenue__label.has-backdrop {
  background: rgba(255, 255, 255, .94);
  border-radius: 3px;
}
.overview-revenue .overview-revenue__status {
  margin: 14px 0 0;
  color: var(--admin-muted, #75686d);
  font-size: 13px;
}
.overview-revenue .overview-revenue__status:empty { display: none; }
.overview-revenue .overview-revenue__retry { margin-top: 12px; }
.overview-revenue .overview-revenue__retry[hidden] { display: none; }
@media (max-width: 600px) {
  .shell > main > .overview-revenue { margin-top: 16px; padding: 18px 14px; }
  .overview-revenue .overview-revenue__header { align-items: flex-start; flex-direction: column; gap: 6px; }
  .overview-revenue .overview-revenue__day { grid-template-columns: 40px minmax(0, 1fr); gap: 8px; }
  .overview-revenue .overview-revenue__date { font-size: 12px; }
}