.query-details-page {
  @include vertical-page-layout;

  &__title-bar {
    display: flex;
    justify-content: space-between;
    gap: $pad-medium;
  }

  &__action-button-container {
    display: flex;
    justify-content: flex-end;
    min-width: max-content;
    gap: $pad-medium;
  }

  &__query-name {
    margin-top: 0;
    font-size: $large;
  }

  &__settings {
    display: flex;
    gap: $pad-large;
    font-size: $x-small;
    .component__tooltip-wrapper__underline {
      top: 0px;
    }
  }

  &__automations,
  &__log-destination {
    display: flex;
    gap: $pad-small;
    align-items: center;

    .component__tooltip-wrapper__element {
      font-weight: $bold;
    }
  }

  .empty-table__inner {
    .component__tooltip-wrapper__tip-text {
      text-align: left;
      width: 320px;
    }

    ul {
      color: $core-fleet-white;

      li {
        &::before {
          content: "•";
          color: $core-fleet-white;
        }
      }
    }
  }

  .data-error {
    padding-top: $pad-xxxlarge;
  }
}
