/* Чеки и смена (pages/pos-receipts.js) — стили страниц, все классы с префиксом posr-. */

/* Центрированный спиннер во время загрузки списка/сводки. */
.posr-loading { display: flex; justify-content: center; padding: 34px 0; }

/* Возвратный чек в списке — розовая подсветка строки и суммы. */
.item.posr-rose {
  background: #FFF1F2;
  border-radius: 12px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: none;
  margin: 2px 0;
}
.item.posr-rose .avatar { background: #FFE4E6; color: #E11D48; }
.posr-rose-text { color: #E11D48; }

/* Строка позиции в шторке чека. */
.posr-rline { padding: 9px 0; border-bottom: 1px solid #F1F5F9; }
.posr-rline:last-child { border-bottom: none; }
.posr-rline-name {
  font-weight: 700; flex: 1; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* Пунктирный разделитель перед итогами (как на бумажном чеке). */
.posr-sep { border-top: 1px dashed var(--line); margin: 10px 0 4px; }

/* Карточки X-отчёта внутри .grid2 — без нижнего отступа (его даёт grid gap). */
.posr-stat { margin-bottom: 0; padding: 14px; }
.posr-stat-val {
  font-size: 21px; font-weight: 800; margin-top: 3px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Честная сноска: охват данных «смены» — весь магазин, не только это устройство. */
.posr-note {
  background: #EEF2F6; border-radius: 12px; padding: 10px 12px;
  color: var(--muted); font-size: 12.5px; margin-bottom: 12px;
}