/* TALKCHAT_R19C12R9R12_PRIVATE_MESSAGE_UX */

/* PM notifications are actionable and visually communicate direct navigation. */
.notification-item.notification-pm-link{
  cursor:pointer;
}
.notification-item.notification-pm-link:hover{
  background:var(--tc-hover,#24313e);
}
.notification-item.notification-pm-link:focus-visible{
  outline:2px solid #268fd8;
  outline-offset:-2px;
}
.notification-pm-go{
  margin-top:6px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#38a7ff;
  font-size:10px;
  font-weight:700;
}
.notification-pm-go .material-symbols-outlined{
  font-size:14px;
}

/* PC only: the PM header is the drag handle; controls remain clickable. */
@media (min-width:768px){
  #featureLayer .social-popup.pm-popup:not(.pm-fullscreen)>header{
    cursor:grab;
    user-select:none;
    -webkit-user-select:none;
    touch-action:none;
  }
  #featureLayer .social-popup.pm-popup.tc-pm-dragging{
    transition:none!important;
    box-shadow:0 18px 55px rgba(0,0,0,.34)!important;
  }
  #featureLayer .social-popup.pm-popup.tc-pm-dragging>header{
    cursor:grabbing;
  }
  #featureLayer .social-popup.pm-popup>header button,
  #featureLayer .social-popup.pm-popup>header [role="button"]{
    cursor:pointer;
  }
}

/* TALKCHAT_R20A40R19R1_PM_BACKGROUND_STABLE */
#pmMessages,
.pm-messages{
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
}