/* pruefungsfit.css -- Ausgelagert aus app.html */
/* ── Prüfungsfit Overlay ───────────────────────────────────────── */
.pfit-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--bg);
  z-index: 820;
  flex-direction: column;
  overflow: hidden;
}
.pfit-overlay.open { display: flex; }
.pfit-ov-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  height: 56px;
  background: var(--bg2);
  border-bottom: 1px solid var(--border);
}
.pfit-ov-icon { font-size: 1.5rem; flex-shrink: 0; }
.pfit-ov-badge {
  font-size: .68rem; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; padding: 2px 7px;
  border-radius: 4px; flex-shrink: 0;
  background: var(--bg3); border: 1px solid var(--border);
}
.pfit-ov-title {
  font-family: var(--font-head); font-size: var(--fs-lg, 1rem); font-weight: 700;
  color: var(--txt); flex: 1; min-width: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pfit-tab-bar {
  flex-shrink: 0;
  display: flex;
  background: var(--bg2);
  border-bottom: 1px solid var(--border);
}
.pfit-tab-btn {
  flex: 1; padding: 10px 8px; border: none; cursor: pointer;
  background: transparent; color: var(--txt2);
  font-family: var(--font-body); font-size: var(--fs-sm, .86rem); font-weight: 600;
  letter-spacing: 0.035em;
  border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s, background .15s;
}
.pfit-tab-btn.active {
  color: var(--cyan); border-bottom-color: var(--cyan);
  background: var(--bg3);
}
.pfit-ov-body {
  flex: 1; overflow-y: auto; padding: 20px 18px;
}

/* ── Quiz (MC-Logikblock) — Hilfeseiten-Design ────────────────── */
.quiz-wrap{max-width:860px;margin:0 auto;padding:4px 0 40px}
.quiz-header{border-bottom:2px solid var(--cyan);padding-bottom:10px;margin-bottom:16px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.quiz-header h2{font-size:1.05rem;color:var(--cyan);margin:0;font-weight:700}
.quiz-score-pill{display:flex;gap:14px;align-items:center}
.quiz-score-pill .qsp{font-size:var(--fs-sm, .8rem);color:var(--txt3)}
.quiz-score-pill .qsp b{color:var(--cyan);font-size:var(--fs-lg, 1rem)}
.quiz-progress{width:140px;height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}
.quiz-progress-fill{height:100%;background:var(--cyan);border-radius:3px;transition:width .35s}
.quiz-card{background:rgba(38,36,32,.85);border:1px solid rgba(61,58,50,.7);border-radius:6px;
  padding:18px 22px;margin-bottom:14px}
.quiz-card-nr{font-size:11px;color:var(--txt3);font-weight:600;text-transform:uppercase;
  letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.quiz-card-nr .qc-badge{display:inline-block;background:rgba(99,189,166,.12);color:var(--cyan);
  padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700}
.quiz-frage{font-size:var(--fs-base, .9rem);color:var(--txt);line-height:1.6;margin-bottom:14px}
.quiz-opts{display:flex;flex-direction:column;gap:7px}
.quiz-opt{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;
  border:1px solid rgba(61,58,50,.7);border-radius:6px;cursor:pointer;
  background:rgba(50,47,41,.6);transition:all .15s;font-size:var(--fs-sm, .8rem);color:var(--txt);line-height:1.45}
.quiz-opt:hover:not(.locked){border-color:var(--cyan);background:rgba(99,189,166,.06)}
.quiz-opt .qo-letter{font-weight:800;color:var(--cyan);min-width:18px;font-size:var(--fs-sm, .8rem)}
.quiz-opt.correct{border-color:var(--green);background:rgba(108,191,110,.08)}
.quiz-opt.correct .qo-letter{color:var(--green)}
.quiz-opt.wrong{border-color:var(--red);background:rgba(217,122,114,.08)}
.quiz-opt.wrong .qo-letter{color:var(--red)}
.quiz-opt.locked{cursor:default;opacity:.65}
.quiz-opt.correct.locked{opacity:1}
.quiz-explain{margin-top:10px;padding:9px 13px;font-size:var(--fs-sm, .8rem);line-height:1.55;
  border-radius:0 4px 4px 0;display:none}
.quiz-explain.show{display:block}
.quiz-explain.right{background:rgba(108,191,110,.06);border:1px solid rgba(108,191,110,.25);
  border-left:4px solid var(--green);color:var(--txt)}
.quiz-explain.right b{color:var(--green)}
.quiz-explain.fail{background:rgba(217,122,114,.06);border:1px solid rgba(217,122,114,.25);
  border-left:4px solid var(--red);color:var(--txt)}
.quiz-explain.fail b{color:var(--red)}
.quiz-nav{display:flex;gap:10px;justify-content:center;margin-top:22px;padding-top:16px;
  border-top:1px solid rgba(61,58,50,.5)}
.quiz-nav button{padding:10px 28px;border-radius:6px;border:1px solid rgba(61,58,50,.7);
  background:rgba(50,47,41,.8);color:var(--txt);cursor:pointer;font-size:var(--fs-sm, .8rem);font-weight:600;transition:all .15s}
.quiz-nav button:hover{border-color:var(--cyan);color:var(--cyan)}
.quiz-nav button.primary{background:var(--cyan);color:var(--bg);border-color:var(--cyan);font-weight:700}
.quiz-nav button.primary:hover{opacity:.85}
.quiz-result{text-align:center;padding:40px 20px;max-width:500px;margin:0 auto;
  background:rgba(38,36,32,.85);border:1px solid rgba(61,58,50,.7);border-radius:6px}
.quiz-result .qr-emoji{font-size:3.5rem;margin-bottom:12px}
.quiz-result .qr-score{font-size:1.4rem;font-weight:800;color:var(--txt)}
.quiz-result .qr-pct{font-size:2.2rem;font-weight:800;color:var(--cyan);margin:6px 0}
.quiz-result .qr-sub{font-size:var(--fs-sm, .8rem);color:var(--txt3);margin-top:8px;line-height:1.5;
  padding:10px 14px;border-radius:4px}
.quiz-result .qr-sub.good{background:rgba(108,191,110,.06);border-left:3px solid var(--green)}
.quiz-result .qr-sub.mid{background:rgba(214,162,63,.06);border-left:3px solid var(--yellow)}
.quiz-result .qr-sub.low{background:rgba(217,122,114,.06);border-left:3px solid var(--red)}
.quiz-review{margin-top:24px;text-align:left}
.quiz-review h3{font-size:var(--fs-base, .9rem);color:var(--cyan);margin:0 0 12px;font-weight:700}
.quiz-review-card{background:rgba(38,36,32,.85);border:1px solid rgba(61,58,50,.7);border-radius:6px;
  padding:16px 18px;margin-bottom:12px}
.quiz-review-card .qrc-q{font-size:var(--fs-sm, .8rem);color:var(--txt);line-height:1.55;margin-bottom:10px;font-weight:600}
.quiz-review-card .qrc-correct{font-size:var(--fs-sm, .8rem);color:var(--green);margin-bottom:8px}
.quiz-review-card .qrc-correct b{color:var(--green)}
.quiz-review-card .qrc-explain{font-size:var(--fs-sm, .8rem);color:var(--txt3);line-height:1.55;margin-bottom:8px;
  padding:8px 12px;background:rgba(217,122,114,.05);border-left:3px solid var(--red);border-radius:0 4px 4px 0}
.quiz-review-card .qrc-lehrbrief{font-size:var(--fs-xs, .72rem);color:var(--txt3);padding:6px 10px;
  background:rgba(99,189,166,.06);border-left:3px solid var(--cyan);border-radius:0 4px 4px 0}
.quiz-review-card .qrc-lehrbrief b{color:var(--cyan)}

/* ── Formelblock (Formelsammlung-Stil) ──────────────────────────── */
.pfit-formelblock {
  margin: 12px 0;
  border: 1px solid var(--border);
  border-left: 3px solid var(--cyan);
  border-radius: 6px;
  background: var(--bg2);
  overflow: hidden;
}
.pfit-formelblock-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 8px 14px 6px;
  border-bottom: 1px solid var(--border);
  background: var(--bg3);
}
.pfit-formelblock-nr {
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--cyan);
  flex-shrink: 0;
}
.pfit-formelblock-formel {
  font-size: var(--fs-lg, 1rem);
  flex: 1;
  min-width: 0;
}
.pfit-formelblock-einheit {
  font-size: var(--fs-sm, .8rem);
  color: var(--txt2);
  flex-shrink: 0;
  padding: 2px 6px;
  border: 1px solid var(--border);
  border-radius: 4px;
  background: var(--bg);
}
.pfit-legende {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fs-xs, .72rem);
}
.pfit-legende td {
  padding: 4px 14px;
  border-top: 1px solid var(--border);
  color: var(--txt2);
  vertical-align: middle;
}
.pfit-legende tr:first-child td { border-top: none; }
.pfit-legende td:first-child  { color: var(--cyan); font-weight: 600; width: 5em; }
.pfit-legende td:nth-child(2) { color: var(--txt3); width: 5em; }
.pfit-legende td:last-child   { color: var(--txt2); }
/* ── Ende Prüfungsfit Overlay ──────────────────────────────────── */