/* =========================================================
   09-utilities.css
   Small helpers + bootstrap coexistence
========================================================= */

.no-padding-margin { padding: 0 !important; margin: 0 !important; }

/* Ensure bootstrap container doesn't constrain sidebar */
@media (min-width: 1250px) {
  .container { max-width: none; }
}

/* Optional: tighten scrollbars without being intrusive */
.full-conversation::-webkit-scrollbar,
.div26::-webkit-scrollbar { width: 10px; height: 10px; }
.full-conversation::-webkit-scrollbar-thumb,
.div26::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.18);
  border-radius: 20px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

/* -------------------------------------------
   Logout: show ONE control depending on width
-------------------------------------------- */

/* Desktop: show text button in chat, hide top icon */
#log-out-top { display: none; }

/* Mobile/tablet: show top icon, hide in-chat logout */
@media (max-width: 1249px){
  #log-out-top { display: inline-flex; }
  #log-out { display: none; }
}