update

resources/scss/app.scss

@@ -1680,6 +1680,92 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow {
   font-size: 12px;
 }
 
+.order-payment-shipping {
+  .section-title-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+  }
+
+  .btn-edit-inline {
+    background: transparent;
+    border: 1px solid transparent;
+    color: #6b7280;
+    padding: 3px 5px;
+    cursor: pointer;
+    border-radius: 4px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transition: opacity 0.15s, background-color 0.15s, color 0.15s;
+
+    &:hover {
+      background: #f3f4f6;
+      color: #111827;
+    }
+  }
+
+  &:hover .btn-edit-inline {
+    opacity: 1;
+  }
+}
+
+.order-details-edit-form {
+  margin-top: 12px;
+  padding: 10px;
+  background: #f9fafb;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  font-size: 12px;
+
+  .form-row {
+    margin-bottom: 8px;
+  }
+
+  label {
+    display: block;
+    color: #374151;
+    font-weight: 500;
+
+    input[type="text"] {
+      display: block;
+      width: 100%;
+      margin-top: 3px;
+      padding: 5px 7px;
+      border: 1px solid #d1d5db;
+      border-radius: 4px;
+      font-size: 12px;
+      box-sizing: border-box;
+    }
+  }
+
+  label.checkbox-inline {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-weight: 400;
+
+    input {
+      margin: 0;
+    }
+
+    code {
+      background: #eef2ff;
+      padding: 1px 4px;
+      border-radius: 3px;
+      font-size: 11px;
+    }
+  }
+
+  .form-actions {
+    display: flex;
+    gap: 6px;
+    margin-top: 8px;
+  }
+}
+
 .payment-summary {
   display: grid;
   gap: 6px;
@@ -2752,3 +2838,16 @@ body.no-scroll {
   }
 }
 
+
+// Aged orders row highlight (4-7+ days since ordered_at)
+.table-list-table tbody tr.order-row-aged > td {
+  border-top: 2px solid transparent;
+  border-bottom: 2px solid transparent;
+}
+.table-list-table tbody tr.order-row-aged > td:first-child { border-left: 2px solid transparent; }
+.table-list-table tbody tr.order-row-aged > td:last-child  { border-right: 2px solid transparent; }
+
+.table-list-table tbody tr.order-row-aged-4 > td { border-color: #f8b4b4; }
+.table-list-table tbody tr.order-row-aged-5 > td { border-color: #f28282; }
+.table-list-table tbody tr.order-row-aged-6 > td { border-color: #e74c3c; }
+.table-list-table tbody tr.order-row-aged-7 > td { border-color: #991b1b; }