Rollen Chunk 5: Genehmigungs-Status mit Eigen-UI

src/app/globals.css

@@ -480,8 +480,19 @@ h3 {
   white-space: nowrap;
 }
 
-.muted-note {
-  color: var(--muted);
+.status-badge {
+  display: inline-block;
+  margin-left: 0.5rem;
+  padding: 0.1rem 0.5rem;
+  border-radius: 999px;
+  font-size: 0.75rem;
+  font-weight: 650;
+  background: var(--gold-tint);
+  color: var(--harbor);
+  border: 1px solid var(--gold);
+}
+
+.muted-note {  color: var(--muted);
   font-size: 0.85rem;
 }
 
@@ -670,6 +681,12 @@ button[type="submit"]:active,
   border-color: var(--sea);
 }
 
+.day-requested {
+  background: var(--sea-tint);
+  border-style: dashed;
+  border-color: var(--sea);
+}
+
 .day-holiday {
   background: var(--signal-tint);
   border-color: var(--signal);
@@ -925,6 +942,12 @@ li {
   border-color: var(--sea);
 }
 
+.ycell-requested {
+  background: var(--sea-tint);
+  border-style: dashed;
+  border-color: var(--sea);
+}
+
 .ycell-holiday {
   background: var(--signal-tint);
   border-color: var(--signal);