/* Stationen-Editor nutzt die bestehenden Lehrkraft-Tokens. QR-Leseseite
   bleibt eigenständig und enthält weder Anmeldung noch Fremdressourcen. */
.stn-hilfe{margin:0;padding:24px;font-family:system-ui,sans-serif;color:hsl(220,20%,16%);background:hsl(220,20%,96%)}.stn-hilfe main{max-width:640px;margin:24px auto;padding:24px;background:hsl(0,0%,100%);border-radius:16px}.stn-hilfe h1{font-size:28px}.stn-hilfe p{line-height:1.6;overflow-wrap:anywhere}.stn-hilfe details,.stn-hilfe section{border:1px solid hsl(220,12%,82%);padding:16px;border-radius:10px;margin:14px 0}.stn-hilfe summary{font-weight:700;cursor:pointer;padding:8px}.stn-hinweis{color:hsl(220,10%,45%);font-size:14px}
@media(max-width:600px){.stn-hilfe{padding:12px}.stn-hilfe main{padding:18px;margin:0 auto}}

.stn-vorschau-overlay{position:fixed;inset:0;z-index:9999;background:hsl(220,14%,94%)}.stn-vorschau-overlay iframe{display:block;width:100%;height:100%;border:0}

/* Die Bühne bleibt der gemeinsame Editor. Nur Paketteile, Stationswahl und
   Stationsangaben ergänzen ihn; keine eigene Fragekarte, kein zweites
   Vorschau-Raster (v2.991.0: Teile in Druckreihenfolge, Stationen als
   Kacheln, Angaben offen statt zugeklappt). */
#stn-parts{margin-bottom:16px}
.stn-part-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:10px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.stn-tab-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:9px 8px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:600 13px inherit;cursor:pointer;white-space:nowrap}
.stn-tab-btn small{font-size:11px;font-weight:700;color:var(--muted)}
.stn-tab-nr{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;font-size:11px;font-weight:800}
#stn-parts .stn-tab-btn.stn-selected{background:var(--brand-soft);color:var(--brand-dk)}
/* EINE flache Einstellungszeile (v2.993.0, Murat: „her şey birbirine
   giriyor“): Vorlage, Lösungsort und QR stehen offen nebeneinander; nur
   „Was drucken?“ klappt – als schwebendes Menü, das nichts verschiebt. */
.stn-package-row{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.stn-feld{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:var(--muted);min-width:0}
.stn-feld select{padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:600 13px inherit;max-width:240px;min-width:0}
.stn-check{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:600}
.stn-pop{position:relative;font-size:12px}
.stn-pop summary{cursor:pointer;font-weight:700;padding:7px 12px;border:1px solid var(--line);border-radius:999px;list-style:none}
.stn-pop summary::-webkit-details-marker{display:none}
.stn-pop[open] summary{border-color:var(--brand);color:var(--brand-dk)}
.stn-pop-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:flex;flex-direction:column;gap:2px;min-width:200px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 10px 30px hsla(220,30%,20%,.18)}
.stn-pop-menu label{padding:6px 8px;border-radius:8px}.stn-pop-menu label:hover{background:var(--surface-subtle)}
/* „Speichern“ steht in der Aktionsleiste neben „Drucken“ (v2.994.0). */
#screen-editor .ed-actions #stn-save{width:auto;flex:0 0 auto}
.stn-package-row .stn-pop{margin-left:auto}
.stn-teil-hinweis{margin:0 0 12px;font-size:13px;color:var(--muted);line-height:1.45}
.stn-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.stn-chip{display:flex;align-items:center;gap:7px;max-width:220px;min-width:0;padding:7px 11px 7px 7px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:600 12px inherit;cursor:pointer}
.stn-chip b{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:50%;background:var(--brand-soft);color:var(--brand-dk);font-size:12px}
.stn-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stn-chip-z b{background:hsl(38,90%,88%);color:hsl(30,60%,26%)}
#stn-fields .stn-chip.stn-selected{border-color:var(--brand);background:var(--brand-soft)}
.stn-chip-neu{padding:7px 12px;color:var(--brand-dk);border-style:dashed}
.stn-station-card{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px;background:var(--card)}
.stn-station-kopf{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:10px;font-size:14px}.stn-station-kopf b{white-space:nowrap}
.stn-station-kopf span{font-size:12px;color:var(--muted)}.stn-station-kopf .ed-mini-toggle{margin-left:auto}
.stn-meta-fields{display:grid;grid-template-columns:2fr 1fr 1fr 80px;gap:10px}
.stn-meta-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;min-width:0}
.stn-meta-fields input,.stn-meta-fields select,.stn-meta-fields textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit;box-sizing:border-box}
.stn-meta-fields textarea{min-height:64px;resize:vertical}.stn-meta-fields label:has(textarea){grid-column:1/-1}
.stn-zu-stationen{width:auto;margin-bottom:12px}
.stn-exit-wahl{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-bottom:12px}
.stn-exit-typ{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font:600 12.5px inherit;cursor:pointer}
.stn-exit-typ img{width:38px;height:38px;object-fit:contain}
#stn-fields .stn-exit-typ.stn-selected{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dk)}

/* Die Fragen-Zeile traegt ein Inline-display - deshalb !important. */
#screen-editor.stn-ohne-fragen .ed-section-label,#screen-editor.stn-ohne-fragen #ed-list,#screen-editor.stn-ohne-fragen #ed-list+div{display:none !important}
/* Blattvorlage/Extras gelten nur fuer Stationsblaetter; die uebrigen Teile folgen der Paketvorlage. */
#screen-editor.stn-eigenes-blatt #ed-vorschau .ed-dz{display:none}
#stn-status{font-size:12px;color:var(--muted);margin-top:8px;min-height:18px}#stn-status:empty{display:none}
.stn-vorschau-overlay iframe{background:var(--paper)}
@media(max-width:820px){.stn-part-row{display:flex;overflow-x:auto;scrollbar-width:none}.stn-tab-btn{flex:none;padding:8px 12px}}
@media(max-width:600px){.stn-feld{flex-wrap:wrap}.stn-feld select{max-width:100%}.stn-pop-menu{right:auto;left:0}.stn-meta-fields{grid-template-columns:1fr 1fr}.stn-meta-fields label:first-child{grid-column:1/-1}.stn-tab-nr{display:none}.stn-chip{max-width:100%}.stn-chip span{display:none}.stn-chip-neu span{display:inline}}
@media(min-width:1080px){
  body[data-screen="editor"] #screen-editor.stn-mode>.card{grid-template-rows:auto auto minmax(0,1fr)}
  body[data-screen="editor"] #screen-editor.stn-mode>.card>#stn-parts{grid-column:1/-1;grid-row:2}
  body[data-screen="editor"] #screen-editor.stn-mode>.card>.ed-buehne{grid-row:3}
  body[data-screen="editor"] #screen-editor.stn-mode>.card>.ed-actions{max-width:min(52vw,620px)}
}

.stn-hilfe :focus-visible{outline:3px solid hsl(225,80%,55%);outline-offset:2px}