.newsletters-list-container {
  @apply com-w-full;

  .table-wrapper {
    @apply com-overflow-scroll;

    .newsletters-table {
      @apply com-w-full com-border-collapse;

      .table-header {
        @apply com-border-0 com-border-solid com-border-b com-border-Bright-Gray;

        th {
          @apply com-px-4 com-py-2 com-text-left com-text-xs com-font-semibold com-text-gray-500;

          &:nth-child(1) {
            @apply com-w-[40%];
          }
          &:nth-child(2) {
            @apply com-w-[20%];
          }
          &:nth-child(3) {
            @apply com-w-[40%];
          }
        }
      }

      .newsletter-row {
        @apply com-border-0 com-border-b com-border-solid com-border-Bright-Gray hover:com-bg-gray-100 com-transition-colors;

        &:last-child {
          @apply com-border-b-0;
        }

        td {
          @apply com-p-4 com-text-sm com-font-normal com-text-Yankees-Blue;

          .newsletter-name {
            @apply com-flex com-items-center com-gap-4;

            .newsletter-image {
              @apply com-w-[80px] com-flex-shrink-0;
              img {
                @apply com-w-12 com-h-8 com-object-cover com-rounded;
              }
            }

            .newsletter-link {
              @apply com-text-Yankees-Blue com-no-underline com-cursor-pointer com-flex com-items-center com-gap-1;
              fa-icon {
                @apply com-text-xs;
              }
            }
          }

          .newsletter-stats {
            @apply com-flex com-flex-col com-gap-2 com-whitespace-nowrap;

            .stat-item {
              @apply com-flex com-items-center com-gap-1 com-text-sm com-text-Yankees-Blue;
              fa-icon {
                @apply com-text-base;
              }
            }
          }

          .newsletter-actions {
            @apply com-flex com-flex-col com-gap-8 com-items-end;

            .publish-controls {
              @apply com-flex com-flex-row com-justify-between com-w-full;

              .publish-toggle {
                @apply com-flex com-items-center md:com-pr-5 com-pl-0 com-pr-3;
              }

              .edit-link,
              .test-email-link {
                @apply com-text-xs com-font-normal com-text-Yankees-Blue com-no-underline com-flex com-items-center com-whitespace-nowrap com-cursor-pointer;
                nb-icon,
                fa-icon {
                  @apply com-text-base;
                }
              }

              .edit-link {
                @apply md:com-px-5 com-px-3;
              }

              .test-email-link {
                @apply md:com-pl-5 com-pr-0 com-pl-3  com-border-0 com-border-l com-border-solid com-border-Bright-Gray;
              }
            }

            .action-links {
              @apply com-flex com-flex-row com-justify-between com-gap-5 com-w-full;

              .schedule-button {
                @apply com-text-xs com-text-Yankees-Blue com-bg-transparent com-rounded-lg com-border-Bright-Gray;
              }

              .reset-button {
                @apply com-text-xs com-text-Infra-Red com-bg-transparent com-border-Infra-Red;
              }

              fa-icon {
                @apply com-mr-2;
              }

              .delete-link {
                @apply com-text-xs com-font-normal com-text-Infra-Red com-no-underline com-flex com-items-center com-whitespace-nowrap com-ml-auto com-cursor-pointer;
                nb-icon {
                  @apply com-text-base;
                }
              }
            }
          }
        }
      }

      .loading-row {
        @apply com-flex com-justify-center com-py-8;
      }
    }
  }
}

.header-section {
  @apply com-flex com-justify-between md:com-items-center com-mb-6 com-flex-col md:com-flex-row com-gap-4;

  .page-title {
    @apply com-text-2xl com-font-semibold com-text-Yankees-Blue com-m-0;
  }

  a {
    @apply com-rounded-lg;
  }
}

.disableAnchorTag {
  @apply com-pointer-events-none com-no-underline com-text-gray-400;
}

nb-card {
  nb-card-footer,
  nb-card-header {
    @apply com-flex com-justify-between com-items-center;
  }

  nb-card-body {
    form {
      @apply com-flex com-flex-col com-gap-3;
      div {
        @apply com-flex com-flex-col;
      }
    }
  }
}

.edit-and-test-email-links {
  @apply com-flex;
}

.schedule-and-reset-links {
  @apply com-flex com-flex-row com-items-center com-gap-4;
}

.schedule-time {
  @apply com-text-xs com-text-Yankees-Blue com-m-0;
}
