@import 'mixins_and_variables_and_functions';

.incident-management-list {
  .new-alert {
    background-color: var(--green-50, $green-50);
  }

  .gl-tabs-nav {
    @include gl-border-b-0;

    .gl-tab-nav-item {
      color: var(--gray-500, $gray-500);

      > .gl-tab-counter-badge {
        @include gl-reset-color;
        font-size: $gl-font-size-sm;
        background-color: var(--gray-50, $gray-50);
      }
    }
  }

  @include media-breakpoint-down(xs) {
    .list-header {
      @include gl-flex-direction-column-reverse;
    }

    .create-incident-button {
      width: 100%;
    }
  }
}