/* Message Type Styles */

/* Left/Right Chat Containers */
.messageTypes_leftchat__PsoPV,
.messageTypes_rightchat__9St7b {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-10);
}
.messageTypes_leftchat__PsoPV {
  flex-direction: row;
}
.messageTypes_rightchat__9St7b {
  flex-direction: row-reverse;
}
/* Chat with Reply Containers */
.messageTypes_leftchatwithreply__2ofxO,
.messageTypes_rightchatwithreply__G8ah3 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
}
.messageTypes_leftchatwithreply__2ofxO {
  align-items: flex-start;
}
.messageTypes_rightchatwithreply__G8ah3 {
  align-items: flex-end;
}
/* Voice Message Styles */
.messageTypes_chatvoice__OBO3q {
  max-height: 35px;
}
/* Text Message Bubbles */
.messageTypes_rightchatMSG__w2g00,
.messageTypes_leftchatMSG__XLDZG {
  position: relative;
  text-align: left;
  display: flex;
  flex-direction: column;
  line-height: 18px;
  padding: var(--padding-5) var(--padding-10);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  letter-spacing: 0.5px;
  white-space-collapse: preserve;
  overflow-wrap: anywhere;
  word-wrap: break-word;
}
.messageTypes_rightchatMSG__w2g00 {
  border-radius: var(--br8) 0px var(--br8) var(--br8);
  background: var(--color-dark-blue);
  color: var(--color-ffffff);
}
.messageTypes_leftchatMSG__XLDZG {
  border-radius: 0px var(--br8) var(--br8) var(--br8);
  background-color: var(--color-light-blue30);
  color: var(--text-h1);
}
/* ------------------------------------------------------- */
/* Child Containers for Multiple Messages */
.messageTypes_multiChatRow__pn6zm {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  transition: var(--transition3);
}

/* Replied Message Styles */
.messageTypes_leftrepliedmsg__7ovQh {
  border-left: 3px solid var(--color-light-blue30);
  text-align: left;
  height: 46px;
  border-radius: 0px var(--br10) var(--br10) 0px;
  background: var(--color-light-blue30);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--text-h1);
  position: relative;
  padding: var(--padding-5) var(--padding-10) 0px var(--padding-10);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}

.messageTypes_leftrepliedmsgdiscription__iTzDH {
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  color: var(--text-h1);
  position: relative;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  bottom: 3px;
}

.messageTypes_rightrepliedmsg__YYJvw {
  border-right: 3px solid var(--color-dark-blue);
  text-align: left;
  height: 46px;
  border-radius: var(--br10) 0px 0px var(--br10);
  background: var(--color-dark-blue30);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  color: var(--text-h1);
  position: relative;
  padding: var(--padding-5) var(--padding-10) 0px var(--padding-10);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}

.messageTypes_rightrepliedmsgdiscription__gK8mL {
  text-align: left;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  color: var(--text-h1);
  position: relative;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  bottom: 3px;
}
.messageTypes_multimedia__nykOB {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  cursor: pointer;
  transition: var(--transition2);
  gap: var(--gap-10);
}

/* ___general___ */

.directInbox_headerTab__ffEfz {
  position: sticky;
  height: 80px;
  top: 0;
  backdrop-filter: blur(20px);
  z-index: +100;
  display: flex;
  flex-direction: row;
  text-align: center;
  font-size: var(--font-16);
  color: var(--text-h1);
  justify-content: space-between;
  width: 100%;
  gap: var(--gap-20);
}

@media (max-width: 720px) {
  .directInbox_left__RNcgn {
    max-width: 100% !important;
    padding: 20px 18px 0px 18px !important;
    max-height: calc(100% - 20px) !important;
  }
  .directInbox_right__gg7bJ {
    min-width: 250px !important;
    padding: var(--padding-5) var(--padding-10) var(--padding-16) var(--padding-10) !important;
    z-index: 20;
    max-height: calc(100% - 20px);
  }
  .directInbox_username__hPZSk {
    font-size: var(--font-12) !important;
    font-weight: var(--weight-400) !important;
  }
  .directInbox_messagetext__POS_e {
    font-size: var(--font-10) !important;
    font-weight: var(--weight-400) !important;
  }
}

