/* Seven-day revenue overview, 20260911a. Scoped to the new panel. */
.overview-revenue{box-sizing:border-box;min-width:0;max-width:100%;margin-top:24px;padding:22px 24px 24px;background:#fff;border:1px solid #ebe5e8;border-radius:14px;box-shadow:0 10px 30px rgba(41,24,31,.045)}
.overview-revenue *{box-sizing:border-box}
.overview-revenue .overview-revenue__heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.overview-revenue .overview-revenue__heading h2{margin:0;font-size:18px;line-height:1.4;font-weight:700;color:#25202a}
.overview-revenue .overview-revenue__heading>span{font-size:12px;line-height:1.5;color:#77808d}
.overview-revenue .overview-revenue__days{display:grid;gap:16px;min-width:0}
.overview-revenue .overview-revenue__day{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;column-gap:14px;min-width:0}
.overview-revenue .overview-revenue__date{font-size:13px;font-weight:600;line-height:1.4;color:#526176;font-variant-numeric:tabular-nums;white-space:nowrap}
.overview-revenue .overview-revenue__bars{display:grid;gap:5px;min-width:0}
.overview-revenue .overview-revenue__bar{position:relative;isolation:isolate;display:flex;align-items:center;min-width:0;min-height:23px;border-radius:7px;background:#f3f5f8;--revenue-color:#2563eb}
.overview-revenue .overview-revenue__bar--platform{--revenue-color:#7c3aed}
.overview-revenue .overview-revenue__bar--merchant{--revenue-color:#059669}
.overview-revenue .overview-revenue__fill{position:absolute;z-index:-1;top:0;bottom:0;left:0;max-width:100%;border-radius:7px;background:var(--revenue-color);pointer-events:none}
.overview-revenue .overview-revenue__value{display:inline-block;max-width:100%;padding:3px 10px;background:var(--revenue-color);border-radius:7px;color:#fff;font-size:12px;font-weight:600;line-height:17px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.overview-revenue .overview-revenue__empty{margin:30px 0;text-align:center;font-size:13px;color:#77808d}
@media(max-width:640px){
  .overview-revenue{margin-top:16px;padding:17px 12px 18px;border-radius:12px}
  .overview-revenue .overview-revenue__heading{align-items:flex-start;flex-direction:column;margin-bottom:18px;gap:4px}
  .overview-revenue .overview-revenue__heading h2{font-size:16px}
  .overview-revenue .overview-revenue__day{grid-template-columns:40px minmax(0,1fr);column-gap:8px}
  .overview-revenue .overview-revenue__date{font-size:12px}
  .overview-revenue .overview-revenue__days{gap:14px}
  .overview-revenue .overview-revenue__value{padding:3px 7px;font-size:11px}
}