/* glampr-neu · Breite (04.11.2026, Giora: „System erkennt die Auflösung … deutlich mehr Fläche nutzen“).
   html[data-breite] = auto (Standard, auch ohne Attribut) · kompakt (wie bisher) · voll. Gesetzt von heute.js/kacheln.js, je Benutzer gespeichert.
   Wirkt erst ab 1800 px Fensterbreite (Seiten) bzw. ab 900 px Rasterbreite (Startseite) – Handy und Tablet bleiben unverändert. */

/* ---------- Startseite „Heute“ ---------- */
html:not([data-breite="kompakt"]) .nh{max-width:3400px}
html[data-breite="voll"] .nh{max-width:none}
/* Listen in breiten Kacheln in 2–3 Spalten */
.kx-rows.kx-rc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;align-content:start}
.kx-rows.kx-rc3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kx-rows.kx-rc>.kx-more,.kx-rows.kx-rc>.nh-empty{grid-column:1/-1}
/* 14 Tage Belegung */
.kx-bars.kx-bars14{gap:5px}
.kx-bars.kx-bars14 span{white-space:nowrap;font-size:.68rem}
/* Menü „Breite“ in der Anpassen-Leiste */
.kg-brm{min-width:270px}
.kg-brm-h{padding:6px 10px 4px;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-weight:700}
.kg-brm-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.kg-brm-t b{font-weight:650}
.kg-brm-t span{font-size:.78rem;color:var(--text-muted);font-weight:500}
.kg-b .kg-brn{font-weight:650}
/* Auf Handy/Tablet/kleinem Laptop hat die Breite keine Wirkung → Knopf ausblenden */
@media (max-width:1199px){.kg-b[data-a="breite"]{display:none}}

/* ---------- Übrige Cockpit-Seiten: Listen, Tabellen, Übersichten breiter ---------- */
@media (min-width:1800px){
  html:not([data-breite="kompakt"]) :is(.wrap,.ng,.km,.wa,.za,.kn,.bm,.af,.gw,.op,.ks,.pc,.kt,.kt-klbar,.sa-wrap){max-width:2000px}
  html:not([data-breite="kompakt"]) .wrap:is([style*="max-width:1240px"],[style*="max-width:1280px"],[style*="max-width:1300px"],[style*="max-width:1320px"]){max-width:2000px!important}
  html:not([data-breite="kompakt"]) .ng-agrid{max-width:2000px;grid-template-columns:minmax(340px,460px) minmax(0,1fr)}
  html:not([data-breite="kompakt"]) .km-body{grid-template-columns:minmax(320px,440px) 1fr}
  html[data-breite="voll"] :is(.wrap,.ng,.ng-agrid,.km,.wa,.za,.kn,.bm,.af,.gw,.op,.ks,.pc,.kt,.kt-klbar,.sa-wrap){max-width:none}
  html[data-breite="voll"] .wrap:is([style*="max-width:1240px"],[style*="max-width:1280px"],[style*="max-width:1300px"],[style*="max-width:1320px"]){max-width:none!important}
  /* Fließtext bleibt lesbar */
  html:not([data-breite="kompakt"]) :is(.page-h p,.bm-head p,.km-sub,.af-head p){max-width:80ch}
  /* Einstellungen: Formular-Karten nebeneinander statt untereinander (zweispaltig, Karten werden nicht geteilt) */
  html:not([data-breite="kompakt"]) #view[data-seite="einstellungen"]>.wrap{max-width:1400px;column-count:2;column-gap:18px}
  html:not([data-breite="kompakt"]) #view[data-seite="einstellungen"]>.wrap>.page-h{column-span:all;-webkit-column-span:all}
  html:not([data-breite="kompakt"]) #view[data-seite="einstellungen"]>.wrap>.card{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%;vertical-align:top;margin-top:0!important;margin-bottom:18px!important}
  /* Betriebs-Module (Personal, Eingangsrechnungen …): Übersichten nicht übermäßig strecken */
  html:not([data-breite="kompakt"]):not([data-breite="voll"]) .bm{max-width:1680px}
}