Auslastungsberechung angepasst

public/styles.css

@@ -856,6 +856,17 @@ th.role-bauüberwachung { color: var(--text); }
   transition: width .3s var(--ease);
 }
 
+/* Markierung der amtierenden Leistungsphase (gesetzt im Tab "Projekte") */
+.lph-cell.lp-aktiv {
+  background: var(--accent-soft);
+  box-shadow: inset 0 2px 0 var(--accent);
+}
+
+.lph-cell.lp-aktiv input {
+  border-color: var(--accent);
+  font-weight: 600;
+}
+
 .section-title {
   font-size: 17px;
   font-weight: 600;
@@ -983,6 +994,55 @@ th.role-bauüberwachung { color: var(--text); }
   color: var(--text-muted);
 }
 
+/* === LP-Aufwand-Maske als Matrix-Tabelle ===
+   Zeilen = Leistungsphasen, Spalten = Rollen + "amtierend" (Radio). */
+.lp-matrix {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 6px 0 12px;
+}
+.lp-matrix thead th {
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--text-muted);
+  text-align: left;
+  padding: 4px 8px;
+  border-bottom: 1px solid var(--line-soft);
+}
+.lp-matrix th.lp-lph {
+  font-size: 12px;
+  font-weight: 600;
+  text-align: left;
+  padding: 6px 8px;
+  white-space: nowrap;
+}
+.lp-matrix td {
+  padding: 3px 8px;
+}
+.lp-matrix td input[type=text] {
+  width: 64px;
+  padding: 4px 7px;
+  font-size: 13px;
+}
+.lp-matrix tbody th.lp-lph,
+.lp-matrix tbody td {
+  border-bottom: 1px solid var(--line-soft);
+}
+.lp-matrix tbody tr:last-child th.lp-lph,
+.lp-matrix tbody tr:last-child td {
+  border-bottom: none;
+}
+.lp-matrix tbody tr:nth-child(even) th.lp-lph,
+.lp-matrix tbody tr:nth-child(even) td {
+  background: var(--surface-alt);
+}
+
+/* LP-Aufwand- und Neues-Projekt-Modal etwas breiter für die Matrix-Tabelle */
+#lpModal .modal,
+#newProjModal .modal {
+  max-width: 640px;
+}
+
 .person-list-item,
 .person-card {
   display: flex;