.community-events-list {
  @apply com-p-4 md:com-p-6 com-bg-white com-min-h-screen com-rounded-10 com-overflow-hidden;

  .header-section {
    @apply com-flex com-justify-between md:com-items-center md:com-mb-6 com-mb-4 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;
    }
  }

  // Search and Filter Section
  .search-filter-section {
    @apply com-flex com-flex-row com-items-center com-gap-3 com-mb-6;

    .status-filter {
      @apply com-flex com-flex-col com-gap-2 com-min-w-[140px];

      .filter-label {
        @apply com-text-sm com-font-medium com-text-gray-700;
      }

      .status-multi-select {
        ::ng-deep {
          button {
            span {
              @apply com-text-xs;
            }
          }
        }
      }
    }
  }

  // Events Table Section
  .event-list-container {
    @apply com-w-full;

    .table-wrapper {
      @apply com-overflow-scroll;
      .events-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;
          }
        }

        .event-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-medium com-text-gray-500;
            .event-name {
              @apply com-no-underline com-text-Yankees-Blue com-border-0 hover:com-border-b hover:com-border-solid hover:com-border-Yankees-Blue;
            }
            &.date-column {
              @apply com-whitespace-nowrap;
            }
          }
        }

        .loading-row {
          .loading-cell {
            @apply com-text-center com-py-8;
          }
        }
      }
    }

    .pagination {
      @apply com-p-0 com-pt-6 com-border-0 com-border-t com-border-solid com-border-Bright-Gray;
    }
  }
}

.event-dashboard-actions {
  @apply com-flex com-gap-4 com-items-center;
  a {
    @apply com-rounded-lg;
  }
  .context-menu-button {
    @apply com-p-2 com-min-w-0 com-flex-shrink-0 com-rounded-lg;

    nb-icon {
      @apply com-text-tgray-500;
    }
  }
}

.clone-event {
  @apply com-w-full md:com-w-[60dvw] md:com-h-[90dvh];
  nb-card-header {
    @apply com-flex com-justify-between com-items-center;
  }
  nb-card-body {
    @apply com-p-0;
  }
}

.event-name-container {
  @apply com-flex com-flex-row com-items-center com-gap-2;
}

.search-form {
  @apply com-w-full;
}
