grid-table {
  @apply table w-full border-collapse border-border border rounded-md bg-surface text-sm;

  grid-table-header {
    @apply table-header-group border-b border-b-border;
    grid-table-row {
      @apply hover:bg-surface;
      grid-table-column {
        @apply font-semibold text-text-secondary text-nowrap;
      }
    }
  }
  grid-table-body {
    @apply table-row-group;
  }
  grid-table-row {
    @apply table-row border-b border-b-border hover:bg-surface-hover;
    & > a {
      @apply contents;
    }
    grid-table-column {
      @apply table-cell px-5 py-4 align-top;
      &:not(:last-child) {
        @apply pr-10;
      }
    }
  }
}
grid-table-pagination {
  @apply flex bg-surface px-3 py-4 text-sm text-text-secondary rounded-b-md border border-border border-t-0 select-none;
  grid-table-pagination-summary {
    @apply flex-1;
  }
  nav {
    @apply flex gap-1.5 items-center;
    a {
      @apply rounded-sm px-2.5 py-0.5 ;
      &[aria-label="Previous"],
      &[aria-label="Next"] {
        @apply border border-border rounded-sm px-1.5 py-0.5;
      }
      &[aria-current="page"] {
        @apply text-primary bg-primary-light font-semibold;
      }
      &:not([aria-disabled]) {
        @apply  hover:bg-primary-hover hover:text-text-inverse
      }
    }
  }
  .per-page-selector {
    @apply flex items-center gap-2;
  }
}