/* export.css — Picker-Form für den PDF/QR-Export. Nutzt die CSS-Variablen aus
   css/hskReader.v1.css (--hsk-bg/--hsk-text/--hsk-border/--hsk-card 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(--hsk-muted);margin-bottom:6px}
.exp-field select,.exp-field input[type="text"]{
  width:100%;padding:10px 12px;border-radius:var(--hsk-r-sm,10px);border:1px solid var(--hsk-border);
  background:var(--hsk-card);color:var(--hsk-text);font-size:14px;font-family:inherit}
.exp-row{display:flex;gap:12px}
.exp-row > .exp-field{flex:1}
.exp-section-grid{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--hsk-border);
  border-radius:var(--hsk-r-sm,10px);background:var(--hsk-card)}
.exp-section-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;
  border:1px solid var(--hsk-border);background:var(--hsk-bg);font-size:13px;cursor:pointer;user-select:none}
.exp-section-chip input{margin:0}
.exp-section-chip.unavailable{opacity:.45;cursor:not-allowed}
.exp-lang-grid{max-height:220px;overflow-y:auto}
.exp-lang-code{color:var(--hsk-faint);font-size:11px}
.exp-btns{display:flex;gap:10px;margin-top:24px}
.exp-btns button{flex:1;padding:14px 16px;border-radius:var(--hsk-r,12px);border:none;
  background:var(--hsk-accent);color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.exp-btns button.secondary{background:var(--hsk-card);color:var(--hsk-text);border:1px solid var(--hsk-border)}
.exp-btns button:disabled{opacity:.5;cursor:not-allowed}
.exp-status{min-height:20px;margin-top:12px;font-size:13px;color:var(--hsk-muted)}
.exp-status.error{color:var(--hsk-err)}