/* ===================================================================
   Gemeinsame Ansicht für LIVE, Content, Technik, Community und Schutz.
   =================================================================== */

.eintrag-karte {
  padding: 15px 17px; margin-bottom: 10px;
  background: var(--flaeche);
  border: 1px solid var(--rand);
  border-left: 3px solid var(--rand);
  border-radius: var(--radius-klein);
}
.eintrag-karte[data-dringlich="hoch"]    { border-left-color: #d8656e; }
.eintrag-karte[data-dringlich="mittel"]  { border-left-color: #4b6c8a; }
.eintrag-karte[data-dringlich="niedrig"] { border-left-color: #3c4a5a; }
.eintrag-karte[data-status="erledigt"] { opacity: .55; }

.eintrag-kopf {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px;
}
.eintrag-titel { font-weight: 600; font-size: .96rem; flex: 1 1 240px; }

.marke-art {
  padding: 1px 9px; border-radius: 999px;
  background: rgba(63, 189, 245, .14); color: #7fd2fb;
  font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  white-space: nowrap;
}

/* Bewertung als Punktreihe statt als Zahl -- auf einen Blick erfassbar,
   und ohne Sterne, die im Dunkeln flimmern. */
.bewertung { display: inline-flex; gap: 3px; align-items: center; }
.bewertung__punkt {
  width: 7px; height: 7px; border-radius: 50%;
  background: rgba(150, 186, 220, .22);
}
.bewertung__punkt[data-voll="ja"] { background: var(--akzent); }

.eintrag-text {
  margin: 9px 0 0; font-size: .87rem; color: var(--text-leise);
  line-height: 1.55; white-space: pre-wrap;
}

.eintrag-fuss {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  margin-top: 11px; font-size: .77rem; color: var(--text-still);
}
.eintrag-knoepfe { display: flex; gap: 6px; margin-left: auto; flex-wrap: wrap; }

.filter { display: flex; gap: 8px; margin: 0 0 20px; flex-wrap: wrap; }
.filter .schritt[aria-pressed="true"] {
  /* Gedrueckt = der "voll"-Auftritt des Knopf-Systems. Vorher stand
     hier eine eigene Flaeche, die den geschliffenen Rand ueberschrieb. */
  --f: var(--akzent);
  color: #fff;
  background:
    linear-gradient(color-mix(in srgb, var(--f) 20%, #121926),
                    color-mix(in srgb, var(--f) 12%, #0d1420)) padding-box,
    linear-gradient(150deg, var(--f),
                    color-mix(in srgb, var(--f) 45%, transparent)) border-box;
  box-shadow: 0 4px 16px -9px var(--f);
}


@media (max-width: 620px) {
  .eintrag-knoepfe { margin-left: 0; width: 100%; }
}