/* IDD Chat specific styles extracted from custom.css */

.iddchat-card,
.card {
  background: #fdfdfd;
  border: 1px solid var(--category-border-color, #a3b9cf);
  border-radius: 5px;
  overflow: visible;
  margin-bottom: 5px;
}

.iddchat-card_header,
.card_header {
  border-bottom: 5px solid #a3b9cf;
  background: #f0f4f7;
  color: #475569;
  padding: 6px 10px;
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  border-radius: 5px 5px 0 0;
}

.iddchat-card_header h1,
.iddchat-card_header h2,
.iddchat-card_header h3,
.iddchat-card_header h4,
.iddchat-card_title,
.card_header h1,
.card_header h2,
.card_header h3,
.card_header h4,
.card_title {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 500 !important;
  line-height: 1;
  color: inherit;
}

.iddchat-card_header i,
.iddchat-card_header .ph,
.card_header i,
.card_header .ph {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.iddchat-card_body:last-child,
.card_body:last-child {
  border-radius: 0 0 5px 5px;
}

.iddchat-card_body,
.card_body {
  padding: 15px;
}

body.action_iddchat .errorbox,
body.action_iddchat .noticebox,
body.action_iddchat .infobox,
body.action_iddchat .warningbox,
body.action_iddchat .successbox,
body.action_iddchat .alert,
body.action_iddchatadmin .errorbox,
body.action_iddchatadmin .noticebox,
body.action_iddchatadmin .infobox,
body.action_iddchatadmin .warningbox,
body.action_iddchatadmin .successbox,
body.action_iddchatadmin .alert {
  position: relative;
  padding: 10px 12px 10px 38px !important;
  border-radius: 5px !important;
  border: 1px solid #d4dce4 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

body.action_iddchat .errorbox::before,
body.action_iddchat .noticebox::before,
body.action_iddchat .infobox::before,
body.action_iddchat .warningbox::before,
body.action_iddchat .successbox::before,
body.action_iddchatadmin .errorbox::before,
body.action_iddchatadmin .noticebox::before,
body.action_iddchatadmin .infobox::before,
body.action_iddchatadmin .warningbox::before,
body.action_iddchatadmin .successbox::before {
  content: "\e2ce";
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: 0 !important;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  line-height: 1;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  font-family: "Phosphor" !important;
  font-style: normal;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  border-radius: 0;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

body.action_iddchat .errorbox,
body.action_iddchat .alert-danger,
body.action_iddchat .alert-error,
body.action_iddchatadmin .errorbox,
body.action_iddchatadmin .alert-danger,
body.action_iddchatadmin .alert-error {
  background: #fff4f4 !important;
  border-color: #f0c9c9 !important;
  color: #7f2724 !important;
}

body.action_iddchat .errorbox::before,
body.action_iddchatadmin .errorbox::before {
  content: "\e4e4";
  color: #b73832;
}

body.action_iddchat .noticebox,
body.action_iddchat .warningbox,
body.action_iddchat .alert-warning,
body.action_iddchatadmin .noticebox,
body.action_iddchatadmin .warningbox,
body.action_iddchatadmin .alert-warning {
  background: #fff8ec !important;
  border-color: #efd9af !important;
  color: #7a520f !important;
}

body.action_iddchat .noticebox::before,
body.action_iddchat .warningbox::before,
body.action_iddchatadmin .noticebox::before,
body.action_iddchatadmin .warningbox::before {
  content: "\e4e0";
  color: #a56a16;
}

body.action_iddchat .infobox,
body.action_iddchat .alert-info,
body.action_iddchatadmin .infobox,
body.action_iddchatadmin .alert-info {
  background: #eef6ff !important;
  border-color: #c8ddf3 !important;
  color: #1f4f7b !important;
}

body.action_iddchat .infobox::before,
body.action_iddchatadmin .infobox::before {
  content: "\e2ce";
  color: #2b6fa8;
}

body.action_iddchat .successbox,
body.action_iddchat .alert-success,
body.action_iddchatadmin .successbox,
body.action_iddchatadmin .alert-success {
  background: #eefbf2 !important;
  border-color: #c8e8d0 !important;
  color: #1f6230 !important;
}

body.action_iddchat .successbox::before,
body.action_iddchatadmin .successbox::before {
  content: "\e182";
  color: #2f8f46;
}

body.action_iddchatadmin input[type=email],
body.action_iddchatadmin input[type=password],
body.action_iddchatadmin input[type=search],
body.action_iddchatadmin input[type=tel],
body.action_iddchatadmin input[type=text],
body.action_iddchatadmin input[type=url],
body.action_iddchatadmin select {
  padding: 6px 10px;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.5385;
  background-color: #fff;
  color: #314263;
  
  border: 1px solid #cdcfd1;
 border-radius: var(--input-border-radius, 4px);
  
  box-shadow: none;
  height: 32px;
}




body.action_iddchatadmin textarea {
  padding: 6px 10px;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.5385;
  background-color: #fff;
  color: #314263;
  border: 1px solid #cdcfd1;
  border-radius: var(--input-border-radius, 4px);
  box-shadow: none;
  min-height: 32px;
  height: auto;
}

body.action_iddchatadmin select {
  padding: 5px 30px 5px 10px !important;
}

body.action_iddchatadmin input[type=email]:focus,
body.action_iddchatadmin input[type=password]:focus,
body.action_iddchatadmin input[type=search]:focus,
body.action_iddchatadmin input[type=tel]:focus,
body.action_iddchatadmin input[type=text]:focus,
body.action_iddchatadmin input[type=url]:focus,
body.action_iddchatadmin input:focus,
body.action_iddchatadmin select:focus,
body.action_iddchatadmin textarea:focus {
  border-color: #a5b7ca;
  outline: 0 !important;
  box-shadow: none !important;
}

body.action_iddchatadmin .w-100 {
  width: 100% !important;
}



body.action_iddchatadmin .table > :not(caption) > * > * {
  /* padding: 3px 10px; */
}

body.action_iddchatadmin .table-html th {
  background: #eff4f5;
}

body.action_iddchatadmin #idd_chat_rooms_table th:nth-child(5),
body.action_iddchatadmin #idd_chat_rooms_table td:nth-child(5) {
  text-align: center !important;
}

body.action_iddchatadmin #idd_chat_rooms_table td:nth-child(5) .idd-chat-admin-actions {
  display: inline-flex !important;
}

input, button, select {
> .ph{
  font-size: 16px
}
;
}

body.action_iddchatadmin .table-input-search,
body.action_iddchatadmin .dataTables_filter input[type="search"] {
  height: 32px !important;
  border-radius: 4px 0 0 4px !important;
  width: unset !important ;
  margin-left: 10px !important;
}

body.action_iddchatadmin .filterclear {
  border-radius: 0 4px 4px 0 !important;
  padding: 5px 10px !important;
  height: 32px !important;
}

body.action_iddchatadmin input[type="search"].table-input-search,
body.action_iddchatadmin .dataTables_filter input[type="search"] {
  border-right: 0 !important;
}

body.action_iddchatadmin .bbtm {
  min-height: 57px;
  display: table;
}

body.action_iddchatadmin .dataTables_filter > label > span,
body.action_iddchatadmin .dataTables_length > label > span {
  margin-right: 10px;
  padding: 0;
}

body.action_iddchatadmin .dataTables_filter,
body.action_iddchatadmin .dataTables_length {
  align-items: center;
}

body.action_iddchatadmin .tabela-header-naslov {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #4a5a6a;
}

body.action_iddchatadmin .datatable-scroll {
  border: 1px solid #dbdbdb;
  border-left: 0;
  border-right: 0;
  border-bottom: none !important;
}

body.action_iddchatadmin .datatable-scroll .dataTables_scrollBody {
  border-bottom: none !important;
}

body.action_iddchatadmin .dataTables_wrapper {
  padding: 0;
}

body.action_iddchatadmin .dataTables_length > label {
  width: min-content;
  float: right;
}

body.action_iddchatadmin .dataTables_length .select2 {
  margin-right: 0;
  padding: 0;
}

body.action_iddchatadmin .datatable-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-top: none !important;
  margin-bottom: 0 !important;
}

body.action_iddchatadmin .dataTables_length label select {
  margin-right: 10px;
}

body.action_iddchatadmin .dataTables_info,
body.action_iddchatadmin .dataTables_paginate {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.action_iddchatadmin .dataTables_paginate > .pagination {
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
}

body.action_iddchatadmin .dataTables_paginate > .pagination li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  text-align: center;
  font-weight: 300 !important;
  padding: 0 8px !important;
  font-size: .75rem !important;
  line-height: 1 !important;
  border-radius: var(--input-border-radius) !important;
  cursor: pointer !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #314263 !important;
  border: 1px solid #a5b7ca !important;
  height: 26px !important;
  box-sizing: border-box;
  min-height: 26px !important;
  min-width: 32px !important;
  margin: 0 1px !important;
}

body.action_iddchatadmin .dataTables_paginate > .pagination li:hover {
  background-color: #f9fcff !important;
  color: #314263 !important;
}

body.action_iddchatadmin .dataTables_paginate > .pagination li.active {
  background-color: #fff1b8 !important;
  color: #314263 !important;
  font-weight: 600 !important;
}

body.action_iddchatadmin .dataTables_paginate > .pagination li a {
  text-decoration: none !important;
  color: #314263 !important;
}

body.action_iddchatadmin .clear {
  clear: both;
}

body.action_iddchatadmin .select2-container:not(.select2-container--open) {
  width: 100% !important;
  max-width: 100%;
}

body.action_iddchatadmin .select2-container--default .select2-selection--single {
  height: 32px !important;
}

body.action_iddchatadmin .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 28px !important;
  height: 30px !important;
  right: 1px !important;
}

