/* [NEUE-VERSION] Auftrag 126 (Beat, 28.10.2026), Fenster LU1: DAS SEITEN-VERZEICHNIS DER LEHRMITTEL.
   Eigene Datei (nicht css/styles.css; Larry traegt sie in index.html/aufspielen.sh ein). Drei Teile:
   (1) die Lehrmittel-Liste im Arbeitsraum (Block «seitenliste»), die die Karten aus Auftrag 125 (.arbeitsraum-seite) traegt,
   (2) der Eintrag «Seiten verwalten …» im Menue «🔗 Seiten ▾» (gleiche Form wie «Seite verbinden …»),
   (3) der Dialog «Seiten verwalten». Jede Tippflaeche >= 48 px (--tippflaeche), der Griff ⠿ 48 x 48. */

/* (1) die Lehrmittel-Liste */
.arbeitsraum-seitenliste { display: flex; flex-direction: column; gap: 0.5rem; }
.arbeitsraum-seitenliste.arbeitsraum-textblock { padding: 0.45rem; border: 1px dashed var(--farbe-rand); border-radius: 12px; }
.arbeitsraum-seitenliste__kopf { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.arbeitsraum-seitenliste__titel { flex: 1 1 12rem; min-width: 0; font-weight: 700; color: var(--farbe-akzent); }
.arbeitsraum-seitenliste__verwalten {
  box-sizing: border-box; min-height: var(--tippflaeche, 48px); min-width: var(--tippflaeche, 48px); padding: 0.3rem 0.9rem;
  border: 1.5px solid var(--farbe-akzent); border-radius: 8px; background: #fff; color: var(--farbe-akzent);
  font: inherit; font-weight: 600; cursor: pointer; touch-action: manipulation;
}
.arbeitsraum-seitenliste__verwalten:hover { background: #eef4fb; }
.arbeitsraum-seitenliste__leer { margin: 0; font-size: 0.92rem; opacity: 0.75; }
.arbeitsraum-seitenliste__zu { flex: 1 0 100%; font-size: 0.85rem; color: #c0392b; }
.arbeitsraum-seitenliste .arbeitsraum-seite.arbeitsraum-textblock { margin: 0; }

/* (2) «Seiten verwalten …» im Menue des Balkens */
.arbeitsraum-seiten-nav__verwalten { color: var(--farbe-akzent); font-weight: 600; border-bottom: 1px solid var(--farbe-rand); border-radius: 8px 8px 0 0; }

/* (3) der Dialog «Seiten verwalten» */
.seiten-verwaltung__inhalt { display: flex; flex-direction: column; gap: 0.6rem; min-width: 0; }
.seiten-verwaltung__hinweis { margin: 0; font-size: 0.92rem; }
.seiten-verwaltung__meldung { margin: 0; min-height: 1.3em; font-size: 0.92rem; color: #1e8449; }
.seiten-verwaltung__meldung--fehler { color: #c0392b; }
.seiten-verwaltung__liste { display: flex; flex-direction: column; gap: 0.45rem; max-height: min(60vh, 34rem); overflow-y: auto; overscroll-behavior: contain; }
.seiten-verwaltung__versteckt { display: flex; flex-direction: column; gap: 0.45rem; }
.seiten-verwaltung__zeile {
  box-sizing: border-box; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 0.4rem;
  padding: 0.4rem; border: 1px solid var(--farbe-rand); border-radius: 10px; background: #fff;
}
.seiten-verwaltung__zeile--zu { background: #fbf3f2; }
.seiten-verwaltung__zeile--ausgeblendet { opacity: 0.7; }
.seiten-verwaltung__zeile--zieht { opacity: 0.5; }
.seiten-verwaltung__zeile--ziel { box-shadow: 0 -3px 0 var(--farbe-akzent); }
.seiten-verwaltung__zeile--ziel-ende { box-shadow: 0 3px 0 var(--farbe-akzent); }
.seiten-verwaltung__griff {
  box-sizing: border-box; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: var(--tippflaeche, 48px); height: var(--tippflaeche, 48px); font-size: 1.3rem; cursor: grab; touch-action: none; user-select: none;
}
.seiten-verwaltung__pfeile { flex: 0 0 auto; display: inline-flex; gap: 0.2rem; }
.seiten-verwaltung__pfeile .icon-btn, .seiten-verwaltung__zeile > .icon-btn,
.seiten-verwaltung__zeile > .thema-sichtbarkeit-schnellschalter { min-width: var(--tippflaeche, 48px); min-height: var(--tippflaeche, 48px); }
.seiten-verwaltung__feld {
  box-sizing: border-box; min-height: var(--tippflaeche, 48px); padding: 0.3rem 0.5rem; min-width: 0;
  border: 1px solid var(--farbe-rand); border-radius: 8px; font: inherit; background: #fff;
}
.seiten-verwaltung__symbol { flex: 0 0 3.4rem; width: 3.4rem; text-align: center; font-size: 1.2rem; }
.seiten-verwaltung__mitte { flex: 1 1 16rem; min-width: 0; display: flex; flex-direction: column; gap: 0.3rem; }
.seiten-verwaltung__titel { font-weight: 700; width: 100%; }
.seiten-verwaltung__adresse { width: 100%; font-size: 0.9rem; }
.seiten-verwaltung__adresse--rot { border-color: #c0392b; }
.seiten-verwaltung__grund { color: #c0392b; font-size: 0.85rem; }
.seiten-verwaltung__grund:empty { display: none; }
.seiten-verwaltung__faecher { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem; }
.seiten-verwaltung__faecher-alle { font-size: 0.85rem; opacity: 0.7; }
.seiten-verwaltung__faecher-alle:empty { display: none; }
.seiten-verwaltung__chip {
  box-sizing: border-box; min-height: var(--tippflaeche, 48px); min-width: var(--tippflaeche, 48px); padding: 0.2rem 0.7rem;
  border: 1px solid var(--farbe-rand); border-radius: 999px; background: #fff; color: var(--farbe-text);
  font: inherit; font-size: 0.88rem; cursor: pointer; touch-action: manipulation;
}
.seiten-verwaltung__chip--an { border-color: var(--farbe-akzent); background: #eef4fb; color: var(--farbe-akzent); font-weight: 700; }
.seiten-verwaltung__neu { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.4rem; padding-top: 0.5rem; border-top: 1px solid var(--farbe-rand); }
.seiten-verwaltung__neu .seiten-verwaltung__titel { flex: 1 1 12rem; width: auto; }
.seiten-verwaltung__neu .seiten-verwaltung__adresse { flex: 2 1 16rem; width: auto; }
.seiten-verwaltung__neu .seiten-verwaltung__grund { flex: 1 0 100%; }
.seiten-verwaltung__plus, .seiten-verwaltung__zurueck, .seiten-verwaltung__ausgeblendete, .seiten-verwaltung__sammel-knopf {
  min-height: var(--tippflaeche, 48px); min-width: var(--tippflaeche, 48px); touch-action: manipulation;
}
.seiten-verwaltung__ausgeblendete { align-self: flex-start; }
.seiten-verwaltung__sammel { display: flex; flex-wrap: wrap; gap: 0.4rem; padding-top: 0.5rem; border-top: 1px solid var(--farbe-rand); }
@media (max-width: 560px) {
  .seiten-verwaltung__mitte { flex-basis: 100%; }
}