/* stylelint-disable max-nesting-depth, selector-max-compound-selectors, selector-no-qualifying-type, selector-max-id */

#{civi-page('mailing-report')} {
  fieldset {
    background-color: $crm-white !important;
    border-radius: $border-radius-base;
    box-shadow: $box-shadow;
    margin-bottom: $crm-standard-gap;
    padding: $crm-standard-gap;
    padding-bottom: 0;

    legend {
      background-color: $gray-lighter !important;
      border-bottom: 1px solid $crm-grayblue-dark !important;
      border-radius: $border-radius-base $border-radius-base 0 0;
      color: $gray-darker !important;
      float: left;
      font-size: $font-size-h2 !important;
      line-height: 28px !important;
      margin-bottom: 0;
      margin-left: -#{$crm-standard-gap} !important;
      margin-top: -#{$crm-standard-gap} !important;
      padding: $ui-modal-header-padding !important;
      width: 100% !important;
    }

    > span.label {
      display: block;
      margin-top: $crm-standard-gap * 2;
      padding-top: $crm-main-menu-padding-small;
    }

    > * {
      clear: both;
    }

    > .messages {
      margin-top: $crm-standard-gap * 2;
    }
  }

  table.crm-info-panel {
    @include table-selector-full-style();

    margin-left: -#{$crm-standard-gap} !important;
    width: calc(100% + #{$crm-standard-gap * 2});
  }

  // We do not need striped tables here
  .odd-row {
    background-color: $crm-white !important;
  }
}