/* Aurum Trades, Lock-Screen Force-Scroll v1
 *
 * Der React-Bundle rendert Lock-Screens (Bildung, Strategie, Analysen, News,
 * Premium, Trump-Feed, Wirtschaftskalender) als:
 *   <div class="flex-1 overflow-y-auto flex items-center justify-center p-6">
 *
 * Problem: align-items:center kombiniert mit overflow-y:auto bricht den Scroll
 * wenn der Inhalt hoeher als der Container ist (klassischer Flexbox-Quirk).
 *
 * Fix: align-items + justify-content auf flex-start zwingen.
 * Das ist eine global gueltige CSS-Korrektur, kein JS noetig.
 */

div.flex-1.overflow-y-auto.flex.items-center.justify-center {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Das Kind-Element (max-w-lg w-full) horizontal mittig halten */
div.flex-1.overflow-y-auto.flex.items-center.justify-center > div {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 1.5rem !important;
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 1.5rem) !important;
}