/* День в истории операций: заголовок и заказы этого дня.

   Вынесен из sale.css, когда тот перерос двести строк: там сама
   карточка заказа, здесь — то, как заказы собраны в дни.

   День — один блок нарочно: иначе общий ритм экрана раздвигает
   заголовок и его же заказы так же широко, как соседние дни,
   и день перестаёт читаться как один. */
.salesday {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.sales__day {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--sp-3);
  padding-inline: var(--sp-1);
  font-size: var(--fs-xs);
  color: var(--text-dim);
}

.sales__word {
  font-weight: 650;
  color: var(--text);
}

.sales__date {
  font-size: var(--fs-2xs);
  color: var(--text-faint);
}