.permissions-page {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.permissions-content-card {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 18px !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden;
}

.permissions-content-card .ant-card-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  overflow: hidden;
}

.permissions-table-full {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 100%;

  .ant-spin-nested-loading {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .ant-spin-container {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .ant-table {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .ant-table-container {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .ant-table-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto !important;

    &::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    &::-webkit-scrollbar-track {
      background: transparent;
    }
    &::-webkit-scrollbar-thumb {
      background: #e2e8f0;
      border-radius: 10px;
      &:hover {
        background: #cbd5e1;
      }
    }
  }
}