/* F520.W4 — CashRegisterView: cash-специфичные стили.
 *
 * Базовый каркас (an-dash / an-kpis / an-card / an-table / an-bars / an-seg /
 * an-scope-hint / an-empty / an-error / an-period) переиспользуется из
 * analytics-dashboard.css — здесь ТОЛЬКО override'ы кассы. Все цвета через
 * theme-aware токены (tokens.css), без хардкод light-hex на фоне (dark-theme canon).
 */

/* Шапка: фильтр способа оплаты + период в один ряд, перенос на узких экранах. */
.cr-head-controls {
  display: flex;
  align-items: center;
  gap: var(--space-3, 12px);
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Нейтральная подсказка про исторический импорт без даты (не ошибка). */
.cr-null-hint {
  color: var(--color-text-muted, #6b7280);
}

/* Бейдж способа оплаты. Фон через color-mix с transparent → адаптируется к теме. */
.cr-method-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: var(--radius-full, 9999px);
  font-size: 12px;
  font-weight: var(--font-medium, 500);
  line-height: 1.5;
  white-space: nowrap;
}
.cr-method-cash {
  color: #059669;
  background: color-mix(in srgb, #10b981 14%, transparent);
}
.cr-method-card {
  color: var(--brand-primary, #2563eb);
  background: color-mix(in srgb, var(--brand-primary, #2563eb) 14%, transparent);
}
.cr-method-transfer {
  color: #6366f1;
  background: color-mix(in srgb, #6366f1 14%, transparent);
}
.cr-method-other {
  color: var(--color-text-muted, #6b7280);
  background: color-mix(in srgb, currentColor 12%, transparent);
}

/* Возврат (отрицательная сумма) — приглушённый красный. */
.cr-amount-neg {
  color: #e11d48;
}

/* Лента платежей: компактные ячейки, числовые столбцы моноширинными цифрами. */
.cr-payments tbody td {
  padding-top: var(--space-2, 8px);
  padding-bottom: var(--space-2, 8px);
  vertical-align: middle;
}