/* ==========================================================================
   Styles for the Add a SAML Provider how-to. Kept separate from the other sign-in provider how-tos so
   this page's field tables can be adjusted without touching theirs.
   ========================================================================== */

/* Field reference table - widths tuned for FIELD / REQUIRED / TYPE / DESCRIPTION.
   The two middle columns hold a single icon or a one-word type, so they stay
   narrow and the description absorbs the rest. */
.saml-fields-table table {
  table-layout: fixed;
  width: 100%;
}

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

.saml-fields-table table th:nth-child(1),
.saml-fields-table table td:nth-child(1) {
  width: 22%;
}

.saml-fields-table table th:nth-child(2),
.saml-fields-table table td:nth-child(2),
.saml-fields-table table th:nth-child(3),
.saml-fields-table table td:nth-child(3) {
  width: 10%;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.saml-fields-table table th:nth-child(4),
.saml-fields-table table td:nth-child(4) {
  width: 58%;
}

/* Long descriptions make the rows tall, so anchor every cell to the top instead
   of letting the field name and the icons float in the middle of the row. */
.saml-fields-table table td {
  vertical-align: top;
}