/* Measurements extend the original workbench layout. */
.loading { padding: 16px; text-align: center; }
.loading .loading-time { font-variant-numeric: tabular-nums; font-size: 12px; }
.loading .cancel-loading { margin-top: 8px; color: #087f70; border: 1px solid #bbd8d2; background: #fff; }
.panel-actions { display: flex; align-items: center; gap: 6px; }
.panel-actions > span { color: #94a0a7; font-size: 12px; }
.dimension-selection { margin-bottom: 18px; }
.dimension-note { overflow-wrap: anywhere; }
.tool > span { min-width: 0; white-space: normal; }
.weight-panel { padding-top: 18px; }
.field-label { display: block; color: #536672; font-size: 13px; font-weight: 550; margin-bottom: 8px; }
.density-label { margin-top: 20px; }
.body-select-row { display: flex; align-items: center; gap: 9px; }
.body-swatch { width: 13px; height: 13px; border: 1px solid #26384620; border-radius: 3px; flex: none; }
.body-select-row select { min-width: 0; width: 100%; border: 1px solid #dce4e8; background: #fff; border-radius: 6px; padding: 9px 8px; font-size: 13px; }
.density-input-row { display: flex; align-items: center; gap: 9px; }
.density-input-row input { min-width: 0; width: 100%; border: 1px solid #dce4e8; background: #fff; border-radius: 6px; padding: 9px 11px; font-size: 14px; font-variant-numeric: tabular-nums; }
.density-input-row > span { color: #72848e; white-space: nowrap; font-size: 12px; }
.density-input-row input:focus, .body-select-row select:focus { border-color: #087f70; outline: 2px solid #087f7026; outline-offset: 1px; }
.density-input-row input[aria-invalid="true"] { border-color: #bc5446; }
.field-error { color: #a13d2f !important; font-size: 12px; line-height: 1.7; margin-top: 8px; }
.weight-result { padding-bottom: 14px; }
.weight-details { color: #7b8c97; font-size: 12px; line-height: 1.7; margin-top: 12px; }
.weight-details .selected-body-name { overflow-wrap: anywhere; color: #536672; margin-bottom: 4px; }
.weight-details b { color: #536672; font-weight: 500; font-variant-numeric: tabular-nums; }
.body-select-row select:disabled, .density-input-row input:disabled { opacity: .55; }
@media (width <= 760px) {
  .dimension { min-width: 0; flex-wrap: wrap; gap: 6px; }
  .weight-panel { max-width: 480px; }
  .hint { text-align: center; }
}