/* .custom-dropdown {
  position: relative;
  display: inline-block;
  margin: 10px;
  font-family: sans-serif;
}
.dropdown-toggle {
  background: #1f2b43;
  color: white;
  border: none;
  padding: 8px 14px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 600;
}
.dropdown-menu {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  background: #132544;
  border-radius: 10px;
  list-style: none;
  padding: 4px 0;
  margin: 0;
  min-width: 160px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 99;
}

.dropdown-menu .is-right {
  left: -40px;
}

.dropdown-menu li {
  padding: 10px 16px;
  color: white;
  cursor: pointer;
  transition: background 0.2s;
  font-weight: 600;
}
.dropdown-menu li:hover {
  background: #3a4a63;
}
.custom-dropdown.open .dropdown-menu {
  display: block;
} */

/* 📩 UNREAD message (bold, darker, visually prominent) */
/* .is-unread {
  background-color: #0d1a2b; 
  font-weight: 600;
  color: #ffffff;
} */

/* 📨 READ message (faded, lighter background, subtle text) */
/* .is-read {
  background-color: #1a2536; 
  font-weight: 400;
  color: #c0cbdc;
  opacity: 0.85;
} */

/* 🟡 CURRENT message (highlighted border, slightly raised) */
/* .is-current {
  border-left: 4px solid #f59e0b;
  background-color: #1e2f49 !important;
  box-shadow: inset 2px 0 0 #f59e0b;
} */

/* 🖱️ Hover effect (shared across all messages) */
/* [data-message-id]:hover {
  background-color: #1a2c4a;
  transition: background 0.2s ease;
  cursor: pointer;
}

/* ✅ SELECTED (if needed for checkboxes or multi-select) */
/* .is-selected {
  outline: 2px solid #60a5fa;
  background-color: #1e3a5f;
}
[data-iscurrent] {
  background-color: #1a2c4a;
}
[data-iscurrent] [data-message="sender"] {
  color: #f59e0b;
}  */