/* glampr-neu · Zweispaltig (04.11.2026): Liste links, Details rechts ab 1600 px (html.zs-an setzt zweispalt.js).
   Unter 1600 px und bei Breite „Kompakt“ wirkt hier nichts. */
:root{--zs-w:clamp(540px,38vw,1100px)}
@media (min-width:1600px){
  /* Liste: Ansicht endet vor der rechten Spalte, eigener Rollbalken bleibt sichtbar */
  html.zs-an #view{margin-right:var(--zs-w)}
  /* Rechte Spalte: die bisherige Vollbild-Ebene bzw. Seitenleiste der Ansicht, unter der Kopfleiste */
  html.zs-an :is(#afOv.af-ov,.bm-ov,#gwDlg.gw-dlg,#drawer.drawer){top:var(--tb-h,58px)!important;bottom:0!important;left:auto!important;right:0!important;width:var(--zs-w)!important;max-width:none!important;height:auto!important;
    border-left:1px solid var(--border);box-shadow:-10px 0 28px rgba(15,23,30,.07);z-index:60}
  html.zs-an :is(#afOv.af-ov,.bm-ov){background:var(--bg)}
  html.zs-an .bm-ov .bm-ovt{max-width:calc(var(--zs-w) - 260px)}
  /* Liste bleibt rollbar, auch wenn ein Modul den Seitenkörper sperrt */
  html.zs-an body:is(.af-lock,.bm-lock){overflow:auto}
  /* Geräte: Dialog wird zur Spalte, kein Abdunkeln der Liste */
  html.zs-an #gwDlg.gw-dlg{background:var(--bg);padding:0;display:block;overflow-y:auto}
  html.zs-an #gwDlg .gw-dlgbox{max-width:none;min-height:100%;border-radius:0;box-shadow:none}
  /* Buchungen: Seitenleiste breiter, kein Abdunkeln; weniger wichtige Spalten in der Liste ausblenden */
  html.zs-an #drawerOv{display:none}
  html.zs-an #drawer.drawer{transition:none}
  html.zs-an[data-zs="reservierungen"] #resTable .tbl :is(th,td):is(:nth-child(6),:nth-child(9),:nth-child(10)){display:none}
  html.zs-an[data-zs="reservierungen"] #resTable .tbl td:nth-child(3){white-space:nowrap}
  html.zs-an[data-zs="reservierungen"] #resTable .tbl td:nth-child(2){max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html.zs-an[data-zs="reservierungen"] #resTable{overflow-x:auto}
  /* Gewählte Zeile */
  html.zs-an .zs-sel{outline:2px solid var(--sel-ring,var(--accent,#245244));outline-offset:-2px;background:color-mix(in srgb,var(--sel-ring,var(--accent,#245244)) 9%,transparent)!important}
  html.zs-an tr.zs-sel td{background:color-mix(in srgb,var(--sel-ring,var(--accent,#245244)) 9%,transparent)}
  html.zs-an .gw-dev.zs-sel{border-radius:14px}
  /* Reiterleisten in der schmaleren Liste umbrechen statt abschneiden */
  html.zs-an #view :is(.gw-tabs,.bm-tabs){flex-wrap:wrap}
}
@media (min-width:1600px) and (max-width:1899px){
  html.zs-an[data-zs="reservierungen"] #resTable .tbl td:nth-child(2){max-width:210px}
  html.zs-an[data-zs="reservierungen"] #resTable .tbl :is(th,td):nth-child(5){display:none}
}