/**
 * aufgaben-kalender.css - was der Aufgaben-Eintrag im Kalender-Raster zeigt
 *
 * Das Raster, die Zellen, die Blaetter-Leiste und die Geometrie des Eintrags
 * kommen aus `_shared/blocks/calendar`. Hier steht ausschliesslich die
 * AUFGABEN-Fachlichkeit: die Eisenhower-Toenung, der Meilenstein und der
 * erledigte Zustand, also dieselben drei Merkmale, die die Listenzeile
 * traegt, mit denselben Mitteln.
 *
 * Additiv, nichts aus dem Baustein wird ersetzt. Es gibt hier keine eigene
 * Farbe und keine eigene Form: beides waere ein viertes Aussehen derselben
 * Aufgabe neben Liste, Modal und Zeile in Fremd-Modulen.
 */

/* Toenung wie die Listenzeile, aus denselben Variablen
   (`_shared/domain/eisenhower-theme`). Die Farbe steht hier und nicht dort,
   weil `.eh-qN` (0,1,0) und `.idf-cal-bar` (0,1,0) gleich stark sind: welcher
   Hintergrund gewinnt, entschiede sonst die Ladereihenfolge der beiden
   Baustein-CSS.

   Q4 behaelt den neutralen Grund des Bausteins - eine Aufgabe ohne Wichtig
   und ohne Dringend soll den Kalender nicht einfaerben, dieselbe Entscheidung
   wie in der Liste. Einen zusaetzlichen Farbstreifen gibt es bewusst NICHT:
   die Flaeche traegt die Aussage schon, und ein Streifen in Rot, Gruen oder
   Orange waere eine neue Design-Sprache neben der bestehenden. */
.idf-cal-bar.eh-q1 { background: var(--eh-q1-bg); }
.idf-cal-bar.eh-q2 { background: var(--eh-q2-bg); }
.idf-cal-bar.eh-q3 { background: var(--eh-q3-bg); }

/* Der Hover des Bausteins verliert gegen die drei Regeln darueber (gleiche
   Spezifitaet, diese Datei laedt spaeter) und wird deshalb je Ton nachgezogen.
   Gleiches Mittel wie im Baustein: den eigenen Grund abdunkeln. */
.idf-cal-bar.eh-q1:hover { background: color-mix(in srgb, var(--eh-q1-bg) 92%, var(--ink)); }
.idf-cal-bar.eh-q2:hover { background: color-mix(in srgb, var(--eh-q2-bg) 92%, var(--ink)); }
.idf-cal-bar.eh-q3:hover { background: color-mix(in srgb, var(--eh-q3-bg) 92%, var(--ink)); }

/* Meilenstein: exakt die Markierung der Listenzeile
   (`.idf-eh-row.is-meilenstein`), damit dieselbe Aufgabe in beiden Ansichten
   dasselbe Zeichen traegt. Vorher stand hier eine selbst erfundene 1-px-Kontur
   in `--accent`. */
.idf-cal-bar.is-meilenstein {
  box-shadow: inset 4px 0 0 var(--eh-meilenstein-border);
}

/* Erledigt: der Eintrag bleibt stehen, tritt aber zurueck. Ihn verschwinden
   zu lassen waere falsch - die Zeit ist verbraucht, und ein Tag saehe ohne
   ihn freier aus, als er war. */
.idf-cal-bar.is-erledigt {
  opacity: 0.55;
}

.idf-cal-bar.is-erledigt .ak-bar-titel {
  text-decoration: line-through;
}

.idf-cal-bar.is-zurueckgestellt {
  opacity: 0.55;
}

/* Inhalt des Eintrags */
.ak-bar-titel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ak-bar-icon {
  flex: 0 0 auto;
  font-size: var(--font-sm);
  color: var(--mid);
}

.ak-bar-meta {
  margin-left: auto;
  flex: 0 0 auto;
  font-size: var(--font-base);
  color: var(--mid);
  font-variant-numeric: tabular-nums;
}

.ak-bar-kein-aufwand {
  color: var(--soft);
}