/**
 * idf-vorschlaege v0.1.0 - der Kasten eines Vorschlags (Issue 1822)
 *
 * Aus dem Pruefungs-Fenster des Webservice hierher gezogen, die Regeln sind
 * dieselben (dort .wsp-vorschlag und Verwandte). Pillen aus
 * blocks/pill-colors, der Erledigt-Haken aus dem Listen-Grid, die Marken im
 * Text aus blocks/diff.
 */

/* Ein Vorschlag als Kasten. Ausserhalb des Texts (Aendern) gelb, die
   offenen Fragen blau, im Text neutral: dort tragen die Marken die Farbe. */
.idf-vs-liste { display: flex; flex-direction: column; gap: var(--space-3); }
.idf-vs {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  background: var(--ink-4);
  border-left: 3px solid var(--ink-10);
  border-radius: var(--radius-xs);
}
.idf-vs.is-aendern { background: var(--yellow-10); border-left-color: var(--yellow); }
.idf-vs.is-klaeren { background: var(--accent-10-a); border-left-color: var(--accent); }

/* Der Stand eines Vorschlags (Issue 1514). Erledigte verblassen nicht:
   mit 70 % Deckkraft war die aktive Pille Gut hellrot statt rot, und dass
   hellrot schon umgeschrieben hiess, stand nirgends. Der Kopf sagt den Stand
   als Pille. Erledigte sind gruen und zeigen statt der drei
   Bewertungs-Pillen, was passiert ist; von Hand offene haben einen orangen
   Rand und den Haken voll sichtbar statt blass. */
.idf-vs-stand:empty { display: none; }
.idf-vs.is-stand-erledigt { background: var(--confirm-10-a); border-left-color: var(--confirm); }
.idf-vs.is-stand-erledigt .idf-vs-bewertung { display: none; }
.idf-vs.is-stand-hand { border-left-color: var(--orange); }
.idf-vs.is-stand-hand .idf-list-done-pill { opacity: 1; }

.idf-vs-kopf {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}
.idf-vs-luecke { flex: 1 1 auto; }
.idf-vs-bewertung { display: inline-flex; gap: var(--space-1); flex-wrap: wrap; }

.idf-vs-warum,
.idf-vs-frage {
  margin: 0;
  font-size: var(--font-base);
  line-height: 1.55;
  color: var(--ink);
}
.idf-vs-frage { font-weight: var(--weight-semi); }
.idf-vs-meta { font-size: var(--font-xs2); color: var(--ink-75); margin: 0; }
.idf-vs-grund i { margin-right: var(--space-1); }
.idf-vs-status:empty { display: none; }
.idf-vs-ergebnis.is-ok { color: var(--confirm); }
.idf-vs-ergebnis.is-warnung { color: var(--orange); }

/* Alt und Neu in einem Fluss, wenn der Kasten nicht an einer Marke steht. */
.idf-vs-diff { padding: var(--space-2) var(--space-3); background: var(--white); border-radius: var(--radius-xs); }

/* Knopf zum Umsetzen mit dem Stand der Stellen daneben. */
.idf-vs-umschreiben {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  padding: var(--space-2) 0;
}
.idf-vs-umschreiben-text { font-size: var(--font-base); color: var(--ink); }