.directInbox_left__RNcgn {
  display: flex;
  gap: var(--gap-20);
  position: relative;
  padding: var(--paddingbox);
  grid-row-end: span 82;
  border-radius: var(--br25);
  background-color: var(--color-white);

  font-size: var(--font-12);
  transition: var(--transition3);
  color: var(--text-h1);
  min-width: 250px;
  width: 100%;
  max-width: 400px;
  flex-direction: column;
  justify-content: flex-start;
}

.directInbox_right__gg7bJ {
  display: flex;
  position: relative;
  padding: var(--padding-5) var(--padding-20) var(--padding-20) var(--padding-20);
  grid-row-end: span 82;
  border-radius: var(--br25);
  background-color: var(--color-white);

  font-size: var(--font-12);
  transition: var(--transition3);
  color: var(--text-h1);
  width: 100%;
  min-width: 400px;
  flex-direction: column;
  justify-content: space-between;
}
.directInbox_right__gg7bJ:hover {
  box-shadow: var(--box-shadow);
}
.directInbox_disableRight__HMOXx:hover {
  box-shadow: var(--box-shadow);
}
.directInbox_left__RNcgn:hover {
  box-shadow: var(--box-shadow);
}
.directInbox_disableRight__HMOXx {
  display: flex;
  position: relative;
  /* margin: 10px 0px 10px 0px; */
  padding: var(--paddingbox);
  grid-row-end: span 82;
  border-radius: var(--br25);
  gap: var(--gap-20);
  background-color: var(--color-white);

  font-size: var(--font-16);
  transition: var(--transition3);
  color: var(--text-h1);
  font-weight: var(--weight-800);
  width: 100%;
  min-width: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.directInbox_disableRightimage__7f3vx {
  display: flex;
  max-width: 500px;
  font-size: var(--font-16);
  font-weight: var(--weight-400);
  color: var(--text-h2);
}
/* ___left___ */
.directInbox_search__2WQ82 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
  justify-content: space-between;
}
.directInbox_searchicon__PvRNc {
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: var(--br10);
  align-content: center;
  justify-content: center;
  align-items: center;
  transition: var(--transition3);
}
.directInbox_searchbox__NPpJF {
  position: relative;
  display: flex;
  width: calc(100% - 100px);
}

.directInbox_readandunread__gwGgk {
  position: relative;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: flex;
  border: 1px solid var(--color-gray60);
  border-radius: var(--br10);
  align-content: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: var(--transition3);
}
.directInbox_readandunread__gwGgk:hover {
  border: 1px solid var(--color-dark-blue);
}
.directInbox_readandunread__gwGgk:active {
  border: 1px solid var(--color-dark-blue);
  box-shadow: 0 0 0 4px var(--color-disable);
}
.directInbox_eyeIcon__lM3jA {
  position: relative;
  width: 20px;
  height: 20px;
  fill: var(--color-gray);
  transition: var(--transition3);
}

.directInbox_userslist__5TPeM {
  animation: var(--top04);
  position: relative;
  width: 100%;
  display: flex;
  gap: var(--gap-8);
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 300px;
}
.directInbox_userslist__5TPeM > div {
  animation: var(--top04);
}
.directInbox_emptyState__OLp_b {
  animation: var(--top04);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--paddingbox);
  margin: 20px 0;
  text-align: center;
  height: 200px;
}

.directInbox_emptyStateText__0FW8J {
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  line-height: 1.5;
}
.directInbox_ticket__N5HTo {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  transition: var(--transition2);
  cursor: pointer;
}

.directInbox_pictureIcon__wUbDL {
  position: relative;
  background-color: var(--color-gray10);
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  background-image: url("/no-profile.svg");
  background-size: cover;
  transition: var(--transition3);
  background-position: center;
}

.directInbox_gooli__ro65F {
  position: absolute;
  min-width: 54px;
  min-height: 54px;
  width: 54px;
  height: 54px;
  border-radius: 50%;

  background-color: var(--color-light-green);
}
.directInbox_profile__ITMe0 {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 70px;
  width: 100%;
  max-width: 200px;

  align-items: flex-start;
  justify-content: center;
}
.directInbox_username__hPZSk {
  position: relative;
  text-align: left;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  /* overflow: hidden; */
  text-overflow: ellipsis;
  max-width: 180px;
  width: 100%;
  min-height: 20px;
  white-space: nowrap;
  overflow: hidden;
}
html[dir="rtl"] .directInbox_username__hPZSk {
  text-align: right;
}

