/* ==============================================================
   VOLETS LATERAUX PC - tous les salons
   V7 : ancrage DIRECT sur #paneChat, sans coordonnées JavaScript.
   Strictement masqué sur téléphone/tablette <= 900px.
   ============================================================== */

.desktop-side-collapse-tab{display:none !important;}

@media (min-width:901px){
  #paneChat{
    position:relative !important;
  }

  #paneChat > .desktop-side-collapse-tab{
    position:absolute !important;
    top:50% !important;
    z-index:10050 !important;
    width:28px;
    height:118px;
    padding:6px 3px;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid rgba(116,255,150,.88);
    background:linear-gradient(180deg,rgba(7,69,34,.98),rgba(5,33,19,.98));
    color:#eaffef;
    box-shadow:0 0 15px rgba(54,255,116,.34), inset 0 0 12px rgba(57,255,125,.11);
    cursor:pointer;
    transform:translateY(-50%) !important;
    user-select:none;
    -webkit-user-select:none;
    opacity:.98;
  }

  #paneChat > .desktop-side-collapse-left{
    left:0 !important;
    right:auto !important;
    border-left:0;
    border-radius:0 9px 9px 0;
  }
  #paneChat > .desktop-side-collapse-right{
    right:0 !important;
    left:auto !important;
    border-right:0;
    border-radius:9px 0 0 9px;
  }

  #paneChat > .desktop-side-collapse-tab:hover{
    border-color:#b1ffc5;
    background:linear-gradient(180deg,rgba(10,91,45,.99),rgba(6,46,25,.99));
    box-shadow:0 0 20px rgba(73,255,126,.52), inset 0 0 14px rgba(57,255,125,.16);
  }

  .desktop-side-collapse-label{
    writing-mode:vertical-rl;
    text-orientation:mixed;
    font-size:10px;
    font-weight:900;
    letter-spacing:.6px;
    line-height:1;
    text-transform:uppercase;
  }
  .desktop-side-collapse-left .desktop-side-collapse-label{transform:rotate(180deg);}
  .desktop-side-collapse-arrow{font-size:15px;font-weight:1000;line-height:1;color:#a1ffb8;}

  body.desktop-rooms-collapsed #paneRooms{display:none !important;}
  body.desktop-users-collapsed #paneUsers{display:none !important;}

  body.desktop-rooms-collapsed:not(.desktop-users-collapsed) .layout{
    grid-template-columns:minmax(0,1fr) var(--right-col) !important;
  }
  body.desktop-users-collapsed:not(.desktop-rooms-collapsed) .layout{
    grid-template-columns:var(--left-col) minmax(0,1fr) !important;
  }
  body.desktop-rooms-collapsed.desktop-users-collapsed .layout{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

@media (max-width:900px){
  .desktop-side-collapse-tab{display:none !important;}
  body.desktop-rooms-collapsed #paneRooms,
  body.desktop-users-collapsed #paneUsers{display:flex !important;}
}