/* Seiten-Spezifisches der Arbeitsliste. Nutzt nur Tokens aus style.css. */

/* ---------- Fortschritt in der App-Bar ---------- */
.progress{display:flex;align-items:center;gap:9px;color:#cfe0de;font-size:.83rem;
  white-space:nowrap}
.progress .bar{display:block;width:150px;height:7px;border-radius:4px;
  background:rgba(255,255,255,.18);overflow:hidden}
.progress .bar i{display:block;height:100%;background:#4fd1c5;border-radius:4px;
  transition:width .3s}
@media (max-width:700px){.progress .bar{width:70px}}

/* ---------- Eintrag: Quelle links, Kandidaten rechts ---------- */
.zeile{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:20px;
  align-items:start}
@media (max-width:900px){.zeile{grid-template-columns:1fr}}

.eintrag{padding:16px 18px}
.eintrag.fertig{border-color:var(--accent-border);background:#fbfefd}
.quelle .name{font-size:1.05rem;font-weight:600;color:var(--dark);
  display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.quelle .meta{font-size:.85rem;color:var(--text-2);margin-top:3px;line-height:1.55}
.quelle .bem{font-size:.85rem;color:var(--warn);background:var(--warn-bg);
  border:1px solid var(--warn-border);border-radius:var(--radius-s);
  padding:5px 9px;margin-top:8px}
.quelle .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}
.pill{font-family:var(--mono);font-size:.75rem;text-decoration:none}

/* ---------- Kandidat ---------- */
.kand{border:1px solid var(--border);border-radius:var(--radius-s);
  padding:9px 12px;margin-bottom:8px;background:var(--surface-2)}
.kand:last-child{margin-bottom:0}
.kand.gewaehlt{border-color:var(--ok-border);background:var(--ok-bg)}
.kand .kopf{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.kand .lab{font-weight:600;color:var(--dark);text-decoration:none}
.kand .lab:hover{text-decoration:underline}
.kand .qid{font-family:var(--mono);font-size:.76rem;color:var(--text-3)}
.kand .meta{font-size:.82rem;color:var(--text-2);margin-top:2px}
.kand .warn{font-size:.8rem;color:var(--danger);margin-top:4px}
.kand .acts{margin-top:8px}

.score{display:inline-grid;place-items:center;min-width:34px;height:22px;padding:0 6px;
  border-radius:6px;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;
  border:1px solid transparent}
.score.hoch{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok)}
.score.mittel{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}
.score.niedrig{background:#eef1f1;border-color:var(--border-strong);color:var(--text-2)}

/* Teilscores: vier schmale Balken, damit die Grundlage des Scores sichtbar ist */
.tsrow{display:flex;gap:8px;margin-top:7px;flex-wrap:wrap}
.ts{display:flex;flex-direction:column;gap:2px;width:74px}
.ts i{display:block;height:4px;border-radius:2px;background:var(--accent);
  min-width:2px}
.ts b{font-size:.66rem;font-weight:600;color:var(--text-3);text-transform:uppercase;
  letter-spacing:.05em}
.ts::before{content:'';display:block;height:4px;border-radius:2px;background:var(--grid);
  margin-bottom:-4px;width:100%}

.mehr{margin:4px 0 20px;display:flex;align-items:center;gap:10px}

/* ---------- Export ---------- */
.vorschau{background:#10302f;color:#d7ece9;padding:14px 16px;border-radius:var(--radius-s);
  overflow:auto;max-height:380px;font-family:var(--mono);font-size:.78rem;
  line-height:1.55;margin-top:14px;white-space:pre}

/* ---------- Nur-Lese-Zugang ---------- */
html.readonly .quelle .acts,
html.readonly .kand .acts,
html.readonly #einstellungen{display:none}
html.readonly #exportBlock::after{content:'Nur-Lese-Zugang: Entscheiden ist Kuratorinnen und Kuratoren vorbehalten.';
  display:block;margin-top:12px;color:var(--text-3);font-size:.85rem}