// Set max-width to prevent horizontal overflow.
:host ::ng-deep .max-w-100vw
  // full viewport width minus some space for margins and paddings
  max-width: calc(100vw - 5rem)

// Reduce right padding in the panel with Events table.
// By default, panel's content has left, right, bottom padding 1.125rem.
:host ::ng-deep .dashboard-events-panel .p-panel-content
  padding-right: 0.5rem

h1.section-heading
  font-size: 1.4em
  border-bottom: 3px solid var(--surface-border)

h2.section-heading
  font-size: 1.2em
  margin: 5px 0 3px 0

.utilization-row__id
  vertical-align: middle

.utilization-row__bar
  min-width: 10em

.utilization-row__value
  padding-left: 1em

// Custom style for dashboard p-panel title.
.p-panel-title
  font-size: 1.8em
  display: inline-block
