Rechnungstabelle: Spalten Projekt und Art, Knopf Rechnung schreiben öffnet den neuen Dialog

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/components/auftraege/rechnung-dialog.css

@@ -47,3 +47,13 @@
 /* Fuß des Dialogs */
 .rd-foot { display: flex; flex: 1; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
 @media (max-width: 860px) { .rd-foot .btn { flex: 1 1 auto; } }
+
+/* Rechnungstabelle (InvoiceTable): Spalten Projekt und Art. Zwei Klassen vor dem Elementnamen, damit diese Rasterflächen
+   die Regel .fin-invoices tr aus global.css überstimmen (dieses Stylesheet steht davor im Bundle). */
+.fin-block .fin-inv-project { overflow-wrap: anywhere; }
+.fin-block .fin-inv-art { white-space: nowrap; }
+@container (max-width: 860px) {
+  .fin-block .fin-invoices tr { grid-template-areas: "number status" "customer customer" "projekt art" "created due" "total remaining" "actions actions"; }
+  .fin-block .fin-inv-project { grid-area: projekt; }
+  .fin-block .fin-inv-art { grid-area: art; }
+}