@layer components {
  .rd-report-project-picker .rd-report-picker-menu {
    width: clamp(28rem, 52vw, 44rem);
    max-width: calc(100vw - 48px);
  }

  .rd-report-project-picker .rd-report-picker-label,
  .rd-report-project-picker .rd-report-picker-sub,
  .rd-report-project-picker .rd-report-picker-list .filter-dropdown-item-name,
  .rd-report-project-picker .rd-report-picker-list .filter-dropdown-item-meta {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .rd-report-project-picker .rd-report-picker-list .filter-dropdown-item {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    column-gap: var(--rd-sp-2);
    row-gap: 2px;
  }

  .rd-report-project-picker .rd-report-picker-list input[type="checkbox"] {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin-top: 2px;
  }

  .rd-report-project-picker .rd-report-picker-list .filter-dropdown-item-name,
  .rd-report-project-picker .rd-report-picker-list .filter-dropdown-item-meta {
    grid-column: 2;
  }

  .rd-report-project-picker .rd-report-picker-list .filter-dropdown-item-name {
    grid-row: 1;
  }

  .rd-report-project-picker .rd-report-picker-list .filter-dropdown-item-meta {
    grid-row: 2;
  }

  .rd-report-chart-jump {
    margin: var(--rd-sp-3) var(--rd-sp-3) 0;
  }

  .rd-report-resource-group-row {
    background: var(--rd-bg-sunken);
    font-weight: 600;
  }

  .rd-report-resource-group-cell {
    padding: 0;
  }

  .rd-report-resource-summary {
    cursor: pointer;
    padding: var(--rd-sp-3);
  }

  .rd-report-resource-summary-main {
    display: inline-block;
    min-width: 28%;
  }

  .rd-report-resource-count {
    font-size: var(--rd-text-xs);
  }

  .rd-report-resource-summary-metrics {
    float: right;
    min-width: 44%;
    display: flex;
    justify-content: space-between;
    gap: var(--rd-sp-4);
  }

  .rd-report-resource-detail-table {
    margin: 0;
  }

  .rd-report-resource-name-cell {
    padding-left: var(--rd-sp-7);
    font-weight: 500;
    width: 40%;
  }
}
