/* ============================================================
   Бейдж статуса внешнего заказа (external_orders).

   Базовый ``.order-status-badge`` — нейтральный серый фон; для
   распознанных статусов цвета задаются по data-атрибуту, чтобы
   шаблону было достаточно подставить:

       <span class="badge order-status-badge"
             data-order-status="{{ o.status }}">{{ o.status }}</span>

   и не плодить разветвлений в Jinja. Селекторы по точному
   значению (включая пробел и кириллицу) — стандарт CSS.
   ============================================================ */

.order-status-badge {
  background-color: var(--bs-secondary, #6c757d);
  color: #fff;
}

.order-status-badge[data-order-status="Завершен"] {
  background-color: rgb(31, 172, 18);
  color: #000;
  font-weight: 700;
}

.order-status-badge[data-order-status="Активен диспут"] {
  background-color: rgb(225, 110, 54);
  color: #fff;
}

.order-status-badge[data-order-status="Ожидает отзыв"] {
  background-color: rgba(31, 200, 16, 0.58);
  color: #1f1f1f;
}

.order-status-badge[data-order-status="Ожидает оплаты"] {
  background-color: rgba(54, 73, 225, 0.58);
  color: #fff;
}