.emailer-component {
  @apply md:com-max-h-[65dvh] com-h-full com-overflow-y-auto com-relative;
}

.submit-button {
  // position: fixed;
  // bottom: 10px;
  // width: 100%;
}

.fieldset {
  @apply com-mx-0 com-mt-6;
  input {
    @apply com-rounded-lg com-mt-3 com-py-3 com-px-4;

    &::placeholder {
      @apply com-text-sm com-font-normal com-text-gray-400;
    }
  }
  editor {
    @apply com-mt-3;
  }
  nb-radio {
    &::ng-deep {
      span {
        @apply com-flex com-items-center;
      }
    }
  }
}

.label {
  @apply com-text-sm com-font-medium com-text-Yankees-Blue;

  .mandatory-field {
    @apply com-text-red-500;
  }
}

.form-mail-type-selection {
  @apply com-flex com-flex-row com-flex-wrap;
}

.action-btns {
  @apply com-flex com-items-center com-gap-6 com-mt-6;
}

select {
  @apply com-border-0 com-rounded-lg com-bg-gray-100 com-pr-2 com-pl-3 com-py-2 md:com-w-40 com-w-full com-text-sm com-font-normal com-text-Yankees-Blue;
}

.filters {
  @apply com-flex md:com-flex-row com-flex-col com-gap-2 com-items-center com-w-full;
}

.filter {
  @apply com-w-full md:com-w-40;
}

.template-card {
  @apply com-m-0 com-p-0 md:com-w-[650px] com-h-full md:com-max-h-[90dvh] com-w-full com-overflow-y-auto;

  nb-card-header {
    @apply com-flex com-items-center com-justify-between com-py-4 com-px-6;

    h3 {
      @apply com-m-0 com-text-base com-font-medium com-text-Yankees-Blue;
    }

    button {
      @apply com-rounded-full;
    }
  }

  nb-card-body {
    @apply md:com-w-full com-w-[96dvw] com-overflow-x-hidden;
  }

  .sample-preview {
    @apply com-flex com-justify-center com-text-base com-font-normal com-text-gray-500 com-mb-6;
  }

  .inner-html {
    @apply com-p-4 com-rounded-lg com-bg-gray-50 com-flex com-justify-start md:com-justify-center;

    ::ng-deep {
      table {
        @apply com-bg-white #{!important};

        table {
          @apply com-w-full #{!important};
        }
      }
    }
  }
}

.resend-mail {
  @apply com-mt-1;
}

.info-message {
  @apply com-mb-4;
}

.warning-message {
  @apply com-mb-4;
}
