/*** only used on Evaluate Encounter page ***/

.evaluate {
  padding-top: 0;
  max-width: 860px;
}

form {
  gap: 24px;
}

.flex > .sui-TextField {
  flex: 1 0;
}

.flex {
  align-items: end;
}

dl {
  display: grid;
  grid-template-columns: 1fr 8fr;
  gap: 8px;
}

dt {
  font-weight: 700;
  /* margin: 28px 0 4px; */
}

dd {
  margin-left: 20px;
}

table {
  width: 100%;
  border-collapse: collapse;
}

thead th {
  font-weight: 500;
  font-size: 14px;
  min-width: 64px;
  max-width: 74px; /* force wrap */
}

tbody th {
  text-align: left;
  font-weight: 600;
  font-size: 15px;
  padding-inline: 0;
}

@media screen and (max-width: 450px) {
  thead th {
    letter-spacing: -0.5px;
    font-size: 13px;
    min-width: 50px;
  }
  tbody th {
    font-weight: 500;
    letter-spacing: -0.5px;
  }
}

td {
  text-align: center;
}

td,
th {
  border-bottom: 1px solid var(--border-muted);
  padding: 10px 4px;
}

td:last-child,
th:last-child {
  padding-right: 0;
}

/* SUP enhancement: larger radio btn option */
.sui-RadioButton__input {
  width: 20px;
  height: 20px;
  margin-top: -2px; /* correct vertical alignment in table cell */
}

.sui-RadioButton__input:checked::after {
  width: 10px;
  height: 10px;
}

/* SUP enhancement: larger checkbox option */
.sui-Checkbox__input {
  width: 18px;
  height: 18px;
}

.sui-Checkbox__input:checked {
  background-size: contain;
}

/*** CONTROL GROUP (fieldset) not yet in SUP ***/

.sui-ControlGroup {
  /* reset */
  border: 0;
  padding-inline: 0;
}

.sui-ControlGroup__label {
  /* reset */
  padding: 0;
   /* white-space: nowrap;safari bug? */
}

/* potential SUP issue: this class should be applied to all items in the fieldset */
/* Since it's not, adding checkbox class */
/* Also, this was margin-bottom, but changed to padding to address column alignment issue in Safari */
.sui-ControlGroup__item,
.sui-ControlGroup .sui-Checkbox {
  padding: 6px 0;
}

.sui-typography--heading-sm {
  /* legend used in Control Group */
  font-size: 17px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.17px;
}

/* enhancements/overrides for this page */

/* 2024-04-18: CSS GRID is buggy here in Safari */
/* using columns instead */
.sui-ControlGroup {
  /* display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px; */
  border-bottom: 1px solid var(--border-muted);
  /* padding-bottom: 20px; */
  column-width: 260px;
}

.advanced-skills {
  column-width: 320px;
}

.sui-Button--secondary {
  font-weight: 400;
  background-color: transparent;
}

textarea.sui-Input {
  padding: 8px 16px;
  height: auto;
  line-height: 1.3;
}

#evaluateEncForm small {
  font-weight: normal;
  font-size: inherit;
}