
.disposition-scope-row span {
  margin-top: 2px;
  color: #71809d;
  font-size: 10px;
  line-height: 1.25;
}

.disposition-scope-row label {
  gap: 4px;
}

.disposition-scope-row .field-label-inline {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  line-height: 1.1;
  white-space: nowrap;
}

.disposition-scope-row .field-label-inline .field-help-button {
  flex: 0 0 auto;
  margin: 0 !important;
}

.disposition-scope-row label,
.disposition-scope-row button {
  max-width: 100%;
}

.disposition-scope-row > div:first-child {
  grid-column: 1;
}

.disposition-scope-row:first-child > label {
  grid-column: 1;
  width: 100%;
}

.disposition-scope-row:first-child > button {
  grid-column: 1;
}

.disposition-scope-row:not(:first-child) {
  grid-template-columns: 1fr;
  z-index: 20;
}

.disposition-scope-row:not(:first-child) > label:first-of-type {
  width: 100%;
  min-width: 0;
}

.disposition-scope-row:not(:first-child) > label,
.disposition-scope-row:not(:first-child) > button {
  grid-column: 1;
}

.disposition-scope-row:not(:first-child) > label:nth-of-type(2) {
  width: 150px;
}

.disposition-scope-row input,
.disposition-scope-row button,
.disposition-scope-row .searchable-select-trigger {
  min-height: 34px !important;
}

#editorPicklistProcedureSelect {
  position: relative;
  width: 100%;
  min-width: 0;
  z-index: 900;
}

#editorPicklistProcedureMenu {
  z-index: 9999;
  min-width: min(520px, calc(100vw - 80px));
}

#downloadEditorPicklistsButton {
  width: 158px !important;
  min-width: 158px !important;
  grid-column: 1 !important;
  margin-top: 2px;
}

.disposition-scope-row button {
  width: 142px !important;
  min-width: 142px !important;
}

#editorLoginUploadMessage {
  grid-column: 1 / -1;
  min-height: 0 !important;
  margin: 0 !important;
}

.settings-form button,
.settings-form .message {
  justify-self: start;
}

.disposition-scope-row {
  grid-template-columns: 1fr !important;
  z-index: 20;
}

.disposition-scope-row > label,
.disposition-scope-row > button {
  grid-column: 1 !important;
}

.disposition-scope-row > label:first-of-type {
  width: 100%;
  min-width: 0;
}

.disposition-scope-row > label:nth-of-type(2) {
  width: 150px;
}

.disposition-download-row {
  align-content: center;
  justify-items: stretch;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#downloadEditorPicklistsButton {
  width: 100% !important;
  min-width: 320px !important;
  white-space: nowrap !important;
  line-height: 1.15 !important;
}

.dashboard-grid article,
.entity-row,
.mapping-panel,
.table-wrap,
.action-tile {
  border-radius: 14px;
}

.dashboard-grid article,
.entity-row {
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(7, 27, 52, 0.04);
}

.table-wrap {
  border-color: #dfe6f2;
}

.compact-table-wrap:has(#promisedVolumeTable:empty) {
  display: none;
}

.data-table th {
  background: #f8fafd;
  color: #8190aa;
  letter-spacing: 0.12em;
}

.data-table td {
  color: #1d2940;
}

.data-table th,
.data-table td {
  padding: 10px 12px;
}

.action-chooser { gap: 12px; }

.action-tile {
  min-height: 96px;
  padding: 18px;
  border-width: 1px;
  box-shadow: 0 10px 22px rgba(7, 27, 52, 0.05);
}

.action-tile strong {
  font-size: 17px;
}

.message {
  font-size: 13px;
  min-height: 18px;
}

.bug-fab {
  position: fixed;
  right: 22px;
  bottom: 20px;
  z-index: 60;
  min-height: 38px;
  border-radius: 999px;
  box-shadow: 0 14px 32px rgba(7, 27, 52, 0.18);
}

.boat-help-widget {
  position: fixed;
  top: 92px;
  right: 24px;
  z-index: 62;
  width: 32px;
  height: 32px;
  display: block;
  pointer-events: none;
}

.boat-help-fab,
.boat-help-panel {
  pointer-events: auto;
}

.boat-help-fab {
  position: relative;
  z-index: 2;
  width: 32px;
  min-height: 32px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid rgba(31, 100, 255, 0.32);
  border-radius: 50%;
  background: linear-gradient(135deg, #075aaa, #1f64ff 58%, #13c8dc);
  color: #ffffff;
  font-size: 16px;
  font-weight: 950;
  box-shadow: 0 16px 34px rgba(31, 100, 255, 0.28);
}

.boat-help-widget.open .boat-help-fab {
  transform: none;
}

.boat-help-panel {
  position: absolute;
  top: 40px;
  right: 0;
  width: min(380px, calc(100vw - 30px));
  max-height: min(620px, calc(100vh - 110px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(130, 150, 180, 0.28);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 26px 70px rgba(6, 17, 43, 0.24);
  backdrop-filter: blur(18px);
  transform-origin: top right;
  animation: helpPanelSlideIn 0.16s ease-out;
}
