From f6bbfe1ba2fd88264c2780325b3c64e4a16291d9 Mon Sep 17 00:00:00 2001
From: Codex <codex@local>
Date: Mon, 18 May 2026 23:56:02 +0300
Subject: [PATCH] fix: add explicit text color to OrderDetailPanel value fields
 for dark theme visibility

---
 src/components/orders/OrderDetailPanel.jsx | 34 +++++++++++-----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/components/orders/OrderDetailPanel.jsx b/src/components/orders/OrderDetailPanel.jsx
index a498d8f..53c1fa5 100644
--- a/src/components/orders/OrderDetailPanel.jsx
+++ b/src/components/orders/OrderDetailPanel.jsx
@@ -331,19 +331,19 @@ export const OrderDetailPanel = ({
             <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]">
               Дата доставки
             </p>
-            <p className="mt-1 text-base font-medium">{formatDeliveryDateDisplay(order.deliveryDate)}</p>
+            <p className="mt-1 text-base font-medium text-[var(--color-text)]">{formatDeliveryDateDisplay(order.deliveryDate)}</p>
           </div>
           <div>
             <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]">
               Время доставки
             </p>
-            <p className="mt-1 text-base font-medium">{renderValue(order.deliveryTime || order.deliveryHalfDay)}</p>
+            <p className="mt-1 text-base font-medium text-[var(--color-text)]">{renderValue(order.deliveryTime || order.deliveryHalfDay)}</p>
           </div>
           <div>
             <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]">
               Водитель
             </p>
-            <p className="mt-1 text-base font-medium">{order.assignedDriverId ? renderValue(order.assignedDriverName) : "Не назначен"}</p>
+            <p className="mt-1 text-base font-medium text-[var(--color-text)]">{order.assignedDriverId ? renderValue(order.assignedDriverName) : "Не назначен"}</p>
           </div>
           <div>
             <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]">
@@ -360,42 +360,42 @@ export const OrderDetailPanel = ({
             <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]">
               Адрес доставки
             </p>
-            <p className="mt-1 text-base font-medium">{renderValue(order.deliveryAddress)}</p>
+            <p className="mt-1 text-base font-medium text-[var(--color-text)]">{renderValue(order.deliveryAddress)}</p>
           </div>
         </div>
 
         <div className="grid gap-x-4 gap-y-2 grid-cols-2 md:grid-cols-4">
           <div>
             <p className="text-xs text-[var(--color-text-muted)]">Номер счёта</p>
-            <p className="font-medium">{renderValue(order.orderNumberSummary)}</p>
+            <p className="font-medium text-[var(--color-text)]">{renderValue(order.orderNumberSummary)}</p>
           </div>
           <div>
             <p className="text-xs text-[var(--color-text-muted)]">Клиент</p>
-            <p className="font-medium">{renderValue(order.customerName)}</p>
+            <p className="font-medium text-[var(--color-text)]">{renderValue(order.customerName)}</p>
           </div>
           <div>
             <p className="text-xs text-[var(--color-text-muted)]">Дата счёта</p>
-            <p className="font-medium">{renderValue(order.customerDate)}</p>
+            <p className="font-medium text-[var(--color-text)]">{renderValue(order.customerDate)}</p>
           </div>
           <div>
             <p className="text-xs text-[var(--color-text-muted)]">Всего заказов</p>
-            <p className="font-medium">{order.ordersCount ?? 0}</p>
+            <p className="font-medium text-[var(--color-text)]">{order.ordersCount ?? 0}</p>
           </div>
           <div>
             <p className="text-xs text-[var(--color-text-muted)]">Готово</p>
-            <p className="font-medium">{order.readyCount ?? 0}</p>
+            <p className="font-medium text-[var(--color-text)]">{order.readyCount ?? 0}</p>
           </div>
           <div>
             <p className="text-xs text-[var(--color-text-muted)]">Не готово</p>
-            <p className="font-medium">{order.notReadyCount ?? 0}</p>
+            <p className="font-medium text-[var(--color-text)]">{order.notReadyCount ?? 0}</p>
           </div>
           <div>
             <p className="text-xs text-[var(--color-text-muted)]">Обновлена</p>
-            <p className="font-medium">{formatDateTime(order.updatedAt)}</p>
+            <p className="font-medium text-[var(--color-text)]">{formatDateTime(order.updatedAt)}</p>
           </div>
           <div>
             <p className="text-xs text-[var(--color-text-muted)]">Статус доставки</p>
-            <p className="font-medium">{getOrderGroupDeliveryStatusLabel(order.deliveryStatus || order.delivery_status)}</p>
+            <p className="font-medium text-[var(--color-text)]">{getOrderGroupDeliveryStatusLabel(order.deliveryStatus || order.delivery_status)}</p>
           </div>
         </div>
       </Panel>
@@ -661,29 +661,29 @@ export const OrderDetailPanel = ({
           {order.firstSmsSentAt ? (
             <div>
               <p className="text-xs text-[var(--color-text-muted)]">1-е SMS отправлено</p>
-              <p className="mt-1 font-medium">{formatDateTime(order.firstSmsSentAt)}</p>
+              <p className="mt-1 font-medium text-[var(--color-text)]">{formatDateTime(order.firstSmsSentAt)}</p>
             </div>
           ) : null}
           {order.secondSmsSentAt ? (
             <div>
               <p className="text-xs text-[var(--color-text-muted)]">2-е SMS отправлено</p>
-              <p className="mt-1 font-medium">{formatDateTime(order.secondSmsSentAt)}</p>
+              <p className="mt-1 font-medium text-[var(--color-text)]">{formatDateTime(order.secondSmsSentAt)}</p>
             </div>
           ) : null}
           {!order.firstSmsSentAt && !order.secondSmsSentAt ? (
             <div>
               <p className="text-xs text-[var(--color-text-muted)]">SMS отправлено</p>
-              <p className="mt-1 font-medium">Нет</p>
+              <p className="mt-1 font-medium text-[var(--color-text)]">Нет</p>
             </div>
           ) : null}
           <div>
             <p className="text-xs text-[var(--color-text-muted)]">Ручное согласование выполнено</p>
-            <p className="mt-1 font-medium">{order.manualConfirmationAt ? formatDateTime(order.manualConfirmationAt) : "Нет"}</p>
+            <p className="mt-1 font-medium text-[var(--color-text)]">{order.manualConfirmationAt ? formatDateTime(order.manualConfirmationAt) : "Нет"}</p>
           </div>
           {order.createdFromExchangeAt ? (
             <div>
               <p className="text-xs text-[var(--color-text-muted)]">Создано из обмена</p>
-              <p className="mt-1 font-medium">{formatDateTime(order.createdFromExchangeAt)}</p>
+              <p className="mt-1 font-medium text-[var(--color-text)]">{formatDateTime(order.createdFromExchangeAt)}</p>
             </div>
           ) : null}
           </div>