.supervision-filter {
  grid-template-columns: minmax(280px, 1.5fr) minmax(180px, .8fr) minmax(150px, .6fr) 86px !important;
}

.supervision-summary {
  margin: -2px 0 14px;
}

.supervision-table table {
  width: 100% !important;
  min-width: 100% !important;
  table-layout: fixed !important;
  font-size: 11px !important;
}

.supervision-table th,
.supervision-table td {
  padding: 7px 7px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere;
  vertical-align: top !important;
}

.supervision-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 26 !important;
  background: #eef4f8 !important;
}

.supervision-table th:nth-child(1) { width: 8% !important; }
.supervision-table th:nth-child(2) { width: 23% !important; }
.supervision-table th:nth-child(3) { width: 8% !important; }
.supervision-table th:nth-child(4) { width: 8% !important; }
.supervision-table th:nth-child(5) { width: 9% !important; }
.supervision-table th:nth-child(6) { width: 21% !important; }
.supervision-table th:nth-child(7) { width: 13% !important; }
.supervision-table th:nth-child(8) { width: 6% !important; }
.supervision-table th:nth-child(9) { width: 4% !important; }

#supervision-plans-scroll {
  height: clamp(430px, calc(100vh - 345px), 720px);
  overflow: auto;
}

.supervision-edit-entry {
  cursor: text;
  color: #315c80;
}

.supervision-edit-entry:hover {
  background: #e8f4ff;
}

.supervision-level-select {
  width: 100%;
  height: 30px;
  border: 1px solid #cbd9e5;
  border-radius: 6px;
  background: #fff;
  color: #526b82;
}

.supervision-table td:last-child {
  white-space: nowrap !important;
  text-align: center;
}

.supervision-table td:last-child .icon-button {
  padding: 1px 3px !important;
  font-size: 10px !important;
}

.supervision-modal {
  width: min(820px, 94vw) !important;
}