/* Migrated from styles.css for this form. */
.load-notes-row {
  padding: 14px 0;
  overflow: hidden;
}

.load-notes-table-wrap {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel);
}

.load-notes-table {
  width: 100%;
  min-width: 0 !important;
  table-layout: fixed;
  border-collapse: collapse;
}

.load-notes-table .load-note-created {
  width: 132px;
}

.load-notes-table .load-note-author {
  width: 120px;
}

.load-notes-table .load-note-priority-col {
  width: 34px;
}

.load-notes-table .load-note-actions {
  width: 92px;
}

.load-notes-table th,
.load-notes-table td {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  vertical-align: top;
}

.load-notes-table th:last-child,
.load-notes-table td:last-child {
  text-align: right;
  white-space: nowrap;
}

.load-notes-table .row-actions {
  display: table-cell;
  position: relative;
  width: 92px;
  min-width: 92px;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
}

.load-notes-table .load-note-action-buttons {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.load-notes-table .icon-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible;
  opacity: 1;
  vertical-align: middle;
}

.load-notes-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.load-notes-head h3 {
  margin: 0;
  font-size: 16px;
  color: var(--text);
}

.modal form:has(.load-note-form) {
  width: min(500px, calc(100vw - 32px));
}

.load-note-form {
  display: grid;
  gap: 14px;
}

.load-note-form textarea {
  min-height: 120px;
}