a {
  @apply com-no-underline;
}
nb-card {
  @apply com-mx-0;
}

.project-details {
  nb-card-header {
    @apply com-text-primary-500;
  }
  nb-card-body {
    .project-name {
      @apply com-text-Yankees-Blue com-text-lg com-font-semibold;
    }
  }
  nb-card-footer {
    a {
      @apply com-text-primary-500 com-text-base com-font-semibold;
    }
  }
}

.channels-list-cards {
  @apply com-grid com-grid-cols-1 md:com-grid-cols-3 com-gap-4 com-p-5;
  a {
    @apply com-no-underline;
    .channel-list-card {
      @apply com-border com-rounded-lg com-p-4 com-h-32 com-border-gray-200 com-border-solid hover:com-shadow-Card;
      p {
        @apply com-p-0 com-m-0;
      }
      .name {
        @apply com-text-base com-font-semibold com-line-clamp-1;
      }
      .member-count {
        @apply com-text-sm;
      }
      .descriptions {
        @apply com-mt-4 com-text-sm com-text-Quartz com-line-clamp-2;
      }
    }
  }
}

.team-details-container {
  .team-detail {
    .details {
      @apply com-flex com-flex-col;
    }
  }
  button {
    @apply com-px-0;
  }
  .team-detail:not(:last-child) {
    @apply com-border-0 com-border-b com-border-solid com-border-Bright-Gray com-mb-2 com-pb-2;
  }
}

.remove-teammate-dialogbox {
  @apply md:com-max-w-[30dvw];
  nb-card-header,
  nb-card-footer {
    @apply com-flex com-justify-between com-items-center;
  }
}

.resend-invite-dialogbox {
  @apply md:com-max-w-[30dvw];
  nb-card-header,
  nb-card-footer {
    @apply com-flex com-justify-between com-items-center;
  }
}

.team-selector {
  @apply com-mt-4;
  .select {
    @apply com-flex com-items-center com-gap-1 com-h-8 com-p-1 com-text-sm com-rounded-10 com-cursor-pointer com-bg-white hover:com-bg-white-opacity-40  com-border com-border-solid com-border-Bright-Gray  com-w-full com-text-Yankees-Blue;
    select {
      @apply com-bg-white hover:com-bg-white-opacity-40  com-cursor-pointer com-border-0 com-w-full com-text-Yankees-Blue;
    }
  }
}