body.action_iddchatadmin .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none !important;
}

body.action_iddchatadmin .select2-container--default .select2-selection--single .select2-selection__arrow::after {
  font-family: "Phosphor" !important;
  content: "\e136";
  font-size: 14px;
  color: #5a6b7d;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  pointer-events: none;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

body.action_iddchatadmin .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after {
  content: "\e13c";
}

body.action_iddchatadmin .select2-container--default .select2-selection--multiple {
  min-height: 32px !important;
  height: auto !important;
  padding: 2px 4px !important;
  position: relative;
}

body.action_iddchatadmin .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 0 !important;
}

body.action_iddchatadmin .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin: 2px 4px 2px 0 !important;
}

body.action_iddchatadmin .select2-search--inline {
  position: static;
  display: inline-block;
  margin: 2px 0 !important;
}

body.action_iddchatadmin .select2-search--inline textarea,
body.action_iddchatadmin .select2-search--inline .select2-search__field {
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.action_iddchatadmin .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background: #f8fafc;
  opacity: 1;
}

.profile_menu_navbar.idd-admin-tabs-menu {
  display: flex;
  margin-bottom: 15px;
  background: #dfe4ea !important;
  border: 1px solid #b4bcc6 !important;
  border-radius: 5px;
  padding: 0;
}

.profile_menu_navbar.idd-admin-tabs-menu .user-menu-container {
  height: 30px !important;
  border-right: 1px solid #b4bcc6 !important;
  position: relative;
  overflow: visible !important;
}

.profile_menu_navbar.idd-admin-tabs-menu .user-menu-container:last-child {
  border-right: none;
}

.profile_menu_navbar.idd-admin-tabs-menu .user-link {
  display: flex;
  align-items: center;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 15px !important;
  min-width: auto !important;
  gap: 8px !important;
  text-decoration: none !important;
}

.profile_menu_navbar.idd-admin-tabs-menu .user-link .name {
  color: #203046 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}


.profile_menu_navbar.idd-admin-tabs-menu .user-link i {
  color: #203046 !important;
  font-weight: 500 !important;
  font-size: 18px !important;
}

.profile_menu_navbar.idd-admin-tabs-menu .user-link:hover {
  background: #b9c3ce !important;
}

.profile_menu_navbar.idd-admin-tabs-menu .user-link:hover .name,
.profile_menu_navbar.idd-admin-tabs-menu .user-link:hover i {
  color: #203046 !important;
}

.profile_menu_navbar.idd-admin-tabs-menu .user-menu-container.active {
  background: #c7cfd7 !important;
}

.profile_menu_navbar.idd-admin-tabs-menu .user-menu-container.active .name,
.profile_menu_navbar.idd-admin-tabs-menu .user-menu-container.active i {
  color: #203046 !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 18px;
  margin-right: 10px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cbd5e1;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  transition: .4s;
}

input:checked + .slider {
  background-color: #3b82f6;
}

input:focus + .slider {
  box-shadow: 0 0 1px #3b82f6;
}

.switch.switch-danger input:checked + .slider {
  background-color: #dc3545;
}

.switch.switch-danger input:focus + .slider {
  box-shadow: 0 0 1px #dc3545;
}

input:checked + .slider:before {
  transform: translateX(16px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


/* Generic grouped div elements (no buttons; JS handles actions) */
#idd_chat_layout .idd-group {
  display: inline-flex;
  align-items: stretch;
  width: 100%;
}

#idd_chat_layout .idd-group-first,
#idd_chat_layout .idd-group-middle,
#idd_chat_layout .idd-group-last {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #a3b9cf;
  padding: 0 10px;
}

#idd_chat_layout .idd-group-first {
  border-radius: 4px 0 0 4px;
}

#idd_chat_layout .idd-group-middle {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  min-width: 0;
  flex: 1 1 auto;
}

#idd_chat_layout .idd-group-last {
  border-left: 0;
  border-radius: 0 4px 4px 0;
}

#idd_chat_layout .idd-group.vis16 .idd-group-first,
#idd_chat_layout .idd-group.vis16 .idd-group-middle,
#idd_chat_layout .idd-group.vis16 .idd-group-last {
  font-size: 12px;
  height: 26px;
  line-height: 26px;
}

#idd_chat_layout .idd-group.vis16 .idd-group-first>.ph,
#idd_chat_layout .idd-group.vis16 .idd-group-last>.ph {
  font-size: 16px;
}

/* Admin rooms actions: grouped div controls (same look as chat groups) */
.idd-chat-admin-actions.idd-group {
  display: inline-flex;
  align-items: stretch;
  width: auto;
}

.idd-chat-admin-actions .idd-group-first,
.idd-chat-admin-actions .idd-group-middle,
.idd-chat-admin-actions .idd-group-last {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #a3b9cf;
  padding: 0 10px;
  cursor: pointer;
}

.idd-chat-admin-actions .idd-group-first {
  border-radius: 4px 0 0 4px;
}

.idd-chat-admin-actions .idd-group-middle {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  min-width: 0;
  flex: 1 1 auto;
}

.idd-chat-admin-actions .idd-group-last {
  border-left: 0;
  border-radius: 0 4px 4px 0;
}

.idd-chat-admin-actions.vis16 .idd-group-first,
.idd-chat-admin-actions.vis16 .idd-group-middle,
.idd-chat-admin-actions.vis16 .idd-group-last {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}

.idd-chat-admin-actions.vis16 .idd-group-first>.ph,
.idd-chat-admin-actions.vis16 .idd-group-last>.ph {
  font-size: 16px;
}

/* Optional hover skin for admin grouped actions (enable by adding .with-hover) */
.idd-chat-admin-actions.with-hover .idd-group-first:hove,
.idd-chat-admin-actions.with-hover .idd-group-last:hover {
  background: #eef4fb;
  border-color: #86a7c5;
}

/* Scoped SweetAlert buttons for room delete modal (avoid forum button style conflicts) */
.swal2-popup.swal2-delete-room .swal2-actions .idd-swal-btn {
  border: 0;
  border-radius: 6px;
  padding: 10px 18px;
  min-width: 140px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.swal2-popup.swal2-delete-room .swal2-actions .idd-swal-btn.idd-swal-btn-confirm:hover {
  background: #217131 !important;
  border-color: #0f3817 !important;
  color: #fff !important;
  transform: none !important;
}

.swal2-popup.swal2-delete-room .swal2-actions .idd-swal-btn.idd-swal-btn-confirm {
  background: #2e9e44;
  background-image: none;
  height: 32px;
  line-height: 32px;
  padding: unset;
  margin: 0;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  margin: 0 5px;
  margin-bottom: 30px;
}

.swal2-popup.swal2-delete-room .swal2-actions .idd-swal-btn.idd-swal-btn-cancel:hover {
  background: #be2929 !important;
  border-color: #680b0b !important;
  color: #fff !important;
  transform: none !important;
}

.swal2-popup.swal2-delete-room .swal2-actions .idd-swal-btn.idd-swal-btn-cancel {
  background: #d33;
  height: 32px;
  line-height: 32px;
  padding: unset;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  margin: 0 5px;
  margin-bottom: 30px;
}

/* Prevent page horizontal jump when SweetAlert toggles body scrollbar compensation */
body.swal2-shown,
body.swal2-height-auto {
  padding-right: 0 !important;
}

html.swal2-shown,
body.swal2-shown {
  margin-right: 0 !important;
}

#idd_chat_layout .idd-group.vis20 .idd-group-first,
#idd_chat_layout .idd-group.vis20 .idd-group-middle,
#idd_chat_layout .idd-group.vis20 .idd-group-last {
  font-size: 20px;
  height: 40px;
  line-height: 40px;
}

#idd_chat_layout .idd-group.vis24 .idd-group-first,
#idd_chat_layout .idd-group.vis24 .idd-group-middle,
#idd_chat_layout .idd-group.vis24 .idd-group-last {
  font-size: 24px;
  height: 48px;
  line-height: 48px;
}

