css

httpdocs/assets/styles/components/_entry-list.scss

@@ -154,31 +154,23 @@
   @media (hover: none) { opacity: 1; }
 }
 
-// ─── Abgerechneter Eintrag ────────────────────────────────────────────────
-// Kein opacity auf dem Row – das würde auch das Schloss-Icon aufhellen.
-// Stattdessen nur die Text-Elemente selektiv dämpfen.
-.entry-row--invoiced {
-  .entry-row__title { color: $color-text-muted; font-weight: $font-weight-regular; }
-  .entry-row__note  { color: $color-text-light; }
-  .entry-row__badge { color: $color-text-muted; background: rgba($color-card, 0.6); }
-}
-
+// ─── Lock-Indikator (invoiced) ────────────────────────────────────────────
 .entry-row__lock-indicator {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 28px;
-  height: 28px;
+  width: calc(28px + #{$space-2} + 28px);
   flex-shrink: 0;
-  // Explizit dunkel – auch wenn der Row gedämpft ist
   color: $color-text-dark;
 
   svg { width: 14px; height: 14px; pointer-events: none; }
 }
 
-// Höhere Spezifizität sicherstellen
-.entry-row--invoiced .entry-row__lock-indicator {
-  color: $color-text-dark;
+// ─── Abgerechneter Eintrag ────────────────────────────────────────────────
+.entry-row--invoiced {
+  .entry-row__title { color: $color-text-muted; font-weight: $font-weight-regular; }
+  .entry-row__note  { color: $color-text-light; }
+  .entry-row__badge { color: $color-text-muted; background: rgba($color-card, 0.6); }
 }
 
 // ─── Bearbeiten-Modus ─────────────────────────────────────────────────────