/**
 * Gezielte Korrekturen an Gin.
 *
 * Bewusst klein halten und jede Regel begruenden: was hier steht, muss bei
 * jedem Gin-Update gegengeprueft werden.
 */

/* ---------- Feldgruppen im Mitarbeiterformular ---------- */

/*
 * Gin gibt der Reiterspalte rund 320px. Die sechs Gruppen des
 * Mitarbeiterformulars heissen "Stammdaten", "Manager", "Gefahr" -- kurze
 * Labels, fuer die zwei Drittel der Spalte leer bleiben. Der Platz fehlt
 * den Eingabefeldern daneben.
 */
.vertical-tabs__menu {
  inline-size: 220px;
  min-inline-size: 220px;
}

@media (max-width: 850px) {
  .vertical-tabs__menu {
    inline-size: 100%;
    min-inline-size: 0;
  }
}

/* ---------- Layout-Builder-Abschnitte ---------- */

/*
 * Dashboard, Aktive Mitarbeiter und Archiv stellen den exponierten Filter
 * und seinen Erklaertext in einem 50/50-Abschnitt nebeneinander. Ohne
 * Spaltenabstand klebt der Text direkt an der Filterkarte.
 *
 * Core legt die Abschnitte als Flexbox mit prozentualen Breiten an
 * (flex-basis: 75% / 25%). Ein zusaetzlicher gap addiert sich darauf --
 * zusammen mehr als 100%, und die zweite Spalte bricht um. Als Raster
 * wird der Abstand von der Spaltenbreite abgezogen, und die Aufteilung
 * stimmt wieder.
 */
.layout--twocol-section,
.layout--threecol-section,
.layout--fourcol-section {
  display: grid;
  gap: var(--gin-spacing-xl, 32px);
}

.layout--twocol-section > .layout__region,
.layout--threecol-section > .layout__region,
.layout--fourcol-section > .layout__region {
  min-inline-size: 0;
  inline-size: auto;
  max-inline-size: none;
}

@media (min-width: 48em) {
  .layout--twocol-section--50-50 { grid-template-columns: 1fr 1fr; }
  .layout--twocol-section--33-67 { grid-template-columns: 1fr 2fr; }
  .layout--twocol-section--67-33 { grid-template-columns: 2fr 1fr; }
  .layout--twocol-section--25-75 { grid-template-columns: 1fr 3fr; }
  .layout--twocol-section--75-25 { grid-template-columns: 3fr 1fr; }
  .layout--threecol-section--25-50-25 { grid-template-columns: 1fr 2fr 1fr; }
  .layout--threecol-section--33-34-33 { grid-template-columns: 1fr 1fr 1fr; }
  .layout--threecol-section--25-25-50 { grid-template-columns: 1fr 1fr 2fr; }
  .layout--threecol-section--50-25-25 { grid-template-columns: 2fr 1fr 1fr; }
  .layout--fourcol-section { grid-template-columns: repeat(4, 1fr); }
}

/* ---------- Listenansichten ---------- */

/*
 * Views-Seiten im USM Tool sind Datenlisten, keine Fliesstexte. Gins auf
 * Lesbarkeit optimierte Inhaltsbreite wuerde die Mitarbeitertabelle
 * unnoetig einschnueren.
 */
.path-frontpage .region-content,
.page-node-type-page .region-content {
  max-inline-size: none;
}