/* IDD Chat layout */
.idd-chat-layout {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr) 320px;
  gap: 0;
  min-height: 400px;
  height: auto;
  max-height: none;
  /* border: 1px solid #d3dbe3; */
  border-radius: 8px;
  overflow: hidden;
  background: #f8f9fa;
}

.idd-chat-side {
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: 0;
  background: #d5dee0;
  overflow: hidden;
}

.idd-chat-side-body {
  flex: 1 1 auto;
  min-height: 0;
  /*padding: 8px 10px;*/
  overflow-y: auto;
}

#idd_chat_friends {
  overflow-y: visible !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#idd_chat_friends::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.idd-chat-list-item {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #26384d;
  text-decoration: none !important;
  margin-bottom: 1px;
  border: 1px solid transparent;
  background: #edf2f4;
  transition: background-color .18s ease, border-color .18s ease;
}

#idd_chat_friends a.idd-chat-list-item,
#idd_chat_friends a.idd-chat-list-item:hover,
#idd_chat_friends a.idd-chat-list-item:focus,
#idd_chat_friends a.idd-chat-list-item:active {
  text-decoration: none !important;
}

.idd-chat-list-item:hover,
.idd-chat-list-item.active {
  background: #dce6ee;
  /*border-color: #b8c7d6;*/
  border-right: 0px;
}


.idd-chat-list-item.active {
  background: #dce6ee;
  border-color: #b8c7d6;
  border-right: 0px;
}

.idd-chat-list-item.has-new {
  border-color: transparent;
  background: #edf2f4;
}

.idd-chat-item-right {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-right: 12px;
}

.idd-chat-center {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #ffffff;
  border: 1px solid #cfd8e1;
  border-radius: 8px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-main-header {
  flex: 0 0 auto;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-main-body {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-main-content {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-body-stack {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-panel-scrim {
  position: absolute;
  inset: 0;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  background: rgba(238, 245, 252, 0.32);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  transition: opacity .18s ease;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-panel-scrim.is-open {
  opacity: 1;
  pointer-events: auto;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-overlay-panel {
  position: absolute;
  inset: 0;
  z-index: 210;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-18px);
  transition: opacity .22s ease, transform .28s cubic-bezier(.2, .7, .2, 1);
}

#idd_chat_layout.idd-chat-mailish .idd-chat-overlay-panel.is-open {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}

#idd_chat_layout.idd-chat-mailish .idd-chat-overlay-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #d7e1eb;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-overlay-header {
  border-bottom: 1px solid #e1e8ef;
  border-radius: 0;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-overlay-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 12px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-reported-panel {
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  height: 690px;
  max-height: 100%;
  z-index: 220 !important;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #d7e1eb;
  border-top: 0;
  outline: 1px solid #b8c7d7;
  border-radius: 0 0 8px 8px;
  pointer-events: none;
  transform: translateY(calc(-100% - 2px));
  transition: transform .26s cubic-bezier(.2, .7, .2, 1);
}

#idd_chat_layout.idd-chat-mailish .idd-chat-reported-header {
  border-bottom: 1px solid #e1e8ef;
  border-radius: 0;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-reported-panel.is-open {
  pointer-events: auto;
  transform: translateY(0);
}

#idd_chat_layout.idd-chat-mailish #idd_chat_reported_list {
  flex: 1 1 auto;
  min-height: 0;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-overlay-empty {
  color: #5d7084;
  font-size: 13px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-overlay-list {
  display: grid;
  gap: 10px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-overlay-item {
  border: 1px solid #dbe5ef;
  border-radius: 8px;
  padding: 10px;
  background: #fbfdff;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-overlay-item-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: #2b3f54;
  margin-bottom: 6px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-overlay-item-text {
  color: #445b71;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 6px;
  white-space: normal;
  word-break: break-word;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-overlay-item-meta {
  color: #768ca2;
  font-size: 12px;
}

.idd-chat-conversation-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 8px 12px;
  border-bottom: 1px solid #d3dbe3;
  background: #ffffff;
  border-radius: 8px 8px 0px 0px;
}

.idd-chat-conversation-title > .ph {
  font-size: 20px;
}

.idd-chat-conversation-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #243649;
  font-weight: 600;
}

.idd-chat-conversation-meta {
  color: #5d7084;
  font-size: 0.82rem;
}

.idd-chat-messages {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  border: 0;
  border-bottom: 1px solid #d3dbe3;
  border-radius: 0;
  padding: 14px 16px;
  background: #ffffff;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.idd-chat-messages::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.idd-chat-messages .idd-chat-msg {
  max-width: 78%;
  margin: 0 0 10px 0 !important;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #d9e1e8;
  background: #f1f5f824;
}

.idd-chat-seen {
  margin-top: 4px;
  font-size: 0.82rem;
  text-align: right;
  line-height: 1;
}

.idd-chat-seen.is-sent {
  color: #74879a;
}

.idd-chat-seen.is-seen {
  color: #1d7a46;
}

.idd-chat-seen .ph {
  font-size: 12px;
  vertical-align: middle;
}

.idd-chat-form {
  margin-top: 0;
  padding: 10px 12px;
  background: #f1f4f6;
}

#idd_chat_smileys .idd-chat-smiley {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 4px;
  margin-bottom: 4px;
  border: 1px solid transparent;
  border-radius: 6px;
}

.nicescroll-rails {
  z-index: 160 !important;
  /* opacity: 0.2; */
  /* color: #fff; */
}

@media (max-width: 1100px) {
  .idd-chat-layout {
    grid-template-columns: 56px 260px minmax(0, 1fr) !important;
  }
}

/* Chat look closer to reference: mostly square, active blue marker */
.idd-chat-layout,
.idd-chat-side,
.idd-chat-conversation-card,
.idd-chat-form,
.idd-chat-list-item {
  /* border-radius: 8px !important; */
}

.idd-chat-list-item {
  position: relative;
  /* border-left: 3px solid transparent !important; */
}

.idd-chat-list-item.active {
  background: #e3e6ec;
  border-left-color: #9ab2c7 !important;
}

.idd-chat-form input[type=\"text\"] {
  border-radius: 6px !important;
}

/* IDD Chat left column redesign (step 1) */
.idd-chat-side {
  background: #edf2f6;
}

.idd-chat-side-search {
  padding: 0 10px 10px;
  background: #edf2f6;
}

.idd-chat-search-wrap {
  position: relative;
}

.idd-chat-search-wrap>.ph.ph-magnifying-glass {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #23384d;
  font-size: 15px;
  font-weight: 500;
}

#idd_chat_friend_search {
  width: 100%;
  height: 36px !important;
  border: 1px solid #cfd9e4 !important;
  background: #f7fafc !important;
  padding-left: 36px !important;
  padding-right: 36px !important;
  font-size: .9rem !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-search-clear {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 50%;
  background: #edf3f9;
  color: #334155;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-search-clear .ph {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  color: inherit !important;
  font-size: 14px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-search-clear:hover {
  background: #dde8f3 !important;
  border: unset !important;
}

#idd_chat_friends {
  padding: 0 6px 6px;
}

.idd-chat-list-item {
  /* min-height: 68px; */
  /* padding: 10px 10px; */
  border-radius: 0 !important;
  background: transparent !important;
  margin-bottom: 0;
}

.idd-chat-list-item:hover {
  background: #eaf0f5 !important;
}

.idd-chat-list-item.active {
  background: #e4ebf2 !important;
  border-left: 3px solid #9ab2c7 !important;
}

.idd-chat-list-name {
  font-size: 1rem;
  font-weight: 600;
  color: #273b53;
}

.idd-chat-list-level {
  margin-top: 4px;
  font-size: .9rem;
  color: #667d95;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}

.idd-chat-item-right {
  gap: 8px;
  padding-right: 6px;
}

/* Mail-like preset from provided template utilities */
.idd-chat-mailish .idd-chat-side {
  background: #ffffff !important;
  border-radius: 8px;
  border: 1px solid #cfd8e1;
  margin-right: 10px;
}

.idd-chat-mailish .idd-chat-side-search {
  padding: 9px 8px !important;
  background: #ffffff !important;
}

/* Chat mode switch in left panel title (above search) */
#idd_chat_list_header {
  position: relative;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-right: 48px !important;
  /* z-index: 40; */
}

#idd_chat_list_header .idd-chat-conversation-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 40px) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#idd_chat_list_header #idd_chat_mode_dropdown {
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  width: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-left: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  z-index: 100;
}

#idd_chat_list_header #idd_chat_mode_toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 34px;
  height: 28px;
  border: 1px solid rgba(32, 48, 70, 0.2);
  border-radius: 4px;
  color: #203046;
  background: rgba(255, 255, 255, 0.35);
  text-decoration: none;
  margin-bottom: 4px;
}

#idd_chat_list_header #idd_chat_mode_toggle:hover {
  background: rgba(255, 255, 255, 0.55);
}

#idd_chat_list_header #idd_chat_mode_toggle .ph {
  font-size: 22px;
}

#idd_chat_list_header #idd_chat_mode_menu {
  right: 0;
  left: auto;
  top: calc(100% + 6px);
  z-index: 240;
  /* top: 34px!important; */
}

/* Floating fade layer over friend list while scrolling */
#idd_chat_layout.idd-chat-mailish #idd_chat_friends {
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
  overflow: hidden !important;
  padding: 0 !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_friends_content {
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 10px !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_friends_content::-webkit-scrollbar {
  width: 0;
  height: 0;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_friends .idd-chat-list-fade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  margin: 0;
  pointer-events: none;
  z-index: 60;
  background: linear-gradient(to bottom, rgb(255 255 255) 0%, rgba(248, 249, 250, 0) 100%);
}

#idd_chat_layout.idd-chat-mailish #idd_chat_friends .idd-chat-list-fade-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  margin: 0;
  pointer-events: none;
  z-index: 60;
  background: linear-gradient(to top, rgb(255 255 255) 0%, rgba(248, 249, 250, 0) 100%);
}



.idd-chat-mailish #idd_chat_friend_search {
  /* height: 40px !important; */
  border-radius: 5px;
  border: 1px solid rgba(148, 163, 184, 0.45) !important;
  background: #fff !important;
  color: #334155 !important;
  /* padding-left: 36px !important; */
}

.idd-chat-mailish #idd_chat_friends {
  padding: 0 !important;
  background: #ffffff !important;
}

