/* export.css — Picker-Form für den PDF/QR-Export. Nutzt die CSS-Variablen aus
   reader.css (--bg/--fg/--line/--red/--card/--serif usw.), keine eigenen Farben. */
.exp-wrap{max-width:640px;margin:0 auto;padding:24px 16px 80px}
.exp-field{margin-bottom:18px}
.exp-field label{display:block;font-weight:700;font-size:13px;color:var(--fg2);margin-bottom:6px}
.exp-field select,.exp-field input[type="text"]{
  width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);
  background:var(--card);color:var(--fg);font-size:14px;font-family:inherit}
.exp-row{display:flex;gap:12px}
.exp-row > .exp-field{flex:1}
.exp-lang-grid{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--line);
  border-radius:10px;background:var(--card)}
.exp-lang-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;
  border:1px solid var(--line);background:var(--bg2);font-size:13px;cursor:pointer;user-select:none}
.exp-lang-chip input{margin:0}
.exp-lang-chip.companion{border-style:dashed;opacity:.6}
.exp-lang-chip.companion.checked{opacity:1;border-color:#d9a441}
.exp-tier-badge{font-size:10px;padding:1px 6px;border-radius:8px;background:var(--line);color:var(--fg2)}
.exp-tier-badge.unconfirmed{border:1px dashed #a8c0d8;background:transparent;color:#5a7a9a}
.exp-companion-toggle{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--fg2)}
.exp-checkbox-field label{display:flex;align-items:center;gap:8px;font-weight:400;font-size:14px;color:var(--fg)}
.exp-btns{display:flex;gap:10px;margin-top:24px}
.exp-btns button{flex:1;padding:14px 16px;border-radius:12px;border:none;
  background:var(--red);color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.exp-btns button.secondary{background:var(--card);color:var(--fg);border:1px solid var(--line)}
.exp-btns button:disabled{opacity:.5;cursor:not-allowed}
.exp-status{min-height:20px;margin-top:12px;font-size:13px;color:var(--fg2)}
.exp-status.warn{color:#b36a00}
.exp-status.error{color:var(--red)}