.directInbox_messagetext__POS_e {
  position: relative;
  color: var(--text-h2);
  text-align: center;
  gap: var(--gap-5);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  animation: var(--top04);
  transition: var(--transition2);
  text-overflow: ellipsis;
  display: flex;
  max-width: 180px;
  width: 100%;
  min-height: 18px;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* تنظیمات خودکار direction برای messagetext */
.directInbox_messagetext__POS_e.directInbox_rtl__2UlC1 {
  direction: rtl;
  text-align: right;
}

.directInbox_messagetext__POS_e.directInbox_ltr__hGfzJ {
  direction: ltr;
  text-align: left;
}

.directInbox_notifbox__u7WG2 {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  min-width: 60px;
  width: 100%;
  max-width: 60px;
  align-items: center;
  justify-content: space-evenly;
}
.directInbox_settingbox__JJHGk {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5);
  width: 100%;
  height: 20px;
}
.directInbox_chattime__ufoz0 {
  position: relative;
  color: var(--text-h2);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-wrap: nowrap;
}
.directInbox_new__SZ4PY {
  border-radius: var(--br10);
  background-color: var(--color-dark-blue);
  padding: var(--padding-2) var(--padding-8);
  overflow: hidden;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--color-white);
}
.directInbox_user__3f5VM {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  transition: var(--transition2);
  cursor: pointer;
}
html[dir="rtl"] .directInbox_user__3f5VM {
  flex-direction: row-reverse;
}
.directInbox_userbackground__KSNvR {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: var(--padding-10);
  align-items: center;
  justify-content: space-between;
  transition: var(--transition2);
}
.directInbox_userbackground__KSNvR:hover {
  background: var(--color-gray10);
  border-radius: var(--br15);
}
.directInbox_userbackground__KSNvR:hover .directInbox_pictureIcon__wUbDL {
  scale: 1.05;
}

.directInbox_selectedUserbackground__UgeXK {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: var(--padding-10);
  align-items: center;
  justify-content: space-between;
  transition: var(--transition2);
  background: var(--color-gray30);
  border-radius: var(--br15);
}

/* ___dragDropSidebar___ */

.directInbox_showDiv__g_cw7 {
  cursor: pointer;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center;
  animation: directInbox_showMe__pT9Oz 0.5s forwards;
  border-radius: var(--br5);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  height: 100%;
}
.directInbox_moresetting__lr_tw {
  position: absolute;
  display: flex;
  background-color: var(--color-white);
  right: 0px;
  height: 100%;
  align-items: center;
}
.directInbox_showDiv__g_cw7:hover .directInbox_dragicon__thY4r {
  transform: scale(1.1);
  fill: var(--color-dark-blue);
}
.directInbox_dragicon__thY4r {
  width: 25px;
  height: 25px;
  fill: var(--color-gray);
  transition: var(--transition2);
}
.directInbox_hide__EREdN {
  opacity: 0;
  width: 0px;
}
.directInbox_hideDiv__pAwak {
  animation: directInbox_hideMe__oCtpk 0.5s forwards;
}

@keyframes directInbox_showMe__pT9Oz {
  from {
    width: 0px;
    opacity: 0;
  }
  to {
    width: 50px;
    opacity: 1;
  }
}

@keyframes directInbox_hideMe__oCtpk {
  from {
    opacity: 1;
    width: 50px;
  }
  to {
    opacity: 0;
    width: 0px;
  }
}

.directInbox_userguide___2ikY {
  position: relative;
  display: flex;
  flex-direction: row;
  background-color: var(--color-gray10);
  gap: var(--gap-10);
  height: 70px;
  align-items: center;
  justify-content: space-between;
  transition: var(--transition2);
  cursor: pointer;
  padding: var(--padding-10);
  border-radius: var(--br15);
}

.directInbox_picguide__s6a_G {
  position: relative;
  border-radius: 50%;
  background-color: var(--color-gray30);
  min-width: 50px;
  z-index: 1;
  height: 50px;
}
.directInbox_titleguide__gjs3T {
  border-radius: var(--br5);
  background-color: var(--color-gray30);
  width: 90%;
  height: 20px;
}
.directInbox_explainguide__InWIQ {
  border-radius: var(--br5);
  background-color: var(--color-gray30);
  width: 90%;
  height: 30px;
}
.directInbox_contentguide__yOd9m {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  width: 100%;
  height: 100%;
}
.directInbox_guideicon__6rWRL {
  position: relative;
  top: 8px;
  animation: directInbox_slide-left__uazdl 0.8s infinite alternate both;
}

