.ContentTools {
  code {
    @apply font-sans;
  }

  .TabBar {
    @apply px-[--space];
  }

  .TC-panel {
    @apply p-0 pb-6;

    > form {
      @apply px-2;
    }
  }

  .TC-panel,
  .TC-panel > form,
  .TC-panel > form > .fixedScrollable {
    /* Metadata table at top of Developer tab */
    > .DT {
      @apply __static-table mx-2 mt-6 w-[calc(100%-1rem)];
    }

    /* "View Raw Data" & "Show Deprecated Fields" buttons at top of Developer tab */
    > ul:first-child {
      @apply mt-6 flex gap-2 px-2;

      > li > a {
        @apply btu-button btu-button-outline btu-button-fill-none btu-button-gray;
      }
    }

    .ActionBar {
      @apply static mx-0 mt-4 border-y-0 p-0 [justify-content:start];

      > button {
        @apply btu-button-outline btu-button-fill-none btu-button-md;
      }
    }

    /* Override specificity in ActionBar.css */
    .ActionBar:not(.is-top) > button:not(.Link) {
      @apply btu-button-gray;
    }

    > .CIG-row {
      @apply pt-0;

      > .CIG-label {
        @apply py-1 text-sm font-semibold text-gray-700;
      }
    }

    > .CIG {
      @apply px-4 py-0;

      .CIG-row {
        @apply pt-4;
      }
    }
  }

  .TC-panel-heading {
    @apply mb-4 mt-6 rounded-lg bg-primary-50 text-primary-800;
  }

  /* Annotation fields */
  ul:not(:first-child) {
    @apply flex flex-col gap-4 px-2;

    > li {
      @apply flex flex-col gap-2;

      > a {
        @apply text-sm text-primary-600;
      }

      > code {
        @apply text-sm;
      }

      > .DT {
        @apply __static-table;
      }
    }
  }

  .Message {
    @apply contents;

    > a {
      @apply ps-2 text-sm text-gray-700 [&:not(:first-child)]:mt-4;
    }

    > .Message-icon {
      @apply hidden;
    }
  }
}

.ContentTools-meta {
  @apply mt-6 px-2;

  span {
    @apply blokk border-gray-200 py-4 text-sm text-gray-900 [&:not(:last-child)]:border-b;
  }
}
