Styling

public/css/style.css

@@ -840,6 +840,17 @@ table input[type="text"] {
   color: #7f8c8d;
 }
 
+/* Überstunden-Farbklassen (global genutzt, z. B. Verwaltung & Auswertung) */
+.overtime-positive {
+  color: #27ae60;
+  font-weight: 600;
+}
+
+.overtime-negative {
+  color: #e74c3c;
+  font-weight: 600;
+}
+
 /* Activities/Tätigkeiten */
 .activities-row {
   background-color: #f8f9fa;
@@ -864,7 +875,7 @@ table input[type="text"] {
 
 .activity-row {
   display: grid;
-  grid-template-columns: 1fr 150px 120px;
+  grid-template-columns: 1fr 150px 150px;
   gap: 15px;
   align-items: center;
 }
@@ -893,7 +904,7 @@ table input[type="text"] {
 }
 
 .activity-hours-input {
-  width: 80px;
+  width: 64px;
 }
 
 .activity-hours-label {
@@ -901,6 +912,11 @@ table input[type="text"] {
   color: #555;
 }
 
+.activity-hours-hh-input,
+.activity-hours-mm-input {
+  text-align: center;
+}
+
 .activity-project {
   display: flex;
   align-items: center;