.announcements-table {
  .new-table-row .table-cell.cell-announcement-content .cell-text-s {
    max-height: calc(1.25rem * 3); /* Line-height * 3 */
    min-height: calc(1.25rem * 3); /* Line-height * 3 */
    overflow-y: scroll;
  }
}

.users-table .new-table-row .table-cell, .admin-permissions-list > .badge {
  &:not(:hover) {
    .ss-main {
      background-color: color-mix(in srgb, var(--ink-gray), white 90%);
      border: unset !important;
      color: var(--ink-gray) !important; /* Default (No Admin Job Role) */
      transition: 0.4s ease-in-out;

      .ss-arrow { /* Dropdown arrow is hidden */
        min-width: 0.75rem !important;
        margin: 0 0.25rem !important;
        opacity: 0;
      }
    }

    .permission-field, .role-field { /* Colors for Permissions */

      &.role-present .ss-main {
        background-color: unset !important;
        color: var(--ink) !important;
      }

      &.permission-none .ss-main { /* None */
        background-color: color-mix(in srgb, var(--ink-gray), white 90%) !important;
        color: var(--ink-gray) !important;
      }

      &.permission-admin .ss-main { /* Admin */
        background-color: color-mix(in srgb, var(--admin-color), transparent 90%);
      !important;
        color: var(--admin-color) !important;
      }

      &.permission-creator .ss-main { /* Creator */
        background-color: color-mix(in srgb, var(--creator-color), transparent 90%) !important;
        color: var(--creator-color) !important;
      }

      &.permission-publisher .ss-main { /* Publisher */
        background-color: color-mix(in srgb, var(--publisher-color), transparent 90%) !important;
        color: var(--publisher-color) !important;
      }
    }
  }
}

.users-table, .invited-users-table {
  .new-table-row {
    .table-cell {

      &#table-cell-email .attribute .attribute-detail { /* This is a special case */
        white-space: normal;
      }

      .field {
        margin-bottom: 0;
        width: 100%;
      }

      .permission-field, .role-field {
        .ss-main {
          align-items: center !important;
          padding-left: 1rem !important;
          text-transform: capitalize !important;

          .ss-values {
            align-items: center !important;
            justify-content: center !important;
            white-space: nowrap !important;
          }
        }
      }
    }
  }
}

/* News Feed admin table */
.articles-table .new-table-row {
  position: relative;

  .article-table__image-preview {
    --article-image-aspect-ratio: 16 / 9;
    --preview-image-width: 5.5rem;

    .article-table__image-preview__preview-image--blank { /* No Header Image */
      align-items: center;
      padding: 0.25rem;
    }

    .article-table__image-preview__preview-image--blank, .article-table__image-preview__preview-image {
      aspect-ratio: var(--article-image-aspect-ratio);
      background-color: var(--light-gray);
      border: 1px solid var(--light-gray);
      border-radius: var(--border-radius);
      display: inline-flex;
      max-width: var(--preview-image-width);
      overflow: hidden;
    }

    .article-table__image-preview__preview-image {
      background-size: cover;
      height: fit-content;

      &:hover .article-table__image-preview__full-image {
        aspect-ratio: auto;
        border: 1px solid var(--light-gray);
        border-radius: var(--border-radius);
        overflow: hidden;
        opacity: 1;
        max-width: unset;
        visibility: visible;
        height: 100%;
        top: 0;
        left: calc(var(--preview-image-width) + 1rem);
        z-index: 2;
      }

      .article-table__image-preview__full-image {
        opacity: 0;
        max-width: 0;
        position: absolute;
        visibility: hidden;
      }
    }
  }

  .table__status--badges {
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
  }
}

.new-table-wrapper#skills_table, .new-table-wrapper#job_roles_table {
  .table-rows-wrapper {
    .new-table-row {
      padding: 0.5rem;

      .table-cell {
        padding: 0;
      }

      .attributes {
        padding: 0 0.5rem;

        .attributes__list {
          width: 256px;
        }
      }
    }
  }
}

.new-table-wrapper#onboarding-data-piece-table, .new-table-wrapper#admin-onboarding-data-piece-table {
  .table__row--warning, .table__row--danger {
    border-left: 4px solid var(--border-color);
    padding-left: calc(0.5rem - 4px);
  }

  .table__row--warning {
    --border-color: var(--warning-dark);
  }

  .table__row--danger {
    --border-color: var(--danger-dark);
  }
}