.imported-documents {
  display: flex;
  flex-direction: column;
  gap: 32px;

  .imported-documents-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px;
    width: 100%;

    .imported-document-card {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 24px;
      background-color: var(--color-bg-primary);
      border: 1px solid var(--color-border-secondary);
      border-radius: 12px;
      min-width: 0;

      .imported-document-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;

        .imported-document-title {
          font-size: var(--font-size-sm);
          font-weight: var(--weight-semi-bold);
          line-height: var(--line-height-text-sm);
          color: var(--color-text-primary);
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          max-width: 70%;
        }
      }

      .imported-document-statuses {
        display: flex;
        gap: 8px;
        flex-direction: column;

        .imported-document-statuses-row {
          font-size: var(--font-size-xs);
          line-height: var(--line-height-text-xs);
          color: var(--color-text-quaternary);
          display: flex;

          .imported-document-statuses-row-name {
            width: 30%;

            i {
              color: var(--color-fg-quaternary);
            }
          }
        }
      }
    }
  }
}