/* Кольори статусів замовлення (Фаза 6, 6-9). Заказчик: візуальний домен статусів замовлення
   (той самий, що inc/order-statuses.php). Винесено з account.css за se1 (SRP + Composability).
   Токен тексту — з tokens.css (var(--tapki-*)); кольори статусів — семантика станів (не бренд-токени).

   ВАЖЛИВО — селектори за ФАКТИЧНОЮ розміткою WooCommerce (перевірено se1):
   • Список замовлень у кабінеті: колір визначає клас РЯДКА
     .woocommerce-orders-table__row--status-{slug} (slug без префікса wc-);
     сам статус — текст у td.woocommerce-orders-table__cell-order-status (без .order-status).
   • Сторінка одного замовлення: <mark class="order-status"> — WC НЕ додає модифікатор status-*,
     тому колір по статусу тут не диференціюємо, лише пілюля-бейдж. */

/* ── Список замовлень: колір + вага тексту статусу по класу рядка ── */
.woocommerce-orders-table__cell-order-status { font-weight: 600; white-space: nowrap; }

.woocommerce-orders-table__row--status-pending  .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-on-hold  .woocommerce-orders-table__cell-order-status { color: var(--tapki-status-wait, #8a8a8a); }
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status { color: var(--tapki-status-work, #2f7d4a); }
.woocommerce-orders-table__row--status-tapki-assembling .woocommerce-orders-table__cell-order-status { color: var(--tapki-status-pack, #b8791a); }
.woocommerce-orders-table__row--status-tapki-shipped .woocommerce-orders-table__cell-order-status { color: var(--tapki-status-ship, #2b6cb0); }
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status { color: var(--tapki-status-done, #2e7d32); }
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-failed    .woocommerce-orders-table__cell-order-status { color: var(--tapki-status-fail, #c0392b); }
.woocommerce-orders-table__row--status-refunded  .woocommerce-orders-table__cell-order-status { color: var(--tapki-status-off, #666); }

/* ── Сторінка одного замовлення: пілюля-бейдж (без диференціації статусу — WC не дає модифікатор) ── */
.woocommerce mark.order-status {
  background: #f6faf7;
  color: var(--tapki-text);
  border-radius: 20px;
  padding: 2px 12px;
  font-weight: 600;
}

/* ── Бейджі-пілюлі статусів у картках замовлень кабінету (myaccount/orders.php) ── */
.tapki-order-badge { display: inline-flex; align-items: center; padding: 3px 12px; border-radius: 20px; font-size: .78rem; font-weight: 600; border: 1px solid; white-space: nowrap; }
/* Колір тексту — ЛИШЕ з токена стану (se1b Mi3): це те саме знання, що й у таблиці вище, і доти
   воно було записане двічі літералами. Фони й межі — тінт конкретно бейджа, вживається в одному
   місці, тому лишається тут (DRY §2: між споживачами спільний лише контракт, не всі значення). */
.tapki-badge-processing { background: #e3f2e8; color: var(--tapki-status-work, #2f7d4a); border-color: rgba(47,125,74,.2); }
.tapki-badge-packing    { background: #fff4e0; color: var(--tapki-status-pack, #b8791a); border-color: rgba(184,121,26,.2); }
.tapki-badge-shipped    { background: #e2eefc; color: var(--tapki-status-ship, #2b6cb0); border-color: rgba(43,108,176,.2); }
/* ⚠ Було #2f7d4a — той самий колір, що в «В обробці», тобто покупець не відрізняв «виконано» від
   «в обробці» за кольором. Перемогло значення таблиці (#2e7d32): саме воно несло намір розрізняти.
   Що ці два зелені все одно близькі — питання дизайну, не архітектури; винесено у блок фронту. */
.tapki-badge-completed  { background: #e3f2e8; color: var(--tapki-status-done, #2e7d32); border-color: rgba(46,125,50,.2); }
.tapki-badge-cancelled  { background: #fdecec; color: var(--tapki-status-fail, #c0392b); border-color: rgba(192,57,43,.2); }
.tapki-badge-default    { background: #f0f0f0; color: var(--tapki-status-off, #666);     border-color: #ddd; }