diff --git a/src/components/orders/OrderDetailPanel.jsx b/src/components/orders/OrderDetailPanel.jsx
index 7f8a50b..c966f75 100644
--- a/src/components/orders/OrderDetailPanel.jsx
+++ b/src/components/orders/OrderDetailPanel.jsx
@@ -655,13 +655,13 @@ export const OrderDetailPanel = ({
 
   const isDeliveryAgreed = ["agreed", "driver_assigned", "loaded", "on_route", "delivered"].includes(order.deliveryStatus || order.delivery_status);
   const isPickupOrder = order.deliveryType === "pickup" || order.deliveryStatus === "pickup" || order.delivery_status === "pickup";
+  const [isEditingDate, setIsEditingDate] = React.useState(false);
   // Show "agreed" banner only when selected tab matches the already-agreed type
   const agreedTypeMatchesTab = isDeliveryAgreed && !isEditingDate && (
     (deliveryType === "pickup" && isPickupOrder)
     || (deliveryType === "delivery" && !isPickupOrder)
   );
   const canEditDelivery = canManageDelivery && ["admin", "mega_admin", "logistician"].includes(userRole);
-  const [isEditingDate, setIsEditingDate] = React.useState(false);
   const agreedDeliveryLabel = [
     formatDeliveryDateDisplay(order.deliveryDate),
     order.deliveryTime || order.deliveryHalfDay,