/* TALKCHAT_R20A4R1_DESKTOP_ROOMS_POSITION_FIX
   Existing reference CSS has: .ref-shell .chat>* { position:relative }
   That selector is more specific than r20a4's .desktop-rooms-center-layer { position:absolute }.
   Force only our center layer back to absolute positioning.
*/
@media (min-width:768px){
  .ref-shell .chat > .desktop-rooms-center-layer{
    position:absolute!important;
    inset:0!important;
    z-index:76!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:22px!important;
    pointer-events:none!important;
  }

  .ref-shell .chat > .desktop-rooms-center-layer > .desktop-rooms-center-backdrop{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    pointer-events:auto!important;
  }

  .ref-shell .chat > .desktop-rooms-center-layer > .desktop-rooms-center-card{
    position:relative!important;
    z-index:1!important;
    pointer-events:auto!important;
    margin:auto!important;
  }
}