/* Your sales (seller tools, step T6). */

.sales__intro { margin: 0 0 var(--space-3); }
.sales__part { margin-top: var(--space-5); padding-top: var(--space-4); border-top: 2px dashed var(--card-border); }
.page__body .sales__part h2 { margin-top: 0; }
.page__body .sales__part h3 { margin: var(--space-4) 0 var(--space-2); font-size: var(--fs-lg); }

/* Today, this week and this month: side by side from 560px, one under another on phones. */
.sales__cards { display: grid; gap: var(--space-2); }
@media (min-width: 560px) { .sales__cards { grid-template-columns: repeat(3, 1fr); } }
.sales__card { padding: var(--space-3); background: var(--surface); border: 2px solid var(--card-border); border-radius: var(--radius); }
.page__body .sales__card-title { margin: 0; font-size: var(--fs-base); color: var(--text-muted); }
.sales__big { margin: var(--space-1) 0 0; font-family: var(--font-display); font-size: var(--fs-2xl); font-weight: 700; line-height: 1.1; }
.sales__count { margin: 0; font-weight: 800; }
.sales__before { margin: var(--space-1) 0 0; color: var(--text-muted); font-size: var(--fs-sm); font-weight: 700; }

.sales__own { display: flex; flex-wrap: wrap; gap: 0 var(--space-3); margin-top: var(--space-2); }
.sales__own[hidden] { display: none; }
.sales__own .field__error { flex-basis: 100%; }
.sales__summary { margin: var(--space-3) 0 0; padding: var(--space-3); background: var(--info-bg); border-radius: var(--radius-sm); font-weight: 700; }
.sales__summary:empty { display: none; }

.page__body .sales__sources,
.page__body .sales__best { display: grid; gap: var(--space-1); margin: 0; padding: 0; list-style: none; }
.page__body .sales__sources li,
.page__body .sales__best li { display: flex; justify-content: space-between; gap: var(--space-3); margin: 0; padding: var(--space-2) 0; border-bottom: 1px solid var(--card-border); }
.sales__sources span,
.sales__best span { min-width: 0; overflow-wrap: anywhere; }
.sales__sources strong,
.sales__best strong { white-space: nowrap; }
.page__body .sales__best { counter-reset: best; }
.page__body .sales__best li::before { counter-increment: best; content: counter(best) "."; font-weight: 800; color: var(--text-muted); }
.page__body .sales__best li span { flex: 1; }
.sales__empty { margin: 0; color: var(--text-muted); }
.sales__empty[hidden] { display: none; }

#more { margin-top: var(--space-3); }
#more[hidden] { display: none; }
.sales__download { margin-top: var(--space-5); }
.sales__back { margin: var(--space-5) 0 0; text-align: center; }
.sales__back a { display: inline-block; padding-block: .75rem; } /* a bigger tap area */