1.5.1

- Due date uses days selector in edit mode (same as create)
- Overdue invoices fully editable (same as issued)
- Overdue status reversed to issued when due date moved to future
- Invoice list: edit icon for issued/overdue, eye for paid
- Invoice list: PDF opens blob from NAS (removed lang modal)
- NAS cleanup: properly scans directories when cleaning old PDFs
- Fixed syntax error from leftover else block

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "app-ts",
-  "version": "1.4.3",
+  "version": "1.5.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "app-ts",
-      "version": "1.4.3",
+      "version": "1.5.1",
       "license": "ISC",
       "dependencies": {
         "@dnd-kit/core": "^6.3.1",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-ts",
-  "version": "1.4.3",
+  "version": "1.5.1",
   "description": "",
   "main": "dist/server.js",
   "scripts": {

src/admin/pages/Invoices.tsx

@@ -194,7 +194,6 @@ export default function Invoices() {
   }>({ show: false, invoice: null });
   const [deleting, setDeleting] = useState(false);
   const [pdfLoading, setPdfLoading] = useState<number | null>(null);
-  const [langModal, setLangModal] = useState<Invoice | null>(null);
   const [draft, setDraft] = useState<DraftData | null>(() => {
     try {
       const raw = localStorage.getItem(DRAFT_KEY);
@@ -284,29 +283,25 @@ export default function Invoices() {
     }
   };
 
-  const handlePdf = async (inv: Invoice, lang = "cs") => {
+  const handlePdf = async (inv: Invoice) => {
     if (pdfLoading) return;
-    setLangModal(null);
+    const newWindow = window.open("", "_blank");
     setPdfLoading(inv.id);
     try {
-      const response = await apiFetch(
-        `${API_BASE}/invoices-pdf/${inv.id}?lang=${encodeURIComponent(lang)}`,
-      );
-      if (response.status === 401) return;
-      if (!response.ok) {
-        alert.error("Nepodařilo se vygenerovat PDF");
+      const response = await apiFetch(`${API_BASE}/invoices/${inv.id}/file`);
+      if (response.status === 401) {
+        newWindow?.close();
         return;
       }
-      const html = await response.text();
-      const w = window.open("", "_blank");
-      if (w) {
-        w.document.open();
-        w.document.write(html);
-        w.document.close();
-        w.onload = () => w.print();
-      } else {
-        alert.error("Prohlížeč zablokoval vyskakovací okno");
+      if (!response.ok) {
+        newWindow?.close();
+        alert.error("PDF soubor nenalezen — otevřete fakturu a uložte ji");
+        return;
       }
+      const blob = await response.blob();
+      const url = URL.createObjectURL(blob);
+      if (newWindow) newWindow.location.href = url;
+      setTimeout(() => URL.revokeObjectURL(url), 60000);
     } catch {
       alert.error("Chyba při generování PDF");
     } finally {
@@ -996,26 +991,44 @@ export default function Invoices() {
                                 <Link
                                   to={`/invoices/${inv.id}`}
                                   className="admin-btn-icon"
-                                  title="Detail"
-                                  aria-label="Detail"
+                                  title={
+                                    inv.status === "paid" ? "Detail" : "Upravit"
+                                  }
+                                  aria-label={
+                                    inv.status === "paid" ? "Detail" : "Upravit"
+                                  }
                                 >
-                                  <svg
-                                    width="18"
-                                    height="18"
-                                    viewBox="0 0 24 24"
-                                    fill="none"
-                                    stroke="currentColor"
-                                    strokeWidth="2"
-                                  >
-                                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
-                                    <circle cx="12" cy="12" r="3" />
-                                  </svg>
+                                  {inv.status === "paid" ? (
+                                    <svg
+                                      width="18"
+                                      height="18"
+                                      viewBox="0 0 24 24"
+                                      fill="none"
+                                      stroke="currentColor"
+                                      strokeWidth="2"
+                                    >
+                                      <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
+                                      <circle cx="12" cy="12" r="3" />
+                                    </svg>
+                                  ) : (
+                                    <svg
+                                      width="18"
+                                      height="18"
+                                      viewBox="0 0 24 24"
+                                      fill="none"
+                                      stroke="currentColor"
+                                      strokeWidth="2"
+                                    >
+                                      <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
+                                      <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
+                                    </svg>
+                                  )}
                                 </Link>
                                 {hasPermission("invoices.export") && (
                                   <button
-                                    onClick={() => setLangModal(inv)}
+                                    onClick={() => handlePdf(inv)}
                                     className="admin-btn-icon"
-                                    title="PDF"
+                                    title="Zobrazit fakturu"
                                     disabled={pdfLoading === inv.id}
                                   >
                                     {pdfLoading === inv.id ? (
@@ -1092,69 +1105,6 @@ export default function Invoices() {
             type="danger"
             loading={deleting}
           />
-
-          <AnimatePresence>
-            {langModal && (
-              <motion.div
-                className="admin-modal-overlay"
-                initial={{ opacity: 0 }}
-                animate={{ opacity: 1 }}
-                exit={{ opacity: 0 }}
-                transition={{ duration: 0.2 }}
-              >
-                <div
-                  className="admin-modal-backdrop"
-                  onClick={() => setLangModal(null)}
-                />
-                <motion.div
-                  className="admin-modal admin-confirm-modal"
-                  role="dialog"
-                  aria-modal="true"
-                  initial={{ opacity: 0, scale: 0.95, y: 20 }}
-                  animate={{ opacity: 1, scale: 1, y: 0 }}
-                  exit={{ opacity: 0, scale: 0.95, y: 20 }}
-                  transition={{ duration: 0.2 }}
-                >
-                  <div className="admin-modal-body admin-confirm-content">
-                    <div className="admin-confirm-icon admin-confirm-icon-info">
-                      <svg
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        strokeWidth="2"
-                      >
-                        <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z" />
-                        <path d="M2 12h20" />
-                        <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
-                      </svg>
-                    </div>
-                    <h2 className="admin-confirm-title">Jazyk faktury</h2>
-                    <p className="admin-confirm-message">
-                      V jakém jazyce chcete vygenerovat fakturu?
-                    </p>
-                  </div>
-                  <div className="admin-modal-footer">
-                    <button
-                      type="button"
-                      onClick={() => handlePdf(langModal, "cs")}
-                      className="admin-btn admin-btn-primary"
-                    >
-                      Čeština
-                    </button>
-                    <button
-                      type="button"
-                      onClick={() => handlePdf(langModal, "en")}
-                      className="admin-btn admin-btn-primary"
-                    >
-                      English
-                    </button>
-                  </div>
-                </motion.div>
-              </motion.div>
-            )}
-          </AnimatePresence>
         </>
       )}
     </div>

src/routes/admin/invoices-pdf.ts

@@ -284,6 +284,7 @@ export default async function invoicesPdfRoutes(
       > | null;
 
       let orderNumber = "";
+      let orderDate = "";
       if (invoice.order_id) {
         const orderRow = await prisma.orders.findUnique({
           where: { id: invoice.order_id },
@@ -299,6 +300,9 @@ export default async function invoicesPdfRoutes(
               orderRow.customer_order_number || orderRow.order_number || "",
             ),
           );
+          if (orderRow.created_at) {
+            orderDate = formatDate(orderRow.created_at);
+          }
         }
       }
 
@@ -491,14 +495,14 @@ export default async function invoicesPdfRoutes(
 <style>
   @page {
     size: A4;
-    margin: 12mm 15mm 15mm 15mm;
+    margin: 8mm 12mm 10mm 12mm;
   }
   * { margin: 0; padding: 0; box-sizing: border-box; }
   html, body {
     font-family: "Segoe UI", Tahoma, Arial, sans-serif;
-    font-size: 9pt;
+    font-size: 10pt;
     color: #1a1a1a;
-    width: 180mm;
+    width: 186mm;
   }
 
   .invoice-page {
@@ -509,82 +513,35 @@ export default async function invoicesPdfRoutes(
   .invoice-content { flex: 1 1 auto; }
   .invoice-footer {
     flex-shrink: 0;
-    page-break-inside: avoid;
-    break-inside: avoid;
   }
 
   .accent { color: #de3a3a; }
 
-  /* Hlavicka */
+  /* ── Hlavicka ── */
   .invoice-header {
     display: flex;
     justify-content: space-between;
-    align-items: flex-start;
-    margin-bottom: 0;
+    align-items: center;
+    margin-bottom: 1mm;
     padding-bottom: 1mm;
+    border-bottom: 2pt solid #de3a3a;
   }
   .invoice-header .left {
     display: flex;
-    align-items: flex-start;
+    align-items: center;
     gap: 3mm;
   }
-  .logo-header {
-    text-align: left;
-  }
+  .logo-header { text-align: left; }
   .company-title {
     font-size: 12pt;
     font-weight: 700;
-    margin-top: 2mm;
   }
   .invoice-title {
-    font-size: 10pt;
+    font-size: 13pt;
     font-weight: 700;
     color: #de3a3a;
     text-align: right;
-    margin-top: 2mm;
-  }
-
-  /* Adresy - dva sloupce, stejna vyska */
-  .addresses-row {
-    display: flex;
-    gap: 8mm;
-    align-items: stretch;
-    margin-bottom: 0;
-  }
-  .addresses-row .address-block {
-    flex: 1;
-    padding-bottom: 2mm;
-    border-bottom: 0.5pt solid #e0e0e0;
-  }
-
-  /* Detaily pod adresami */
-  .details-row {
-    display: flex;
-    gap: 8mm;
-    margin-bottom: 3mm;
-  }
-  .details-row .col { flex: 1; }
-
-  /* Adresy - styl z nabidek */
-  .address-block {
-    margin-bottom: 0;
-  }
-  .address-label {
-    font-size: 8pt;
-    font-weight: 600;
-    color: #646464;
-    line-height: 1.5;
-  }
-  .address-name {
-    font-size: 9pt;
-    font-weight: 700;
-    color: #1a1a1a;
-    line-height: 1.5;
-  }
-  .address-line {
-    font-size: 8.5pt;
-    color: #1a1a1a;
-    line-height: 1.5;
+    letter-spacing: 0.03em;
   }
 
   .logo {
@@ -593,74 +550,87 @@ export default async function invoicesPdfRoutes(
     object-fit: contain;
   }
 
-  /* Separator */
-  .header-separator {
-    border: none;
-    border-top: 0.5pt solid #e0e0e0;
-    margin: 2mm 0 3mm 0;
+  /* ── Adresy ── */
+  .header-grid {
+    border: 0.5pt solid #d0d0d0;
+    border-collapse: collapse;
+    width: 100%;
+    margin-bottom: 1mm;
   }
-
-  /* Banka */
-  .bank-box {
+  .header-grid td {
+    padding: 2mm 3mm;
+    border: 0.5pt solid #d0d0d0;
+    vertical-align: top;
+    width: 50%;
+  }
+  .header-grid td.addr-customer {
+    background: #f5f5f5;
+  }
+  .header-grid td.details-bank {
+    background: #f5f5f5;
+  }
+  .address-label {
     font-size: 8pt;
-    line-height: 1.4;
-    padding-top: 2mm;
+    font-weight: 700;
+    color: #de3a3a;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    margin-bottom: 1mm;
   }
-  .bank-box .lbl {
-    font-weight: 600;
+  .address-name {
+    font-size: 10pt;
+    font-weight: 700;
     color: #1a1a1a;
-    display: inline-block;
-    min-width: 16mm;
+    line-height: 1.3;
+    margin-bottom: 1mm;
+  }
+  .address-line {
+    font-size: 9pt;
+    color: #444;
+    line-height: 1.5;
   }
 
-  /* Datumy */
-  .dates-box {
-    font-size: 8pt;
-    line-height: 1.4;
-    padding-top: 2mm;
-  }
-  .dates-row {
+  /* ── Detaily (banka + datumy) — inside header-grid ── */
+
+  .info-row {
     display: flex;
-    align-items: center;
-    margin-bottom: 0.5mm;
+    align-items: baseline;
+    font-size: 9pt;
+    padding: 1mm 0;
+    border-bottom: 0.5pt solid #f0f0f0;
   }
-  .dates-row .lbl {
-    flex: 1;
-    color: #1a1a1a;
+  .info-row:last-child { border-bottom: none; }
+  .info-row .lbl {
+    color: #666;
+    font-weight: 400;
+    flex-shrink: 0;
+    white-space: nowrap;
+    margin-right: 3mm;
   }
-  .dates-row .val {
+  .info-row .val {
     font-weight: 600;
-    min-width: 22mm;
-    text-align: center;
-    padding: 0.5mm 2mm;
+    color: #1a1a1a;
+    text-align: right;
+    margin-left: auto;
   }
 
   /* VS/KS blok */
   .vs-block {
-    font-size: 8pt;
+    font-size: 9pt;
     line-height: 1.4;
     padding-top: 2mm;
   }
 
-  /* Konecny prijemce */
-  .recipient-box {
-    font-size: 8pt;
-    margin-top: 2mm;
-    padding-top: 2mm;
-    border-top: 0.5pt solid #e0e0e0;
-  }
-  .recipient-box .lbl {
-    font-weight: 600;
-    font-style: italic;
-    color: #646464;
-  }
-
-  /* Polozky tabulka - styl z nabidek */
+  /* ── Polozky ── */
   .billing-label {
-    font-weight: 600;
-    color: #de3a3a;
-    font-size: 8.5pt;
-    padding: 3px 5px;
+    font-weight: 700;
+    color: #1a1a1a;
+    font-size: 10pt;
+    padding: 2mm 0 1mm 0;
+    border-bottom: 1.5pt solid #de3a3a;
+    margin-bottom: 0;
+    text-transform: uppercase;
+    letter-spacing: 0.03em;
   }
 
   table.items {
@@ -671,20 +641,18 @@ export default async function invoicesPdfRoutes(
     margin-bottom: 2mm;
   }
   table.items thead th {
-    font-size: 8pt;
+    font-size: 8.5pt;
     font-weight: 600;
     color: #646464;
-    padding: 6px 8px;
+    padding: 4px 4px;
     text-align: left;
-    letter-spacing: 0.02em;
-    text-transform: uppercase;
-    border-bottom: 1pt solid #1a1a1a;
+    border-bottom: 0.5pt solid #d0d0d0;
     white-space: nowrap;
   }
   table.items thead th.center { text-align: center; }
   table.items thead th.right { text-align: right; }
   table.items tbody td {
-    padding: 5px 8px;
+    padding: 4px 4px;
     border-bottom: 0.5pt solid #e0e0e0;
     vertical-align: middle;
     color: #1a1a1a;
@@ -695,11 +663,11 @@ export default async function invoicesPdfRoutes(
   table.items tbody td.row-num {
     text-align: center;
     color: #969696;
-    font-size: 8pt;
+    font-size: 9pt;
   }
   table.items tbody td.desc {
-    font-size: 9.5pt;
-    font-weight: 500;
+    font-size: 9pt;
+    font-weight: 600;
     color: #1a1a1a;
   }
   table.items tbody td.total-cell { font-weight: 700; }
@@ -720,7 +688,7 @@ export default async function invoicesPdfRoutes(
     display: flex;
     justify-content: space-between;
     align-items: baseline;
-    font-size: 8.5pt;
+    font-size: 9.5pt;
     color: #1a1a1a;
     margin-bottom: 2mm;
   }
@@ -732,7 +700,7 @@ export default async function invoicesPdfRoutes(
     align-items: baseline;
   }
   .totals .grand .label {
-    font-size: 9.5pt;
+    font-size: 10.5pt;
     font-weight: 400;
     color: #1a1a1a;
     align-self: center;
@@ -746,14 +714,14 @@ export default async function invoicesPdfRoutes(
   }
   .totals .currency-note {
     text-align: right;
-    font-size: 7.5pt;
+    font-size: 8pt;
     color: #1a1a1a;
     margin-top: 2mm;
   }
 
   /* Vystavil */
   .issued-by {
-    font-size: 8pt;
+    font-size: 9pt;
     margin: 2mm 0;
     line-height: 1.4;
   }
@@ -761,7 +729,7 @@ export default async function invoicesPdfRoutes(
 
   /* Upozorneni */
   .notice {
-    font-size: 7pt;
+    font-size: 8pt;
     color: #1a1a1a;
     margin: 2mm 0;
     line-height: 1.3;
@@ -783,11 +751,11 @@ export default async function invoicesPdfRoutes(
 
   .recap-section table {
     border-collapse: collapse;
-    font-size: 8pt;
+    font-size: 9pt;
     flex: 1;
   }
   .recap-section table th {
-    font-size: 7.5pt;
+    font-size: 8pt;
     font-weight: 600;
     color: #555;
     padding: 3px 6px;
@@ -801,7 +769,7 @@ export default async function invoicesPdfRoutes(
   }
   .recap-section table td.center { text-align: center; }
   .recap-section table td.cnb-rate {
-    font-size: 7pt;
+    font-size: 8pt;
     color: #888;
     text-align: right;
     border-bottom: none;
@@ -811,13 +779,14 @@ export default async function invoicesPdfRoutes(
   /* Prevzal / razitko */
   .footer-row {
     display: flex;
+    justify-content: space-between;
     margin-top: 4mm;
-    font-size: 8pt;
-  }
-  .footer-row .col {
-    flex: 1;
+    font-size: 9pt;
     border-top: 0.5pt solid #aaa;
     padding-top: 2mm;
+    min-height: 15mm;
+  }
+  .footer-row .col {
     font-weight: 600;
     color: #555;
   }
@@ -825,13 +794,13 @@ export default async function invoicesPdfRoutes(
   /* Poznamky */
   .invoice-notes {
     margin-top: 4mm;
-    font-size: 9pt;
+    font-size: 10pt;
     line-height: 1.5;
     color: #1a1a1a;
   }
   .invoice-notes-label {
     font-weight: 600;
-    font-size: 8pt;
+    font-size: 9pt;
     text-transform: uppercase;
     color: #555;
     margin-bottom: 1mm;
@@ -898,59 +867,54 @@ ${indentCSS}
     <div class="invoice-title">${escapeHtml(t.heading)} ${invoiceNumber}</div>
   </div>
 
-  <hr class="header-separator" />
-
-  <!-- Dodavatel / Odberatel - stejna vyska -->
-  <div class="addresses-row">
-    <div class="address-block">
-      <div class="address-label">${escapeHtml(t.supplier)}</div>
-      <div class="address-name">${escapeHtml(supp.name)}</div>
-      ${suppLinesHtml}
-    </div>
-    <div class="address-block">
-      <div class="address-label">${escapeHtml(t.customer)}</div>
-      <div class="address-name">${escapeHtml(cust.name)}</div>
-      ${custLinesHtml}
-    </div>
-  </div>
-
-  <!-- Banka + VS / Datumy -->
-  <div class="details-row">
-    <div class="col">
-      <div class="bank-box">
-        <span class="lbl">${escapeHtml(t.bank)}</span> ${escapeHtml(invoice.bank_name)}<br>
-        <span class="lbl">${escapeHtml(t.swift)}</span> ${escapeHtml(invoice.bank_swift)}<br>
-        <span class="lbl">${escapeHtml(t.iban)}</span> ${escapeHtml(invoice.bank_iban)}<br>
-        <span class="lbl">${escapeHtml(t.account_no)}</span> ${escapeHtml(invoice.bank_account)}
-      </div>
-      <div class="vs-block">
-        ${escapeHtml(t.var_symbol)} <strong>${invoiceNumber}</strong>
-        &nbsp;&nbsp;&nbsp; ${escapeHtml(t.const_symbol)} <strong>${escapeHtml(invoice.constant_symbol)}</strong><br>
-        ${orderNumber ? `${escapeHtml(t.order_no)} ${orderNumber}` : ""}
-      </div>
-    </div>
-    <div class="col">
-      <div class="dates-box">
-        <div class="dates-row"><span class="lbl">${escapeHtml(t.issue_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.issue_date))}</span></div>
-        <div class="dates-row"><span class="lbl">${escapeHtml(t.due_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.due_date))}</span></div>
-        <div class="dates-row"><span class="lbl">${escapeHtml(t.tax_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.tax_date))}</span></div>
-        <div class="dates-row"><span class="lbl">${escapeHtml(t.payment_method)}</span> <span class="val">${escapeHtml(invoice.payment_method)}</span></div>
-      </div>
-    </div>
-  </div>
+  <!-- Dodavatel / Odberatel + Banka / Datumy -->
+  <table class="header-grid" cellspacing="0">
+    <tr>
+      <td>
+        <div class="address-label">${escapeHtml(t.supplier)}</div>
+        <div class="address-name">${escapeHtml(supp.name)}</div>
+        ${suppLinesHtml}
+      </td>
+      <td class="addr-customer">
+        <div class="address-label">${escapeHtml(t.customer)}</div>
+        <div class="address-name">${escapeHtml(cust.name)}</div>
+        ${custLinesHtml}
+      </td>
+    </tr>
+    <tr>
+      <td class="details-bank">
+        <div class="info-row"><span class="lbl">${escapeHtml(t.bank)}</span> <span class="val">${escapeHtml(invoice.bank_name)}</span></div>
+        <div class="info-row"><span class="lbl">${escapeHtml(t.swift)}</span> <span class="val">${escapeHtml(invoice.bank_swift)}</span></div>
+        <div class="info-row"><span class="lbl">${escapeHtml(t.iban)}</span> <span class="val">${escapeHtml(invoice.bank_iban)}</span></div>
+        <div class="info-row"><span class="lbl">${escapeHtml(t.account_no)}</span> <span class="val">${escapeHtml(invoice.bank_account)}</span></div>
+        <div class="vs-block">
+          ${escapeHtml(t.var_symbol)} <strong>${invoiceNumber}</strong>
+          &nbsp;&nbsp;&nbsp; ${escapeHtml(t.const_symbol)} <strong>${escapeHtml(invoice.constant_symbol)}</strong>
+        </div>
+      </td>
+      <td>
+        <div class="info-row"><span class="lbl">${escapeHtml(t.issue_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.issue_date))}</span></div>
+        <div class="info-row"><span class="lbl">${escapeHtml(t.due_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.due_date))}</span></div>
+        <div class="info-row"><span class="lbl">${escapeHtml(t.tax_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.tax_date))}</span></div>
+        <div class="info-row"><span class="lbl">${escapeHtml(t.payment_method)}</span> <span class="val">${escapeHtml(invoice.payment_method)}</span></div>
+        ${orderNumber ? `<div class="info-row"><span class="lbl">${lang === "cs" ? "Objednávka č.:" : "Order no.:"}</span> <span class="val">${orderNumber}</span></div>` : ""}
+        ${orderDate ? `<div class="info-row"><span class="lbl">${lang === "cs" ? "Objednávka ze dne:" : "Order date:"}</span> <span class="val">${escapeHtml(orderDate)}</span></div>` : ""}
+      </td>
+    </tr>
+  </table>
 
   <!-- Polozky -->
   <div class="billing-label">${escapeHtml(invoice.billing_text || t.billing)}</div>
   <table class="items">
     <thead>
       <tr>
-        <th class="center" style="width:4%">${escapeHtml(t.col_no)}</th>
-        <th style="width:28%">${escapeHtml(t.col_desc)}</th>
-        <th class="center" style="width:12%">${escapeHtml(t.col_qty)}</th>
-        <th class="right" style="width:11%">${escapeHtml(t.col_unit_price)}</th>
-        <th class="right" style="width:11%">${escapeHtml(t.col_price)}</th>
-        <th class="center" style="width:7%">${escapeHtml(t.col_vat_pct)}</th>
-        <th class="right" style="width:11%">${escapeHtml(t.col_vat)}</th>
+        <th class="center" style="width:3%">${escapeHtml(t.col_no)}</th>
+        <th style="width:36%">${escapeHtml(t.col_desc)}</th>
+        <th class="center" style="width:10%">${escapeHtml(t.col_qty)}</th>
+        <th class="right" style="width:10%">${escapeHtml(t.col_unit_price)}</th>
+        <th class="right" style="width:10%">${escapeHtml(t.col_price)}</th>
+        <th class="center" style="width:5%">${escapeHtml(t.col_vat_pct)}</th>
+        <th class="right" style="width:10%">${escapeHtml(t.col_vat)}</th>
         <th class="right" style="width:16%">${escapeHtml(t.col_total)}</th>
       </tr>
     </thead>
@@ -1044,6 +1008,7 @@ ${indentCSS}
           ? new Date(invoice.issue_date)
           : new Date();
         const saveMode = query.save === "1";
+        nasFinancialsManager.cleanIssuedInvoice(invoice.invoice_number!);
         const pdfPromise = htmlToPdf(html)
           .then((pdfBuffer) => {
             nasFinancialsManager.saveIssuedInvoicePdf(

src/routes/admin/offers-pdf.ts

@@ -517,7 +517,7 @@ ${indentCSS}
   }
   table.items tbody td.desc {
     font-size: 10pt;
-    font-weight: 500;
+    font-weight: 600;
     color: #1a1a1a;
   }
   table.items tbody td.total-cell {

src/services/invoices.service.ts

@@ -70,6 +70,11 @@ export async function markOverdueInvoices() {
       where: { status: "issued", due_date: { lt: new Date() } },
       data: { status: "overdue" },
     });
+    // Reverse: if due_date was changed to future, set back to issued
+    await prisma.invoices.updateMany({
+      where: { status: "overdue", due_date: { gte: new Date() } },
+      data: { status: "issued" },
+    });
   } catch (err) {
     console.error("markOverdueInvoices failed:", err);
   }
@@ -350,8 +355,8 @@ export async function updateInvoice(id: number, body: Record<string, any>) {
 
   const data: Record<string, unknown> = { modified_at: new Date() };
 
-  // Only allow full editing in 'issued' state
-  const isDraft = currentStatus === "issued";
+  // Allow full editing in 'issued' and 'overdue' states
+  const isDraft = currentStatus === "issued" || currentStatus === "overdue";
   if (isDraft) {
     const strFields = [
       "currency",

src/services/nas-financials-manager.ts

@@ -30,6 +30,34 @@ class NasFinancialsManager {
 
   // ── Created (issued) invoices ────────────────────────────────────
 
+  /** Remove any existing PDF for this invoice number across all year/month folders */
+  cleanIssuedInvoice(invoiceNumber: string): void {
+    if (!this.basePath) return;
+    const safeName = this.sanitizeFilename(invoiceNumber) + ".pdf";
+    const issuedDir = path.join(this.basePath, DIR_ISSUED);
+    try {
+      if (!fs.existsSync(issuedDir)) return;
+      for (const yearDir of fs.readdirSync(issuedDir)) {
+        const yearPath = path.join(issuedDir, yearDir);
+        if (!fs.statSync(yearPath).isDirectory()) continue;
+        for (const monthDir of fs.readdirSync(yearPath)) {
+          const monthPath = path.join(yearPath, monthDir);
+          try {
+            if (!fs.statSync(monthPath).isDirectory()) continue;
+          } catch {
+            continue;
+          }
+          const filePath = path.join(monthPath, safeName);
+          if (fs.existsSync(filePath)) {
+            fs.unlinkSync(filePath);
+          }
+        }
+      }
+    } catch {
+      // best effort
+    }
+  }
+
   saveIssuedInvoicePdf(
     invoiceNumber: string,
     year: number,