/* Entnahmeplan – Tabellen-Spaltenbreiten (responsive, inhaltsbasiert)
   Ziel:
   - Jede Spalte ist mindestens so breit wie die längste Überschrift (WORT)
     oder der längste Wert in dieser Spalte.
   - Keine künstliche Verengung auf mobilen Geräten.
   - Horizontales Scrollen ist erlaubt, wenn der Viewport zu schmal ist.
   - Keine Änderungen an Logik oder Berechnungen.
*/

#withdrawal-app .table-scroll{
  overflow-x: auto;
}

#withdrawal-app #yearTable{
  table-layout: auto;          /* Browser berechnet Spaltenbreite nach Inhalt */
  width: max-content;          /* Tabelle wächst auf Inhaltsbreite */
  min-width: 100%;             /* Mindestens so breit wie Container */
}

/* Datenzellen: nie umbrechen -> Spaltenbreite basiert auf dem längsten Wert */
#withdrawal-app #yearTable td,
#fsSummaryTable td{
  white-space: nowrap;
  width: max-content;
}

/* Header: Standard = nicht umbrechen (Desktop/Tablet),
   aber auf sehr schmalen Viewports gezielte Umbrüche erlauben (siehe <br class="w-th-br">). */
#withdrawal-app #yearTable th,
#fsSummaryTable th{
  white-space: nowrap;
  width: max-content;
  overflow-wrap: normal;
  word-break: keep-all;
}

/* Umbruch-Hilfs-<br>: nur auf schmalen Geräten sichtbar */
#withdrawal-app #yearTable th .w-th-br,
#withdrawal-app #yearTable th br.w-th-br,
#fsSummaryTable th .w-th-br,
#fsSummaryTable th br.w-th-br{
  display: none;
}

@media (max-width: 900px){
  #withdrawal-app #yearTable th,
#fsSummaryTable th{
    white-space: normal;   /* Umbrüche zulassen */
    width: auto;           /* damit der Umbruch wirksam werden kann */
  }
  #withdrawal-app #yearTable th br.w-th-br,
  #fsSummaryTable th br.w-th-br{
    display: block;
    line-height: 0;
  }
}