/* ==========================================================================
   table.css — W-Plan Table Helpers (Bootstrap 5 first)
   Ziel: nur wiederkehrende, generische Helfer. Keine nth-child-Magie.
   ========================================================================== */

/* Baseline: wenn Tabellen Buttons/Icons enthalten, wirkt middle-aligned ruhiger */
.table-wplan td,
.table-wplan th {
  vertical-align: middle;
}

/* Action-Zellen: mehrere Buttons ordentlich, ohne wilde Umbrüche */
.table-wplan .td-actions {
  white-space: nowrap;
  display: inline-flex;
  flex-wrap: wrap;
  gap: .375rem;
  align-items: center;
}

/* Lange Texte sollen sauber umbrechen (Fachname, Studiengänge, Äquivalente, etc.) */
.table-wplan .cell-wrap {
  white-space: normal;
  word-break: break-word;
}

/* Zahlen (SWS, Summen, IDs) optisch sauber und vergleichbar */
.table-wplan .cell-num {
  text-align: end;
  font-variant-numeric: tabular-nums;
}

/* Optional: kompaktere Tabellen (nur wenn du diese Klasse zusätzlich setzt) */
.table-wplan.table-wplan--tight td,
.table-wplan.table-wplan--tight th {
  padding-top: .35rem;
  padding-bottom: .35rem;
}

/* Optional: Spaltenbreiten über SEMANTISCHE Klassen (keine Spaltenposition-Annahmen)
   Nur verwenden, wenn es wirklich nötig ist. */
.table-wplan .col-id { width: 72px; }
.table-wplan .col-edv { width: 140px; }
.table-wplan .col-sws { width: 84px; }
.table-wplan .col-actions { width: 280px; }

/* Optional: Tabellenkopf etwas ruhiger (Bootstrap lässt das meist eh gut aussehen)
   -> bewusst minimal gehalten */
.table-wplan thead th {
  border-bottom-width: 1px;
}