/* ClubFlex · Dialog-Modal-Korrektur (global, lädt nach den Bundles)
 * ---------------------------------------------------------------------------
 * Problem 1: Die Alt-Regel `.cf-modal{position:fixed;inset:0;...}` aus dem
 *   v2-Bundle greift auch auf native <dialog class="cf-modal"> (gleiche Klasse)
 *   und überschreibt deren Zentrierung/Höhe.
 * Problem 2: `height:fit-content` + ein `flex:1`-Body (flex-basis 0) lässt den
 *   Body in manchen Browsern (Safari/Firefox) auf ~0 kollabieren -> Modal wirkt
 *   "zu klein"/zusammengequetscht.
 * Lösung: zentriertes, inhaltsgerechtes Modal mit scrollbarem Body, das den
 *   Body-Kollaps via `flex:1 1 auto` verhindert. Browserübergreifend.
 */
@media (min-width: 601px) {
  dialog.cf-modal {
    position: fixed;
    inset: 0;
    margin: auto;
    height: fit-content;
    max-height: min(90vh, 940px);
    padding: 0;
  }
}
dialog.cf-modal .cf-modal__body {
  flex: 1 1 auto;
}

/* Drawer (cf-drawer): der Body ist eine Flex-Spalte mit overflow-y:auto.
 * Ohne dies schrumpfen die Kinder (Karten) statt zu scrollen -> Inhalt wird
 * abgeschnitten und vertikales Scrollen scheint "nicht möglich".
 * flex-shrink:0 erzwingt die natürliche Höhe der Kinder -> der Body scrollt
 * komplett und zeigt alle Inhalte. */
.cf-drawer__body > * {
  flex-shrink: 0;
}