.log-modal {
  height: auto;
  max-height: calc(100vh - 1.5rem);
}

.log-modal-actions {
  flex-wrap: wrap;
}

.log-view-controls {
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 1rem !important;
}

.log-body {
  display: flex;
  flex-direction: column;
  height: min(40rem, calc(100vh - 15rem));
  min-height: 0;
  flex: none;
  overflow: hidden;
}

.log-output {
  height: auto;
  min-height: 0;
  flex: 1;
}

.pipeline-watch-main,
.pipeline-watch-log {
  min-height: 0;
}

.pipeline-watch-sidebar {
  max-height: min(48rem, calc(100vh - 7.5rem));
}

.pipeline-watch-log .log-body {
  flex: none;
}

.pipeline-watch-log .log-output {
  min-height: 0;
}