/* Screen editor only. These selectors never target generated report pages. */
@media screen {
  .report-edit-page.report-editor-responsive {
    container: report-editor / inline-size;
    min-width: 0;
  }

  .report-editor-responsive > .page-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "identity actions" "selectors selectors";
    align-items: center;
    gap: 12px 18px;
    padding: 16px;
  }

  .report-editor-responsive > .page-bar > .bar-left {
    grid-area: identity;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
  }

  .report-editor-responsive > .page-bar .page-title {
    flex: 0 0 auto;
    white-space: nowrap;
    line-height: 1.5;
  }

  .report-editor-responsive > .page-bar > .bar-left > .el-tag {
    max-width: 100%;
    height: auto;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 22px;
  }

  .report-editor-responsive > .page-bar > .bar-right { display: contents; }

  .report-editor-responsive .report-toolbar-selectors {
    grid-area: selectors;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 24px;
  }

  .report-editor-responsive .report-toolbar-group {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
  }

  .report-editor-responsive .report-toolbar-group .lang-label {
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
  }

  .report-editor-responsive .report-toolbar-group .el-radio-group {
    display: inline-flex;
    flex: 0 0 auto;
    margin: 0 !important;
    white-space: nowrap;
  }

  .report-editor-responsive .report-toolbar-group .el-radio-button__inner {
    white-space: nowrap;
    padding: 9px 13px;
  }

  .report-editor-responsive .report-toolbar-actions {
    grid-area: actions;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }

  .report-editor-responsive > .page-bar .el-button {
    margin: 0;
    flex: 0 0 auto;
    min-height: 32px;
    white-space: nowrap;
  }

  .report-editor-responsive .report-editor-cover .report-cover-primary-fields,
  .report-editor-responsive .report-editor-cover .report-cover-client-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 !important;
    column-gap: 20px;
  }

  .report-editor-responsive .report-editor-cover .report-cover-primary-fields::before,
  .report-editor-responsive .report-editor-cover .report-cover-primary-fields::after,
  .report-editor-responsive .report-editor-cover .report-cover-client-fields::before,
  .report-editor-responsive .report-editor-cover .report-cover-client-fields::after { display: none; }

  .report-editor-responsive .report-editor-cover .report-cover-primary-fields > .el-col,
  .report-editor-responsive .report-editor-cover .report-cover-client-fields > .el-col {
    width: auto;
    min-width: 0;
    padding: 0 !important;
    float: none;
  }

  .report-editor-responsive .report-editor-cover .el-form-item__content { min-width: 0; }
  .report-editor-responsive .report-editor-cover .test-date-pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 6px;
  }
  .report-editor-responsive .report-editor-cover .test-date-pair > .el-date-editor {
    min-width: 0;
    width: 100% !important;
  }
  .report-editor-responsive .report-editor-cover .date-sep { margin: 0; }

  @container report-editor (max-width: 1300px) {
    .report-editor-responsive .report-editor-cover .report-cover-client-fields { grid-template-columns: minmax(0, 1fr); }
    .report-editor-responsive .report-editor-cover .report-cover-research-fields {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 20px;
      margin: 0 !important;
    }
    .report-editor-responsive .report-editor-cover .report-cover-research-fields::before,
    .report-editor-responsive .report-editor-cover .report-cover-research-fields::after { display: none; }
    .report-editor-responsive .report-editor-cover .report-cover-research-fields > .el-col {
      width: auto;
      min-width: 0;
      padding: 0 !important;
      float: none;
    }
    .report-editor-responsive .report-editor-cover .report-cover-research-fields > .el-col:first-child { grid-column: 1 / -1; }
  }

  @container report-editor (max-width: 950px) {
    .report-editor-responsive > .page-bar {
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas: "identity" "selectors" "actions";
      gap: 12px;
    }
    .report-editor-responsive .report-toolbar-actions { justify-content: flex-start; }
    .report-editor-responsive .report-editor-cover .report-cover-primary-fields { grid-template-columns: minmax(0, 1fr); }
    .report-editor-responsive .report-editor-cover .report-cover-research-fields { grid-template-columns: minmax(0, 1fr); }
  }

  @container report-editor (min-width: 1550px) {
    .report-editor-responsive > .page-bar {
      grid-template-columns: auto minmax(0, 1fr) auto;
      grid-template-areas: "identity selectors actions";
    }
    .report-editor-responsive .report-toolbar-selectors { justify-content: flex-end; }
  }

  /* Safe fallback for older browsers that do not implement container queries. */
  @supports not (container-type: inline-size) {
    @media (max-width: 1250px) {
      .report-editor-responsive > .page-bar {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "identity" "selectors" "actions";
      }
      .report-editor-responsive .report-toolbar-actions { justify-content: flex-start; }
      .report-editor-responsive .report-editor-cover .report-cover-primary-fields,
      .report-editor-responsive .report-editor-cover .report-cover-client-fields { grid-template-columns: minmax(0, 1fr); }
    }
  }
}