.user-profile-dropdown {
  @apply com-relative;

  .dropdown-menu {
    @apply com-absolute com-top-[56px] com-right-0 com-w-[280px] com-bg-white com-rounded-lg com-shadow-lg com-z-30 com-overflow-hidden com-mt-10px com-border com-border-solid com-border-Bright-Gray;

    .user-info {
      @apply com-flex com-flex-col com-p-3;
    }

    .profile-image {
      @apply com-w-[60px] com-h-[60px] com-rounded-full com-object-cover com-mr-3;
    }

    .user-profile-header {
      @apply com-flex com-flex-row;
    }

    .user-details {
      @apply com-flex com-flex-col;

      .name {
        @apply com-text-sm com-font-medium com-text-Yankees-Blue com-m-0;
      }

      .user-profile-name {
        @apply com-flex;
      }

      .username,
      .designation {
        @apply com-text-gray-500 com-text-xs com-mt-1;
      }

      .company {
        @apply com-text-gray-500 com-text-xs com-mt-2;
      }
    }

    .view-profile-btn {
      @apply com-mt-4;
    }

    .section {
      @apply com-p-3 com-border-0 com-border-solid com-border-t com-border-Bright-Gray;
    }

    .section-title {
      @apply com-text-xs com-font-medium com-text-Yankees-Blue com-m-0;
    }

    .menu-list {
      @apply com-m-0 com-p-0;
    }

    .logout {
      @apply com-m-3 com-w-[calc(100%-24px)];
    }

    .menu-item {
      @apply com-flex com-font-normal com-items-center com-text-sm com-text-gray-500 com-px-0 com-pt-2 com-cursor-pointer;
    }
  }
}

.logout-confirmation {
  @apply com-w-full md:com-w-[22dvw] md:com-max-h-[44dvh] com-max-h-full com-m-0;
  nb-card-footer {
    @apply com-flex com-flex-col com-gap-4 com-justify-between com-items-center com-p-4;
  }

  nb-card-body {
    @apply com-text-center com-pt-6 com-pb-4 com-px-4;

    h3 {
      @apply com-text-2xl com-font-semibold com-text-Yankees-Blue com-m-0 com-mb-3;
    }

    p {
      @apply com-text-base com-font-normal com-text-gray-500 com-m-0 com-mb-4;
    }
  }
}
