/* ========================================================================
   Add a Team field reference tables

   Used by:
     docs/settings/access/teams/how-tos/add-team.md

   Widths tuned for Field / Required / Type / Description. The Field column
   holds a bold label and must never wrap, so it takes the width of its longest
   entry. The two middle columns hold a single icon or a one-word type and stay
   narrow. The Description column absorbs the rest and keeps a floor so that on
   narrow screens the table scrolls sideways (the theme's table wrapper already
   handles the overflow) instead of squeezing the text into a sliver.
   ======================================================================== */
.add-team-fields-table table {
  width: 100%;
}

/* The theme puts min-width: 5rem on every th, which fights the two narrow columns. */
.add-team-fields-table table th {
  min-width: 0;
}

.add-team-fields-table table th,
.add-team-fields-table table td {
  vertical-align: top;
}

.add-team-fields-table table th:nth-child(1),
.add-team-fields-table table td:nth-child(1) {
  white-space: nowrap;
  padding-right: 1.5rem;
}

.add-team-fields-table table th:nth-child(2),
.add-team-fields-table table td:nth-child(2),
.add-team-fields-table table th:nth-child(3),
.add-team-fields-table table td:nth-child(3) {
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.add-team-fields-table table th:nth-child(4),
.add-team-fields-table table td:nth-child(4) {
  width: 100%;
  min-width: 28rem;
}