/* === CSS extrahiert aus lernen.html (extrahiert 2026-04-26) === */
  .lern-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
  .lern-head h2 { font-size:20px; font-weight:600; }
  .check-btn { background:var(--accent); color:#fff; border:none; padding:10px 18px; border-radius:10px; font-weight:600; font-size:13px; cursor:pointer; }
  .check-btn:disabled { opacity:0.5; cursor:wait; }
  .check-btn:hover:not(:disabled) { filter:brightness(1.1); }
  .vs-card { background:var(--card-bg); border:1px solid var(--card-border); border-radius:14px; padding:18px 20px; margin-bottom:14px; }
  .vs-card.plausi-fehler { border-color:rgba(248,81,73,0.4); background:rgba(248,81,73,0.04); }
  .vs-head { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:10px; margin-bottom:10px; }
  .vs-title { font-size:15px; font-weight:600; }
  .vs-title a { color:var(--accent); text-decoration:none; }
  .vs-title a:hover { text-decoration:underline; }
  .vs-meta { font-size:11px; color:var(--text-tertiary); margin-top:2px; }
  .vs-art { display:inline-block; padding:3px 10px; border-radius:999px; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0.4px; }
  .vs-art.standort_keyword { background:rgba(88,166,255,0.15); color:#58a6ff; }
  .vs-art.artikel_mapping { background:rgba(52,199,89,0.15); color:#16a34a; }
  .vs-art.produktionsdatum_offset { background:rgba(210,153,34,0.15); color:#d29922; }
  .vs-art.kein_learning_moeglich { background:rgba(120,120,120,0.15); color:var(--text-tertiary); }
  .confidence { font-size:11px; font-weight:600; padding:2px 8px; border-radius:4px; background:rgba(4,179,214,0.12); color:var(--accent); }
  .vs-diff { background:var(--toggle-bg); border:1px solid var(--card-border); border-radius:8px; padding:10px 14px; margin:10px 0; font-size:12px; }
  .vs-diff table { width:100%; border-collapse:collapse; }
  .vs-diff th, .vs-diff td { padding:4px 8px; text-align:left; font-size:12px; }
  .vs-diff th { color:var(--text-secondary); font-size:10px; text-transform:uppercase; letter-spacing:0.3px; }
  .vs-diff .alt { color:var(--err-color); text-decoration:line-through; }
  .vs-diff .neu { color:var(--ok-color); font-weight:600; }
  .vs-begruendung { background:rgba(4,179,214,0.05); border-left:3px solid var(--accent); padding:10px 14px; margin:10px 0; font-size:13px; line-height:1.5; }
  .vs-regel { background:var(--toggle-bg); border:1px solid var(--card-border); border-radius:8px; padding:10px 14px; margin:10px 0; font-size:12px; font-family:'SF Mono',Menlo,monospace; white-space:pre-wrap; }
  .vs-rueckfragen { margin:10px 0; }
  .vs-rueckfragen li { font-size:12px; color:var(--text-secondary); }
  .plausi-warning { background:var(--err-bg); color:var(--err-color); padding:10px 14px; border-radius:8px; margin:10px 0; font-size:12px; }
  .vs-aktion { display:flex; gap:10px; margin-top:12px; justify-content:flex-end; }
  .btn-ok { background:var(--ok-color); color:#fff; border:none; padding:8px 16px; border-radius:8px; font-size:12px; font-weight:600; cursor:pointer; }
  .btn-ok:disabled { opacity:0.4; cursor:not-allowed; }
  .btn-nein { background:transparent; border:1px solid var(--card-border); color:var(--text-secondary); padding:8px 16px; border-radius:8px; font-size:12px; cursor:pointer; }
  .leer-inbox { text-align:center; padding:60px 20px; color:var(--text-tertiary); }
  .leer-inbox h3 { font-size:16px; margin-bottom:8px; color:var(--text-secondary); }
  .prio-badge { display:inline-block; padding:2px 8px; border-radius:4px; font-size:10px; font-weight:600; background:rgba(52,199,89,0.15); color:#16a34a; margin-left:6px; }


/* === Auto-generierte Klassen aus inline style="..." (lernen.html, 8 unique) === */
.s-85a603 { color:var(--text-secondary);text-decoration:none;font-size:13px;padding:6px 12px;border-radius:8px;border:1px solid var(--card-border); }
.s-0b09d8 { margin-left:8px; }
.s-34c6c9 { font-size:12px;color:var(--text-tertiary);margin-top:4px; }
.s-f29b5b { margin-top:28px; }
.s-ea4429 { display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px; }
.s-53463d { margin-bottom:12px; }
.s-c16bed { font-size:12px;color:var(--text-secondary); }
.s-39d60d { padding:4px 8px;border-radius:6px; }


/* === Auto-Klassen aus inline style="..." in lernen.js (3 unique) === */
.s-c16bed { font-size:12px;color:var(--text-secondary); }
.s-278085 { margin-left:20px;margin-top:4px; }
.s-63e984 { display:flex;gap:8px;align-items:center; }


/* === Neue 2-Spalten-Vorschlagskarten (2026-04-27) === */
.vs-summary { font-size:14px; color:var(--text-secondary); padding:12px 0 18px; border-bottom:1px solid var(--card-border); margin-bottom:20px; }
.vs-gruppe { margin-bottom:30px; }
.vs-gruppe-titel { font-size:18px; font-weight:600; margin-bottom:14px; padding:10px 14px; background:rgba(4,179,214,0.08); border-left:4px solid var(--accent); border-radius:6px; }
.vs-gruppe-count { font-size:13px; font-weight:500; color:var(--text-tertiary); margin-left:10px; }
.vs-card-neu { background:var(--card-bg); border:1px solid var(--card-border); border-radius:14px; padding:18px 20px; margin-bottom:14px; }
.vs-card-head { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:14px; }
.vs-auftrag { font-size:13px; color:var(--text-tertiary); font-family:'SF Mono',Menlo,monospace; }
.vs-art { font-size:12px; padding:5px 12px; }
.confidence { font-size:13px; padding:4px 12px; border-radius:6px; font-weight:600; }
.conf-hoch { background:rgba(52,199,89,0.15); color:#16a34a; }
.conf-mittel { background:rgba(210,153,34,0.15); color:#d29922; }
.conf-niedrig { background:rgba(248,81,73,0.12); color:#f85149; }
.vs-spalten { display:grid; grid-template-columns:1fr auto 1fr; gap:16px; align-items:stretch; margin:10px 0 14px; }
.vs-spalten-3 { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:12px; align-items:stretch; margin:10px 0 14px; }
.vs-spalte { padding:14px 16px; border-radius:10px; }
.vs-spalte.links, .vs-spalte.kunde { background:rgba(88,166,255,0.05); border:1px solid rgba(88,166,255,0.25); }
.vs-spalte.kunde .vs-spalte-titel { color:#58a6ff; }
.vs-spalte.rudi { background:rgba(210,153,34,0.05); border:1px solid rgba(210,153,34,0.25); }
.vs-spalte.rudi .vs-spalte-titel { color:#d29922; }
.vs-spalte.rechts, .vs-spalte.mapping { background:rgba(52,199,89,0.05); border:1px solid rgba(52,199,89,0.2); }
.vs-spalte.mapping .vs-spalte-titel { color:#16a34a; }
.vs-spalte-titel { font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.4px; margin-bottom:10px; }
.vs-spalte.links .vs-spalte-titel { color:#f85149; }
.vs-spalte.rechts .vs-spalte-titel { color:#16a34a; }
.vs-spalte-tab { width:100%; border-collapse:collapse; font-size:14px; }
.vs-spalte-tab th { text-align:left; font-weight:500; color:var(--text-secondary); padding:5px 10px 5px 0; vertical-align:top; width:42%; font-size:12px; }
.vs-spalte-tab td { padding:5px 0; vertical-align:top; word-break:break-word; font-size:14px; }
.vs-spalte-tab td.wert-hl { font-weight:700; color:var(--text-primary); font-size:15px; }
.vs-spalte-tab td.wert-pre { white-space:pre-line; font-family:'SF Mono',Menlo,Consolas,monospace; font-size:12px; line-height:1.5; background:rgba(120,120,120,0.05); padding:8px 10px; border-radius:6px; max-height:200px; overflow:auto; }
.vs-pfeil { display:flex; align-items:center; justify-content:center; font-size:30px; color:var(--text-tertiary); font-weight:300; }
@media (max-width: 900px) {
  .vs-spalten, .vs-spalten-3 { grid-template-columns:1fr; }
  .vs-pfeil { transform:rotate(90deg); padding:6px 0; }
}

/* Quellen-Zeile: Bestellung + Lieferdatum */
.vs-quelle { display:flex; gap:20px; align-items:center; flex-wrap:wrap; padding:10px 14px; background:rgba(120,120,120,0.05); border-radius:8px; margin-bottom:12px; font-size:14px; }
.vs-quelle strong { font-weight:500; color:var(--text-secondary); }
.vs-link { color:var(--accent); text-decoration:none; font-weight:700; font-family:'SF Mono',Menlo,monospace; font-size:15px; }
.vs-link:hover { text-decoration:underline; }
.vs-link-text { font-family:'SF Mono',Menlo,monospace; font-weight:700; color:var(--text-secondary); font-size:15px; }
.vs-datum { font-weight:700; color:var(--text-primary); }
.vs-subject { font-size:12px; color:var(--text-tertiary); margin:6px 0 12px; padding-left:12px; border-left:2px solid var(--card-border); }
.vs-kundennr { font-size:13px; font-weight:500; color:var(--text-tertiary); margin-left:8px; font-family:'SF Mono',Menlo,monospace; }

/* Buttons groesser */
.vs-card-neu .btn-ok, .vs-card-neu .btn-nein { padding:10px 22px; font-size:14px; }

/* Tab-Bar */
.lern-tabs { display:flex; gap:6px; border-bottom:1px solid var(--card-border); margin-bottom:24px; flex-wrap:wrap; }
.lern-tab { background:transparent; border:none; padding:14px 20px; font-size:14px; font-weight:500; color:var(--text-secondary); cursor:pointer; border-bottom:3px solid transparent; transition:all 0.15s; font-family:inherit; }
.lern-tab:hover { color:var(--text-primary); background:rgba(120,120,120,0.05); }
.lern-tab.aktiv { color:var(--accent); border-bottom-color:var(--accent); font-weight:600; }
.lern-tab-badge { display:inline-block; min-width:18px; padding:1px 8px; margin-left:6px; background:rgba(4,179,214,0.18); color:var(--accent); border-radius:999px; font-size:11px; font-weight:600; }
.lern-tab-badge:empty { display:none; }
.lern-tab-pane { display:none; }
.lern-tab-pane.aktiv { display:block; }

/* Bezeichnung-Editor (oberhalb Gebinde) */
.vs-bezeichnung-editor { margin:10px 0; padding:10px 14px; background:rgba(4,179,214,0.05); border:1px solid rgba(4,179,214,0.2); border-radius:8px; }
.vs-bezeichnung-editor label { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:500; color:var(--text-secondary); flex-wrap:wrap; }
.vs-bezeichnung-editor.vs-bezeichnung-pflicht { background:rgba(248,81,73,0.08); border-color:rgba(248,81,73,0.4); }
.vs-bezeichnung-editor.vs-bezeichnung-pflicht::before { content:'PFLICHT — '; font-weight:700; color:#f85149; font-size:12px; }
.vs-bezeichnung-input { padding:8px 12px; font-size:14px; border:1px solid var(--card-border); border-radius:6px; background:var(--input-bg); color:var(--text-primary); flex:1; min-width:280px; }
.vs-bezeichnung-input:focus { border-color:var(--accent); outline:none; }

/* Gebinde-Editor in Vorschlagskarten */
.vs-gebinde-editor { margin:10px 0; padding:10px 14px; background:rgba(4,179,214,0.05); border:1px solid rgba(4,179,214,0.2); border-radius:8px; }
.vs-gebinde-editor label { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:500; color:var(--text-secondary); }
.vs-gebinde-editor.vs-gebinde-pflicht { background:rgba(248,81,73,0.08); border-color:rgba(248,81,73,0.4); }
.vs-gebinde-editor.vs-gebinde-pflicht::before { content:'PFLICHT — '; font-weight:700; color:#f85149; font-size:12px; }
.vs-gebinde-input { padding:8px 12px; font-size:14px; border:1px solid var(--card-border); border-radius:6px; background:var(--input-bg); color:var(--text-primary); min-width:200px; flex:1; max-width:300px; }
.vs-gebinde-input:focus { border-color:var(--accent); outline:none; }
.vs-gebinde-hint { display:block; margin-top:6px; font-size:11px; color:var(--text-tertiary); }

.vs-warn { margin:10px 0; padding:12px 16px; background:rgba(210,153,34,0.08); border-left:4px solid #d29922; border-radius:8px; font-size:13px; }
.vs-warn-list { margin:8px 0 0 18px; font-size:12px; color:var(--text-secondary); }
.vs-warn-list li { padding:2px 0; }

/* Original-Bestellung Aufklappen */
.vs-quelle-details { margin:14px 0 8px; border:1px solid var(--card-border); border-radius:10px; background:rgba(120,120,120,0.03); overflow:hidden; }
.vs-quelle-details summary { padding:10px 14px; cursor:pointer; font-size:13px; font-weight:500; color:var(--text-secondary); user-select:none; list-style:none; }
.vs-quelle-details summary:hover { background:rgba(4,179,214,0.06); color:var(--accent); }
.vs-quelle-details[open] summary { border-bottom:1px solid var(--card-border); background:rgba(4,179,214,0.04); }
.vs-quelle-content { padding:14px 18px; font-size:13px; }
.vs-quelle-header { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:8px; padding:10px 12px; background:rgba(120,120,120,0.05); border-radius:8px; margin-bottom:12px; font-size:12px; }
.vs-quelle-header strong { font-weight:500; color:var(--text-secondary); }
.vs-quelle-untertitel { font-size:12px; font-weight:600; color:var(--text-secondary); text-transform:uppercase; letter-spacing:0.4px; margin:14px 0 6px; }
.vs-quelle-body pre { background:var(--input-bg); border:1px solid var(--card-border); border-radius:8px; padding:12px; font-size:12px; line-height:1.5; white-space:pre-wrap; word-wrap:break-word; max-height:280px; overflow:auto; font-family:'SF Mono',Menlo,monospace; }
.vs-quelle-iframe { width:100%; min-height:280px; height:520px; border:1px solid var(--card-border); border-radius:8px; background:#fff; display:block; }
.vs-quelle-hinweis { background:rgba(210,153,34,0.1); border-left:3px solid #d29922; padding:8px 12px; margin-bottom:8px; font-size:12px; color:var(--text-secondary); border-radius:4px; }
.vs-erklaerung { margin-bottom:18px; border:1px solid var(--card-border); border-radius:10px; background:rgba(4,179,214,0.04); }
.vs-erklaerung summary { padding:10px 14px; cursor:pointer; font-size:13px; color:var(--accent); user-select:none; }
.vs-erklaerung summary:hover { background:rgba(4,179,214,0.08); }
.vs-erklaerung-content { padding:12px 18px; font-size:13px; line-height:1.6; }
.vs-erklaerung-content p { margin:6px 0; }
.vs-erklaerung-content strong { color:var(--text-primary); }
.vs-anhaenge { margin-top:14px; }
.vs-anhang { margin:10px 0; padding:10px 12px; border:1px solid var(--card-border); border-radius:8px; background:var(--card-bg); }
.vs-anhang-header { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:8px; font-size:13px; }
.vs-anhang-dl { color:var(--accent); text-decoration:none; font-size:12px; padding:2px 10px; border:1px solid var(--accent); border-radius:6px; }
.vs-anhang-dl:hover { background:rgba(4,179,214,0.1); }
.vs-anhang-pdf { width:100%; height:600px; border:1px solid var(--card-border); border-radius:6px; display:block; }
.vs-anhang-img { max-width:100%; max-height:600px; border:1px solid var(--card-border); border-radius:6px; display:block; }
.vs-pos-block { margin:14px 0; }
.vs-pos-tab { width:100%; border-collapse:collapse; font-size:12px; }
.vs-pos-tab th { text-align:left; padding:6px 10px; background:var(--input-bg); border-bottom:1px solid var(--card-border); font-weight:600; }
.vs-pos-tab td { padding:6px 10px; border-bottom:1px solid var(--card-border); vertical-align:top; }
.vs-pos-tab tbody tr:hover { background:rgba(120,120,120,0.04); }
.vs-quelle-fehler { color:#f85149; padding:10px; }

/* Probezeit-Karten + Klärungs-Karten */
.probe-card { background:var(--card-bg); border:1px solid rgba(4,179,214,0.3); border-radius:14px; padding:18px 20px; margin-bottom:14px; border-left:4px solid var(--accent); }
.klaerung-card { background:var(--card-bg); border:1px solid rgba(210,153,34,0.3); border-radius:14px; padding:18px 20px; margin-bottom:14px; border-left:4px solid #d29922; }
.klaerung-detail { padding:10px 14px; background:rgba(120,120,120,0.05); border-radius:8px; margin:10px 0; font-size:14px; }
.klaerung-frage { display:flex; gap:10px; align-items:center; margin-top:12px; flex-wrap:wrap; }
.klaerung-frage strong { font-size:13px; color:var(--text-secondary); }

/* Waisen-Karten */
.waise-card { background:var(--card-bg); border:1px solid rgba(210,153,34,0.3); border-radius:14px; padding:18px 20px; margin-bottom:14px; }
.waise-form { display:flex; gap:10px; align-items:center; margin-top:12px; flex-wrap:wrap; }
.waise-form label { font-size:13px; color:var(--text-secondary); flex:0 0 100%; margin-bottom:4px; }
.waise-input { flex:1; min-width:280px; padding:10px 14px; font-size:14px; border:1px solid var(--card-border); border-radius:8px; background:var(--input-bg); color:var(--text-primary); }
.waise-input:focus { border-color:var(--accent); outline:none; }
.waise-save { padding:10px 22px; }