.idd-chat-mailish .idd-chat-list-item {
  min-height: 40px !important;
  margin: 0 0 4px 0 !important;
  padding: 2px 10px !important;
  border: 1px solid #cdcfd12b;
  border-radius: 10px !important;
  background: #a3b9cf0f !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.idd-chat-mailish .idd-chat-list-item:hover {
  background: #eef2f7 !important;
}

.idd-chat-mailish .idd-chat-list-item.active {
  background: #a3b9cf2b !important;
  /*border-left: 0 !important;*/
}

.idd-chat-mailish .idd-chat-list-item.is-blocked {
  border-color: #f4c06f66 !important;
}

.idd-chat-mailish .idd-chat-list-item.is-banned {
  border-color: #d94b6670 !important;
}

.idd-chat-mailish .idd-chat-avatar,
.idd-chat-mailish .idd-chat-avatar-fallback {
  display: inline-flex;
  width: 38px;
  height: 38px;
  background: #fff !important;
  border-radius: 999px !important;
  border: 4px solid #cdd7e0b8 !important;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  font-size: medium;
  font-weight: 900;
}


.idd-chat-mailish .idd-chat-avatar-slot {
  position: relative !important;
  width: 45px !important;
  height: 45px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  z-index: 1 !important;
}


@keyframes growAndFade {
  0% {
    opacity: .45;
    transform: scale(0.6);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.idd-chat-mailish .idd-chat-avatar.is-blocked,
.idd-chat-mailish .idd-chat-avatar-fallback.is-blocked {
  border-color: #f4c06f !important;
}

.idd-chat-mailish .idd-chat-avatar.is-banned,
.idd-chat-mailish .idd-chat-avatar-fallback.is-banned {
  border-color: #e58b9d !important;
}

.idd-chat-mailish .idd-chat-avatar.is-online,
.idd-chat-mailish .idd-chat-avatar-fallback.is-online {
  border-color: #7ec77d !important;
}

.idd-chat-avatar-slot .circles {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 54px;
  height: 54px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2 !important;
}

.idd-chat-avatar-slot .circles .circle1, 
.idd-chat-avatar-slot .circles .circle2,
.idd-chat-avatar-slot .circles .circle3
{
  animation: growAndFade 3s infinite ease-out;
  background-color: rgb(220, 224, 236);
  border-radius: 50%;
  width: 54px;
  height: 54px;
  opacity: 0 ;
  position: absolute;
}

.circle1 {
  animation-delay: 1s !important;
}

.circle2 {
  animation-delay: 2s !important;
}

.circle3 {
  animation-delay: 3s !important;
}


.idd-chat-avatar-slot .circles.is-blocked .circle {
  background-color: rgba(245, 158, 11, .95) !important;
}

.idd-chat-avatar-slot .circles.is-banned .circle {
  background-color: rgba(217, 75, 102, .95) !important;
}

.idd-chat-avatar-slot .circles.is-online .circle {
  background-color: rgba(126, 199, 125, .95) !important;
}


#idd_chat_layout.idd-chat-mailish .idd-chat-list-item .idd-chat-avatar-slot .idd-chat-avatar,
#idd_chat_layout.idd-chat-mailish .idd-chat-list-item .idd-chat-avatar-slot .idd-chat-avatar-fallback {
  position: relative;
  z-index: 3 !important;
}

.idd-chat-mailish .idd-chat-list-main {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-list-main .idd-chat-list-name,
#idd_chat_layout.idd-chat-mailish .idd-chat-list-main .idd-chat-list-level {
  display: block !important;
}

.idd-chat-mailish .idd-chat-list-row-top {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-bottom: 0px !important;
  padding-top: 3px;
}

.idd-chat-mailish .idd-chat-list-name {
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.idd-chat-mailish .idd-chat-item-right {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding-right: 2px !important;
}

.idd-chat-mailish .chat-avtar {
  position: relative !important;
  width: 45px !important;
  height: 45px !important;
  flex: 0 0 45px !important;
  overflow: visible !important;
  isolation: isolate !important;
  z-index: 2 !important;
}

.idd-chat-mailish .chat-avtar .chat-badge {
  position: absolute !important;
  right: 2px !important;
  bottom: 6px !important;
  width: 13px !important;
  height: 13px !important;
  border-radius: 50% !important;
  border: 3px solid #ffffff !important;
  z-index: 10 !important;
}

/* Buddy list circles: presence/status/actions grouped together */
.idd-chat-mailish .idd-chat-presence-dot.is-online {
  background: #7ec77d !important;
}

.idd-chat-mailish .idd-chat-presence-dot.is-busy {
  background: #f44336 !important;
}

.idd-chat-mailish .idd-chat-presence-dot.is-away {
  background: #d79b00 !important;
}

.idd-chat-mailish .idd-chat-presence-dot.is-offline {
  background: #abb3bd !important;
}

.idd-chat-mailish .chat-badge-status {
  min-width: 20px !important;
  height: 20px !important;
  border-radius: 20px !important;
  padding: 0 1px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.idd-chat-mailish .chat-badge-status .ph {
  font-size: 15px !important;
  line-height: 1 !important;
}

.idd-chat-mailish .idd-chat-status-badge.is-unread {
  background: #f44336 !important;
  color: #fff !important;
}

.idd-chat-mailish .idd-chat-status-badge.is-sent {
  background: #abb3bd !important;
  color: #fff !important;
}

.idd-chat-mailish .idd-chat-status-badge.is-seen {
  background: #7ec77d !important;
  color: #fff !important;
}

.idd-chat-mailish .idd-chat-status-badge.is-history {
  background: #abb3bd !important;
  color: #fff !important;
}

.idd-chat-mailish .idd-chat-status-badge.is-empty {
  background: #c5d1dd !important;
  color: #e8eef6 !important;
}

.idd-chat-mailish .text-muted {
  color: #64748b !important;
}

/* Remove left dark rail and place mode links above buddy list */
.idd-chat-layout.idd-chat-mailish {
  grid-template-columns: 320px minmax(0, 1fr) !important;
}

/* Force final layout: no left dark rail, 2 columns only */
#idd_chat_layout.idd-chat-layout {
  grid-template-columns: 380px minmax(0, 1fr) !important;
}

/* Level text tuning in buddy list */
#idd_chat_layout.idd-chat-mailish .idd-chat-list-level {
  font-size: 10px !important;
  /* line-height: 1.15 !important; */
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  font-weight: 600 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-list-item {
  align-items: stretch !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-item-right {
  display: inline-flex !important;
  flex-direction: column !important;
  /* justify-content: space-between !important; */
  align-items: flex-end !important;
  /* min-height: 30px !important; */
  /* margin-left: 4px !important; */
  padding: 5px 5px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-item-time {
  font-size: 11px !important;
  line-height: 1 !important;
  color: #7a8d9fb0 !important;
  white-space: nowrap !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-item-status-wrap {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 90px !important;
  height: 20px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-item-status-wrap .chat-badge-status {
  position: relative !important;
  z-index: 2 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-actions {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 0 !important;
  height: 24px !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-action {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  border: 1px solid #c7d2de !important;
  background: #e8edf3 !important;
  color: #5f7287 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  opacity: 0 !important;
  transform: translateX(0) !important;
  transition: transform .24s ease, opacity .24s ease !important;
  box-shadow: none !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-action .ph,
#idd_chat_layout.idd-chat-mailish .idd-chat-quick-action .ph-fill {
  font-size: 12px !important;
  line-height: 12px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-pin {
  background: #b79ad4 !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-pin:hover {
  background: #aa86cd !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-pin.is-active {
  background: #996fbf !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-favorite {
  background: #b5e3d9 !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-favorite:hover {
  background: #9dd9cb !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-favorite.is-active {
  background: #85d0bf !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-list-item:hover .idd-chat-quick-actions,
#idd_chat_layout.idd-chat-mailish .idd-chat-list-item:focus-within .idd-chat-quick-actions {
  pointer-events: auto !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-list-item.has-quick-active .idd-chat-quick-actions {
  pointer-events: auto !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-list-item:hover .idd-chat-quick-pin,
#idd_chat_layout.idd-chat-mailish .idd-chat-list-item:focus-within .idd-chat-quick-pin {
  opacity: 1 !important;
  transform: translateX(-60px) !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-list-item:hover .idd-chat-quick-favorite,
#idd_chat_layout.idd-chat-mailish .idd-chat-list-item:focus-within .idd-chat-quick-favorite {
  opacity: 1 !important;
  transform: translateX(-30px) !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-pin.is-active {
  opacity: 1 !important;
  transform: translateX(-60px) !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-favorite.is-active {
  opacity: 1 !important;
  transform: translateX(-30px) !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-action:hover,
#idd_chat_layout.idd-chat-mailish .idd-chat-quick-action:focus,
#idd_chat_layout.idd-chat-mailish .idd-chat-quick-action.is-active {
  box-shadow: none !important;
}

@keyframes iddChatQuickTogglePop {
  0% {
    transform: scale(1) translateX(var(--idd-chat-quick-x, 0));
  }

  50% {
    transform: scale(1.12) translateX(var(--idd-chat-quick-x, 0));
  }

  100% {
    transform: scale(1) translateX(var(--idd-chat-quick-x, 0));
  }
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-pin {
  --idd-chat-quick-x: -60px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-favorite {
  --idd-chat-quick-x: -30px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-quick-action.just-toggled {
  animation: iddChatQuickTogglePop .24s ease !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-buddy-item.idd-chat-pin-target-hidden {
  visibility: hidden !important;
}

.idd-chat-pin-fly {
  position: fixed !important;
  margin: 0 !important;
  z-index: 2147483640 !important;
  pointer-events: none !important;
  transform: translate(0, 0);
  transition: transform .9s cubic-bezier(.2, .7, .2, 1) !important;
  background: #e4ebf2 !important;
  border: 1px solid #b8c7d6 !important;
  border-left: 3px solid #9ab2c7 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .18) !important;
}

/* ==== IDD CHAT FINAL OVERRIDE (message layout + composer) ==== */
#idd_chat_layout.idd-chat-mailish .idd-chat-messages {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  background: none !important;
  border-bottom: none;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages_content {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 30px 12px 30px 12px !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages_content.is-switching-out {
  opacity: 0 !important;
  transition: opacity .22s ease !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages_content.is-switching-in {
  opacity: 0 !important;
  transform: none !important;
  background: #fff !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages_content.is-switching-in-active {
  opacity: 1 !important;
  transform: none !important;
  transition: opacity .28s ease !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages .idd-chat-switch-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 65 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background: transparent !important;
  overflow: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  transition: opacity .08s linear !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages .idd-chat-switch-overlay::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages .idd-chat-switch-overlay.is-fading {
  opacity: 0 !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages_content .idd-chat-debug-red-spacer {
  background: transparent !important;
  border: 0 !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages_content .idd-chat-debug-blue-spacer {
  background: transparent !important;
  border: 0 !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages_content::-webkit-scrollbar {
  width: 0;
  height: 0;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages .idd-chat-messages-fade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  pointer-events: none;
  z-index: 60;
  background: linear-gradient(to bottom, rgb(255 255 255) 0%, rgba(248, 249, 250, 0) 100%);
}

#idd_chat_layout.idd-chat-mailish #idd_chat_messages .idd-chat-messages-fade-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  pointer-events: none;
  z-index: 60;
  background: linear-gradient(to top, rgb(255 255 255) 0%, rgba(248, 249, 250, 0) 100%);
}

#idd_chat_layout.idd-chat-mailish .idd-chat-day-separator {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0 18px;
  color: #7a8fa7;
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-day-separator::before,
#idd_chat_layout.idd-chat-mailish .idd-chat-day-separator::after {
  content: "";
  flex: 1 1 auto;
  border-top: 1px solid #d8e1eb;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-day-separator-label {
  white-space: nowrap;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-continuation {
  padding-top: 8px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-break {
  padding-top: 18px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me {
  justify-content: flex-end !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-other {
  justify-content: flex-start !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-col-avatar {
  flex: 0 0 36px !important;
  width: 36px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-col-main {
  flex: 0 1 auto !important;
  max-width: 70% !important;
  min-width: 0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-col-actions {
  flex: 0 0 28px !important;
  width: 28px !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-other .idd-chat-msg-col-avatar {
  order: 1 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-other .idd-chat-msg-col-main {
  order: 2 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-other .idd-chat-msg-col-actions {
  order: 3 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-col-actions {
  order: 2 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-actions-wrap {
  position: relative !important;
  display: inline-block !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-actions-wrap::before {
  content: "" !important;
  position: absolute !important;
  top: -8px !important;
  bottom: -8px !important;
  left: -96px !important;
  right: -96px !important;
  background: transparent !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-col-actions:empty {
  display: none !important;
  width: 0 !important;
  flex: 0 0 0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-body-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  max-width: 100% !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-body-main {
  min-width: 0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-other .idd-chat-msg-body-main {
  order: 1 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-other .idd-chat-msg-col-actions {
  order: 2 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-col-actions {
  order: 1 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-body-main {
  order: 2 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-actions-wrap {
  margin-right: 2px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-other .idd-chat-msg-actions-wrap {
  margin-left: 2px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-action {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #5f7287 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  opacity: 0 !important;
  transform: translateX(0) !important;
  transition: transform .24s ease, opacity .24s ease !important;
  box-shadow: none !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-action .ph,
#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-action .ph-fill {
  font-size: 20px !important;
  line-height: 1 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-base {
  opacity: 1 !important;
  z-index: 2 !important;
  pointer-events: auto !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #6d7f9373 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-base:hover {
  color: #42596f !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-like {
  color: #8ea1b5 !important;
  --idd-chat-msg-quick-x: 24px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-like.is-active {
  color: #d94b66 !important;
  opacity: 1 !important;
  transform: translateX(var(--idd-chat-msg-quick-x)) !important;
  pointer-events: auto !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-like.is-pending {
  opacity: 1 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-forward {
  color: #7fb8aa !important;
  --idd-chat-msg-quick-x: 48px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-delete {
  color: #d1939a !important;
  --idd-chat-msg-quick-x: 96px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-report {
  color: #d2a26b !important;
  --idd-chat-msg-quick-x: 72px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-actions-wrap:hover .idd-chat-msg-quick-like,
#idd_chat_layout.idd-chat-mailish .idd-chat-msg-actions-wrap:focus-within .idd-chat-msg-quick-like {
  opacity: 1 !important;
  transform: translateX(var(--idd-chat-msg-quick-x)) !important;
  pointer-events: auto !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-actions-wrap:hover .idd-chat-msg-quick-forward,
#idd_chat_layout.idd-chat-mailish .idd-chat-msg-actions-wrap:focus-within .idd-chat-msg-quick-forward {
  opacity: 1 !important;
  transform: translateX(var(--idd-chat-msg-quick-x)) !important;
  pointer-events: auto !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-actions-wrap:hover .idd-chat-msg-quick-delete,
#idd_chat_layout.idd-chat-mailish .idd-chat-msg-actions-wrap:focus-within .idd-chat-msg-quick-delete {
  opacity: 1 !important;
  transform: translateX(var(--idd-chat-msg-quick-x)) !important;
  pointer-events: auto !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-actions-wrap:hover .idd-chat-msg-quick-report,
#idd_chat_layout.idd-chat-mailish .idd-chat-msg-actions-wrap:focus-within .idd-chat-msg-quick-report {
  opacity: 1 !important;
  transform: translateX(var(--idd-chat-msg-quick-x)) !important;
  pointer-events: auto !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-quick-like {
  --idd-chat-msg-quick-x: -24px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-quick-forward {
  --idd-chat-msg-quick-x: -24px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-quick-delete {
  --idd-chat-msg-quick-x: -48px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-quick-report {
  --idd-chat-msg-quick-x: -72px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-action:hover,
#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-action:focus,
#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-action.is-active {
  box-shadow: none !important;
}

@keyframes iddChatMsgQuickTogglePop {
  0% {
    transform: scale(1) translateX(var(--idd-chat-msg-quick-x, 0));
  }

  50% {
    transform: scale(1.12) translateX(var(--idd-chat-msg-quick-x, 0));
  }

  100% {
    transform: scale(1) translateX(var(--idd-chat-msg-quick-x, 0));
  }
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-quick-action.just-toggled {
  animation: iddChatMsgQuickTogglePop .24s ease !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-col-main {
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  margin-left: auto !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-col-avatar {
  order: 3 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-avatar,
#idd_chat_layout.idd-chat-mailish .idd-chat-msg-avatar-fallback {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 2px solid #c6d3df !important;
  background: #e7eef5 !important;
  color: #334e68 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-avatar-spacer {
  width: 36px !important;
  height: 36px !important;
  display: inline-block !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 4px !important;
  line-height: 1.2 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-meta {
  justify-content: flex-end !important;
  flex-direction: row-reverse !important;
  text-align: right !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-other .idd-chat-msg-meta {
  justify-content: flex-start !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-nick {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #5b6f85 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-time {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #7a8fa7 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container .idd-chat-msg {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid #e7ecf3 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  position: relative !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg {
  text-align: right !important;
  background: #f9fbfd !important;
  border-color: #e7ecf3 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-other .idd-chat-msg {
  text-align: left !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-other:not(.is-continuation) .idd-chat-msg {
  border-top-left-radius: 0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me:not(.is-continuation) .idd-chat-msg {
  border-top-right-radius: 0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg.idd-chat-msg-deleted {
  border-style: dashed !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg.idd-chat-msg-deleted .idd-chat-msg-deleted-content {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 20px !important;
  padding: 1px 0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg.idd-chat-msg-deleted .idd-chat-msg-deleted-text {
  color: #5f6f80 !important;
  font-style: italic !important;
  line-height: 1.3 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg.idd-chat-msg-deleted .idd-chat-msg-deleted-actor {
  font-weight: 700 !important;
  color: inherit !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg.idd-chat-msg-deleted .idd-chat-msg-deleted-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg.idd-chat-msg-deleted .idd-chat-msg-deleted-icon .ph {
  font-style: normal !important;
  font-size: 15px !important;
  line-height: 1 !important;
  opacity: .88 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg.idd-chat-msg-deleted,
#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-other .idd-chat-msg.idd-chat-msg-deleted,
#idd_chat_layout.idd-chat-mailish .idd-chat-msg.idd-chat-msg-deleted-me,
#idd_chat_layout.idd-chat-mailish .idd-chat-msg.idd-chat-msg-deleted-other {
  background: #f2f3f4 !important;
  border-color: #67788a !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-text {
  min-width: 0 !important;
  color: #23384d !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-text p {
  margin: 0 0 4px 0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-text p:last-child {
  margin-bottom: 0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-mark {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-mark:empty {
  display: none !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-mark .idd-chat-seen-indicator {
  margin-top: 0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-me .idd-chat-msg-mark {
  order: -1 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-form {
  padding: 10px !important;
  background: #ffffff !important;
  border-radius: 0px 0px 8px 8px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-compose {
  border: 1px solid #cfd9e4 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  padding: 8px !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_message {
  width: 100% !important;
  min-height: 86px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  resize: vertical !important;
  font-size: 14px !important;
  color: #22384f !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-compose-tools {
  margin-top: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-compose-left {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-icon-btn {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 1px solid #c7d3e1 !important;
  border-radius: 6px !important;
  background: #f6fafe !important;
  color: #365474 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-icon-btn .ph {
  font-size: 16px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-icon-btn:hover {
  background: #ebf3fb !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-send-btn {
  background: #2e6d8b !important;
  border-color: #e2eefb !important;
  color: #e2e8f0 !important;
  border-width: 3px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-send-btn:hover {
  background: #224c7e !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-smileys-row {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid #dde6ef !important;
}

/* Chat mode dropdown */
#idd_chat_layout.idd-chat-mailish .idd-chat-mode-dropdown {
  position: relative !important;
  width: 100% !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-mode-link {
  width: calc(100% - 4px) !important;
  height: 36px !important;
  margin: 0px 2px;
  border: 1px solid #cfd9e4 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  color: #334155 !important;
  padding: 0 10px !important;
  font-size: 14px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-mode-link .ph-caret-up {
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-mode-link:hover {
  background: #f6fafe !important;
  border-color: #c4d2e1 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-mode-menu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + -1px) !important;
  right: 2px !important;
  border: 1px solid #cfd9e4 !important;
  border-radius: 5px !important;
  background: #fff !important;
  z-index: 240 !important;
  padding: 4px !important;
  width: 150px;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-mode-menu.open {
  display: block !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-mode-option {
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 5px !important;
  color: #334155 !important;
  text-decoration: none !important;
  padding: 0 8px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-mode-option:hover,
#idd_chat_layout.idd-chat-mailish .idd-chat-mode-option.active {
  background: #a3b9cf26 !important;
  color: #1f4f84 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-presence-card {
  margin: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid #e3e9f0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-side-tools {
  margin: 8px 8px 0 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid #e3e9f0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.idd-chat-tool-btn > .ph {
  font-size: 18px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-tool-btn {
  width: 30px !important;
  height: 30px !important;
  border: 1px solid #cfd9e4 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  color: #334155 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

}

#idd_chat_layout.idd-chat-mailish .idd-chat-tool-btn:hover {
  background: #eaf0f5 !important;
  border-color: #8594a3 !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_tools_block.is-clear {
  color: #64748b !important;
  border-color: #cfd9e4 !important;
  background: #ffffff !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_tools_block.is-blocked {
  color: #c87b11 !important;
  border-color: #f2b857 !important;
  background: #fff7ea !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_tools_block.is-banned {
  color: #b93650 !important;
  border-color: #d94b66 !important;
  background: #fff2f5 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-tool-btn.is-disabled {
  opacity: .45 !important;
  cursor: default !important;
  pointer-events: none !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-presence-dropdown {
  position: relative !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-mode-menu.idd-chat-mode-menu-up {
  top: auto !important;
  bottom: calc(100% + 4px) !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-tools-menu {
  min-width: 180px !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_notify_toggle {
  position: relative !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_notify_dropdown {
  position: relative !important;
  margin: 0 0 8px 0 !important;
  min-height: 0 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-badge {
  position: absolute !important;
  display: inline-block;
  top: -5px !important;
  right: 0px !important;
  min-width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  padding: 0 2px !important;
  font-size: 10px !important;
  line-height: 18px !important;
  /* text-align: center !important; */
  background: #d64545 !important;
  color: #fff !important;
  left: auto !important; /* Poništi podrazumevano */
  transform: translateX(50%) !important; /* Pomeri za pola Å¡irine */
}

#idd_chat_layout.idd-chat-mailish #idd_chat_notify_menu {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  bottom: calc(100% + 6px) !important;
  z-index: 250 !important;
  border: 1px solid #cfd9e4 !important;
  border-radius: 6px !important;
  background: #fff !important;
  padding: 6px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(8px) scaleY(0.92) !important;
  transform-origin: bottom center !important;
  max-height: 0 !important;
  transition: opacity .22s ease, transform .22s ease, max-height .22s ease !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_notify_menu.open {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scaleY(1) !important;
  max-height: 280px !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_notify_dropdown.is-compact #idd_chat_notify_menu.open {
  max-height: 72px !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_notify_mark_all {
  width: 100% !important;
  justify-content: center !important;
  border-bottom: 1px solid #e4eaf1 !important;
  margin-bottom: 4px !important;
  border-radius: 4px !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_notify_dropdown.is-compact #idd_chat_notify_mark_all {
  display: none !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-list {
  max-height: 220px !important;
  overflow: auto !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_notify_dropdown.is-compact .idd-chat-notify-list {
  max-height: 54px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  text-decoration: none !important;
  color: #334155 !important;
  padding: 8px 8px !important;
  border-radius: 5px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-icon {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-icon i {
  font-size: 16px !important;
  line-height: 1 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item:hover {
  background: #a3b9cf26 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-unread {
  background: #dceeff !important;
  box-shadow: inset 0 0 0 1px #9ec9f3 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-text {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-actor {
  font-weight: 700 !important;
  color: inherit !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-preview {
  font-style: italic !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-time-strong {
  font-weight: 700 !important;
  color: inherit !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-meta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  min-width: 95px !important;
  text-align: right !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-action {
  border: 1px solid #cfd9e4 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  padding: 3px 7px !important;
  cursor: pointer !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-action:hover {
  background: #f4f8fc !important;
  border-color: #c2cfdd !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-time {
  display: inline-block !important;
  margin-top: 0 !important;
  font-size: 11px !important;
  color: #6b7b8d !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-id {
  display: inline-block !important;
  font-size: 11px !important;
  color: #8a99a9 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-like {
  border-left: 2px solid #d94b66 !important;
  background: #fdeff3 !important;
  color: #9d3348 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-like .idd-chat-notify-icon i {
  color: #d94b66 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-like .idd-chat-notify-text,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-like .idd-chat-notify-time,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-like .idd-chat-notify-id {
  color: #9d3348 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-like.is-unread {
  box-shadow: inset 0 0 0 1px #d94b66 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-delete {
  border-left: 2px solid #ef9a9a !important;
  background: #fff3f3 !important;
  color: #8f2f2f !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-delete .idd-chat-notify-icon i {
  color: #c44b4b !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-delete .idd-chat-notify-text,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-delete .idd-chat-notify-time,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-delete .idd-chat-notify-id {
  color: #8f2f2f !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report {
  border-left: 2px solid #ffd6a5 !important;
  background: #fff8ef !important;
  color: #8c5a26 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report .idd-chat-notify-icon i {
  color: #cc8a3f !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report .idd-chat-notify-text,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report .idd-chat-notify-time,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report .idd-chat-notify-id {
  color: #8c5a26 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report-admin,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report_admin {
  border-left: 2px solid #b79ad4 !important;
  background: #f5effd !important;
  color: #624387 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report-admin .idd-chat-notify-icon i,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report_admin .idd-chat-notify-icon i {
  color: #7a56a6 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report-admin .idd-chat-notify-text,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report-admin .idd-chat-notify-time,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report-admin .idd-chat-notify-id,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report_admin .idd-chat-notify-text,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report_admin .idd-chat-notify-time,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report_admin .idd-chat-notify-id {
  color: #624387 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report-admin.is-unread,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-report_admin.is-unread {
  box-shadow: inset 0 0 0 1px #7a56a6 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-forward {
  border-left: 2px solid #a9c8eb !important;
  background: #f1f7ff !important;
  color: #355f91 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-forward .idd-chat-notify-icon i {
  color: #4d79ad !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-forward .idd-chat-notify-text,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-forward .idd-chat-notify-time,
#idd_chat_layout.idd-chat-mailish .idd-chat-notify-item.is-type-forward .idd-chat-notify-id {
  color: #355f91 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-notify-empty {
  padding: 12px 8px !important;
  text-align: center !important;
  color: #6b7b8d !important;
  font-size: 12px !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-notify-focus .idd-chat-msg {
  border-color: #f0a650 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container .idd-chat-msg::after {
  content: "";
  position: absolute;
  inset: -3px;
  border: 2px solid #f0a650;
  border-radius: 7px;
  opacity: 0;
  pointer-events: none;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-msg-container.is-notify-focus .idd-chat-msg::after {
  animation: iddChatNotifyRingBlink 1s steps(1, end) 5 !important;
}

@keyframes iddChatNotifyRingBlink {

  0%,
  49% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }
}

/* Bottom-left tools filter dropdown should open to the right from its trigger. */
#idd_chat_layout.idd-chat-mailish #idd_chat_filter_menu {
  left: 0 !important;
  right: auto !important;
}

#idd_chat_presence_icon[data-presence="online"] {
  color: #19a34a !important;
}

#idd_chat_presence_icon[data-presence="busy"] {
  color: #d64545 !important;
}

#idd_chat_presence_icon[data-presence="away"] {
  color: #d79b00 !important;
}

#idd_chat_presence_icon[data-presence="offline"] {
  color: #7e8fa3 !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_list_title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 16px !important;
  color: #243649 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

#idd_chat_layout.idd-chat-mailish #idd_chat_list_title .ph {
  /* font-size: 16px !important; */
  line-height: 1 !important;
}

#idd_chat_card .idd-chat-header-btn {
  margin-left: auto;
  width: 22px;
  height: 22px;
  border: 1px solid #cfd9e4;
  border-radius: 6px;
  background: #ffffff;
  color: #334155;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#idd_chat_card .idd-chat-header-btn:hover {
  background: #f6fafe;
  border-color: #c4d2e1;
}

body.idd-chat-fullscreen-active {
  overflow: hidden;
}

#idd_chat_card.idd-chat-fullscreen {
  position: fixed !important;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 4500;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
}

#idd_chat_card.idd-chat-fullscreen>.card_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

#idd_chat_card.idd-chat-fullscreen #idd_chat_layout {
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
}

/* Chat: Empty conversation state */
#idd_chat_layout .idd-chat-empty-wrap {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

#idd_chat_layout .idd-chat-empty-info {
  max-width: 560px;
  width: 100%;
}

#idd_chat_layout .idd-chat-empty-info .idd-chat-empty-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 6px;
}

#idd_chat_layout .idd-chat-empty-info .idd-chat-empty-desc {
  margin: 0;
  text-align: center;
}

#idd_chat_layout .idd-chat-empty-info.idd-chat-empty-banned {
  border-color: #d94b6673 !important;
  background: #fff7f9 !important;
}

#idd_chat_layout .idd-chat-empty-info.idd-chat-empty-banned .idd-chat-empty-title,
#idd_chat_layout .idd-chat-empty-info.idd-chat-empty-banned .idd-chat-empty-desc {
  color: #b93650 !important;
}

/* Chat: Composer notices (SMF boxes + info panel) */
#idd_chat_layout .idd-chat-upload-stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}

#idd_chat_layout .idd-chat-notice-box {
  margin-bottom: 8px;
}

#idd_chat_layout .idd-chat-info-box {
  margin-bottom: 8px;
}

#idd_chat_layout .idd-chat-info-box .alert {
  background: #f8fbff;
  border: 1px solid #dbe4ee;
  color: #2f4660;
}

#idd_chat_layout .idd-chat-info-box .alert {
  margin: 0;
}

/* Chat: Upload queue (images + files) */
#idd_chat_layout .idd-chat-upload-panel {
  border: 1px solid #dbe4ee;
  border-radius: 6px;
  padding: 8px;
}

#idd_chat_layout .idd-chat-upload-title {
  margin-bottom: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#idd_chat_layout .idd-chat-images-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 8px;
}

#idd_chat_layout .idd-chat-upload-image {
  position: relative;
  border: 1px solid #dbe4ee;
  border-radius: 6px;
  overflow: hidden;
}

#idd_chat_layout .idd-chat-upload-image-preview {
  width: 100%;
  height: 68px;
}

#idd_chat_layout .idd-chat-upload-image-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#idd_chat_layout .idd-chat-upload-image-meta {
  padding: 4px 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#idd_chat_layout .idd-chat-files-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
  overflow: visible;
}

#idd_chat_layout .idd-chat-upload-file {
  position: relative;
  flex: 0 0 calc(20% - 5px);
  max-width: calc(20% - 5px);
  min-width: 0;
}

#idd_chat_layout .idd-chat-upload-file-meta {
  min-width: 0;
}

#idd_chat_layout .idd-chat-upload-file-name {
  display: block;
  width: 100%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#idd_chat_layout .idd-chat-upload-file .idd-group-first,
#idd_chat_layout .idd-chat-upload-file .idd-group-middle,
#idd_chat_layout .idd-chat-upload-file .idd-group-last {
  background: #fafbfc;
}

#idd_chat_layout .idd-chat-upload-file .idd-group-middle {
  overflow: hidden;
}

#idd_chat_layout .idd-chat-upload-file-size {
  font-size: 12px;
  opacity: .75;
}

#idd_chat_layout .idd-chat-upload-remove {
  border: 0;
  background: transparent;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#idd_chat_layout .idd-chat-upload-file .idd-chat-upload-remove {
  width: auto;
  height: auto;
  border-radius: 0 4px 4px 0;
  border: 1px solid #96abbf;
  border-left: 0;
  padding: 0 10px;
}

#idd_chat_layout .idd-chat-upload-remove:hover {
  background: rgba(0, 0, 0, .06);
}

#idd_chat_layout .idd-chat-upload-image .idd-chat-upload-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  background: rgba(14, 24, 36, 0.45);
  color: #fff;
}

#idd_chat_layout .idd-chat-upload-progress {
  height: 4px;
  border-radius: 999px;
  background: #a3b9cf;
  overflow: hidden;
}

#idd_chat_layout .idd-chat-upload-file .idd-chat-upload-progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  border-radius: 0;
}

#idd_chat_layout .idd-chat-upload-progress>span {
  display: block;
  height: 100%;
  width: 0;
  background: var(--bs-primary, #0d6efd);
}

#idd_chat_layout .idd-chat-attachments {
  margin-top: 8px;
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
}

#idd_chat_layout .idd-chat-attachments-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  overflow-x: auto;
}

#idd_chat_layout .idd-chat-attachment-image {
  flex: 0 0 80px;
  width: 80px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
  height: 80px;
}

#idd_chat_layout .idd-chat-attachment-image img {
  display: block;
  width: 100%;
  height: 80px;
  object-fit: cover;
  border: 6px solid #d5dfe9;
  border-radius: 6px;
}

#idd_chat_layout .idd-chat-attachment-file {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 80px;
  min-width: 80px;
  max-width: 80px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 2px 2px;
  color: inherit;
  text-decoration: none;
  font-size: 12px;
}

#idd_chat_layout .idd-chat-attachment-file span {
  display: block;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#idd_chat_layout .idd-chat-msg-container.is-me .idd-chat-attachments-row {
  justify-content: flex-end;
}

#idd_chat_layout .idd-chat-attachments-meta {
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  color: #5b6f85;
  font-size: 11px;
  line-height: 1.2;
}

#idd_chat_layout .idd-chat-msg-container.is-me .idd-chat-attachments-meta {
  text-align: right;
  justify-content: flex-end;
  flex-direction: row-reverse;
}

#idd_chat_layout .idd-chat-attachments-meta-label {
  opacity: .9;
}

#idd_chat_layout .idd-chat-attachments-meta-seen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-seen-indicator {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  line-height: 1 !important;
  font-size: 9px !important;
  color: #7a8fa7 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-seen-indicator .ph {
  font-size: 13px !important;
  line-height: 1 !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-seen-indicator.is-seen {
  color: #27a35f !important;
}

#idd_chat_layout.idd-chat-mailish .idd-chat-seen-indicator.is-sent {
  color: #8799ac !important;
}

/* Chat: Attachment image lightbox */
body.idd-chat-lightbox-active {
  overflow: hidden;
}

#idd_chat_lightbox.idd-chat-lightbox {
  position: fixed;
  inset: 0;
  z-index: 6000;
  display: none;
}

#idd_chat_lightbox.idd-chat-lightbox.open {
  display: block;
}

#idd_chat_lightbox .idd-chat-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(11, 20, 33, 0.78);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

#idd_chat_lightbox .idd-chat-lightbox-content {
  position: absolute;
  inset: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

#idd_chat_lightbox .idd-chat-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

#idd_chat_lightbox .idd-chat-lightbox-nav.is-prev {
  left: 10px;
}

#idd_chat_lightbox .idd-chat-lightbox-nav.is-next {
  right: 10px;
}

#idd_chat_lightbox .idd-chat-lightbox-nav:hover {
  background: rgba(255, 255, 255, 0.24);
}

#idd_chat_lightbox .idd-chat-lightbox-img {
  max-width: min(92vw, 1400px);
  max-height: calc(100vh - 120px);
  width: auto;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.45);
  background: #0b1520;
}

#idd_chat_lightbox .idd-chat-lightbox-caption {
  color: #dbe7f5;
  font-size: 13px;
  max-width: min(92vw, 1200px);
  text-align: center;
  word-break: break-word;
}

#idd_chat_lightbox .idd-chat-lightbox-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: min(92vw, 1200px);
  color: #c2d2e5;
  font-size: 12px;
  flex-wrap: wrap;
}

#idd_chat_lightbox .idd-chat-lightbox-counter {
  font-weight: 600;
  color: #e5eef9;
}

#idd_chat_lightbox .idd-chat-lightbox-save {
  color: #d7e6f8;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

#idd_chat_lightbox .idd-chat-lightbox-save:hover {
  color: #fff;
}

#idd_chat_lightbox .idd-chat-lightbox-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#idd_chat_lightbox .idd-chat-lightbox-close:hover {
  background: rgba(255, 255, 255, 0.24);
}

@media (max-width: 767px) {
  #idd_chat_lightbox .idd-chat-lightbox-content {
    inset: 12px;
  }
  #idd_chat_lightbox .idd-chat-lightbox-nav {
    width: 36px;
    height: 36px;
  }
  #idd_chat_lightbox .idd-chat-lightbox-nav.is-prev {
    left: 2px;
  }
  #idd_chat_lightbox .idd-chat-lightbox-nav.is-next {
    right: 2px;
  }
}


/* Utilities */
.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-3 {
  margin-bottom: 12px !important;
}

.mb-4 {
  margin-bottom: 16px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mt-3 {
  margin-top: 12px !important;
}

.mt-4 {
  margin-top: 16px !important;
}

.opacity-70 {
  opacity: 0.7;
}

.italic {
  font-style: italic;
}

.text-danger {
  color: #e11d48 !important;
}

.smalltext {
  font-size: 0.75rem !important;
}

.small {
  font-size: 12px;
}

.p-3 {
  padding: 3px !important;
  border-top: 1px solid #cdcfd1;
}

.border {
  border: 1px solid #ced4da;
}

.rounded {
  border-radius: 4px;
}

.table-html >*{
  font-size: 12px;
}
.idd-igroup >*{
  box-shadow: none !important ;
}

.idd-igroup {
  flex-wrap: nowrap;
  align-items: stretch;
}

.idd-igroup .idd-igroup-seg,
.idd-igroup .idd-igroup-input {
  height: 32px;
  line-height: 32px;
}

.idd-igroup .idd-igroup-seg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  margin: 0;
  border-color: #b8c6d6;
  background: #e9edf2;
}

.idd-igroup .idd-igroup-first {
  border-left: 1px solid #b8c6d6;
  border-right: 0;
  border-radius: 5px 0 0 5px;
}

.idd-igroup .idd-igroup-middle {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.idd-igroup .idd-igroup-last {
  border-left: 0;
  border-radius: 0 5px 5px 0;
}

.idd-igroup .idd-igroup-only {
  border-left: 1px solid #b8c6d6;
  border-right: 1px solid #b8c6d6;
  border-radius: 5px;
}

.idd-igroup .idd-igroup-input {
  min-width: 0;
  text-align: center;
}

.idd-igroup .idd-igroup-input-first {
  border-left: 1px solid #b8c6d6 !important;
  border-right: 0;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.idd-igroup .idd-igroup-input-middle {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.idd-igroup .idd-igroup-input-last {
  border-left: 0;
  border-right: 1px solid #b8c6d6 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.idd-igroup .idd-igroup-input-only {
  border-left: 1px solid #b8c6d6 !important;
  border-right: 1px solid #b8c6d6 !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.idd-igroup .idd-igroup-action {
  cursor: pointer;
  color: inherit !important;
  text-decoration: none !important;
}

body.action_iddchatadmin .idd-chat-admin-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #b8c6d6;
  border-radius: 5px;
  background: #fff;
  color: #314263;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

body.action_iddchatadmin .idd-chat-admin-btn:hover,
body.action_iddchatadmin .idd-chat-admin-btn:focus {
  color: #23324d;
  border-color: #9db1c7;
  text-decoration: none;
  outline: none;
}

body.action_iddchatadmin .idd-chat-admin-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

body.action_iddchatadmin .idd-chat-admin-btn i {
  font-size: 16px;
  line-height: 1;
}

body.action_iddchatadmin .idd-chat-admin-btn-secondary {
  background: #f6f8fa;
}

body.action_iddchatadmin .idd-igroup > .idd-chat-admin-btn-icon {
  flex: 0 0 auto;
  min-width: 32px;
  padding: 0 10px;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

body.action_iddchatadmin .idd-chat-room-picker-table-wrap {
  border: 1px solid #a3b9cf94;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}

body.action_iddchatadmin .idd-chat-room-picker-table {
  width: 100%;
  margin: 0;
}

body.action_iddchatadmin .idd-chat-room-picker-table thead th {
  background: #eef4f9;
}

body.action_iddchatadmin .idd-chat-room-picker-table td,
body.action_iddchatadmin .idd-chat-room-picker-table th {
  padding: 8px 10px;
  border-bottom: 1px solid #a3b9cf94;
}

body.action_iddchatadmin .idd-chat-room-picker-table tbody tr:last-child td {
  border-bottom: 0;
}

body.action_iddchatadmin .idd-chat-room-picker-table-wrap .dt-layout-row:last-child {
  padding: 8px 10px;
  border-top: 1px solid #a3b9cf94;
  background: #fff;
}

body.action_iddchatadmin .idd-chat-room-picker-table-wrap .dt-paging {
  justify-content: flex-end;
}

body.action_iddchatadmin .idd-chat-room-picker-table-wrap .dt-paging .dt-paging-button {
  font-size: 0.70rem !important;
  line-height: 1 !important;
}

body.action_iddchatadmin .idd-chat-room-picker-table-wrap .dt-paging .dt-paging-button i {
  font-size: 12px;
  line-height: 1;
}

body.action_iddchatadmin .idd-igroup > .select2-container {
  flex: 1 1 auto;
  min-width: 0;
}

body.action_iddchatadmin .idd-igroup > .select2-container .select2-selection--single {
  height: 32px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

body.action_iddchatadmin .idd-igroup > .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 30px;
}

body.action_iddchatadmin .idd-igroup > .select2-container .select2-selection--single .select2-selection__arrow {
  height: 30px;
}


.input-group {
    display: flex;
    align-items: center;
    width: auto;
}

.iddchat-card_header > .ph {
  font-size: 20px;
}


#idd_chat_room_allowed_groups_table_wrapper >.dt-layout-row,
#idd_chat_room_denied_members_table_wrapper >.dt-layout-row,
#idd_chat_room_allowed_members_table_wrapper >.dt-layout-row{
 margin-bottom: 0px !important;
 margin-top: 0px !important;
}