@keyframes directInbox_slide-left__uazdl {
  0% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(-10px);
  }
}
/* ___end___ */

.directInbox_emptylist__id2qF {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--gap-50);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  text-transform: capitalize;
}

.directInbox_pictureprofile__u8wEq {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  border-radius: var(--br20);
}

.notpermission_imageContainer__7lOvy {
  width: 100%;
}

.notpermission_permissionImage__b9dKL {
  border-radius: var(--br20);
  -o-object-fit: cover;
     object-fit: cover;
}

.notpermission_title__eOEDk {
  color: var(--text-h1);
  font-size: var(--font-16);
  font-weight: var(--weight-700);
  text-align: center;
  margin: 0;
  line-height: 1.4;
}

.notpermission_description__xW0fI {
  color: var(--text-h2);
  font-size: var(--font-13);
  text-align: center;
  margin: 0;
  line-height: 1.5;
  padding: 0 var(--padding-10);
}

.notpermission_icon__fUWhe {
  background-color: var(--color-gray10);
  border-radius: var(--br20);
  /* max-width: 100px;
    width: 100%;
    min-width: 50px;
    min-height: 50px;
    height: 100%; */
  max-height: 100px;
  aspect-ratio: 1/1;
  padding: var(--padding-10);
}
.notpermission_allnotpass__0yMOo span {
  color: var(--text-h1);
  font-size: var(--font-14);
  line-height: 20px;
}
.notpermission_btn__K3pHI {
  cursor: pointer;
  position: relative;
  text-wrap: nowrap;
  border: 1px solid var(--color-dark-blue);
  font-weight: var(--weight-800);
  font-size: var(--font-14);
  border-radius: var(--br10);
  padding-inline: 14px;
  height: 100%;
  max-height: 40px;
  color: var(--color-dark-blue);
  width: 100%;
  background: linear-gradient(to left, var(--color-white) 0, var(--color-dark-blue) 20%);
  transition: var(--transition3);
  background-position: 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: notpermission_shine-ltr__bpJrH 2.5s infinite linear;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
}
html[dir="rtl"] .notpermission_btn__K3pHI {
  animation: notpermission_shine-rtl__bQquN 3s infinite linear;
}
@keyframes notpermission_shine-ltr__bpJrH {
  0% {
    background-position: 0;
  }

  100% {
    background-position: 270px;
  }
}
@keyframes notpermission_shine-rtl__bQquN {
  0% {
    background-position: 262px;
  }

  100% {
    background-position: 0;
  }
}
.notpermission_btn__K3pHI:hover {
  box-shadow: 0 0 0 4px var(--color-dark-blue30);
}

.saveDraft_deletepopup__ECh6_ {
  position: fixed;
  max-width: 400px;
  width: calc(100% - 40px);
  max-height: 400px;
  aspect-ratio: 1/1;
  gap: var(--gap-30);
  box-shadow: var(--box-shadow);
  background-color: var(--color-white);
  border-radius: var(--br50);
  display: flex;
  flex-direction: column;
  padding: var(--paddingbox);
  justify-content: space-between;
  z-index: 117;
  animation: saveDraft_slide-in-fwd-center__e5cry 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;

  @media (max-width: 480px) {
    padding: var(--paddingboxmobile);
    border-radius: var(--br25);
  }
}
@keyframes saveDraft_slide-in-fwd-center__e5cry {
  0% {
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.saveDraft_closebtn__5N7Ii {
  min-width: 25px;
  width: 25px;
  max-width: 25px;
  min-height: 25px;
  height: 25px;
  max-height: 25px;
  position: relative;

  padding: var(--padding-5);
  border-radius: var(--br5);
  border: 1px solid var(--color-gray60);
  transition: var(--transition3);
  cursor: pointer;
}
.saveDraft_closebtn__5N7Ii:hover {
  box-shadow: 0 0 0 3px var(--color-gray30);
}


/*# sourceMappingURL=6614a2c05bd8a915.css.map*/