/* ALchatai V24.24 - postazione desktop a due colonne.
   Nessuna regola viene applicata a cellulari o tablet. */
@media (min-width:1100px) and (hover:hover) and (pointer:fine){
  body.alDesktopChatWorkspace{
    --al-desktop-chat-dock:clamp(380px,31vw,600px);
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#dcecf5!important;
  }
  body.alDesktopChatWorkspace>.app{
    width:calc(100vw - var(--al-desktop-chat-dock))!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0 0 0 var(--al-desktop-chat-dock)!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.alDesktopChatWorkspace #mainScreen,
  body.alDesktopChatWorkspace .chatSocialArchitecture,
  body.alDesktopChatWorkspace #socialScreen,
  body.alDesktopChatWorkspace #adultSocialScreen{
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }
  body.alDesktopChatWorkspace #forwardModal{
    display:block!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--al-desktop-chat-dock)!important;
    height:100dvh!important;
    margin:0!important;
    padding:clamp(10px,1.25vw,22px)!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#dcecf5,#c9e1ee)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:250000!important;
    box-sizing:border-box!important;
  }
  body.alDesktopChatWorkspace #forwardModal>.modal{
    display:grid!important;
    grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:clamp(13px,1.4vw,22px)!important;
    overflow:hidden!important;
    border:1px solid #b8dcec!important;
    border-radius:clamp(14px,1.4vw,22px)!important;
    background:#fff!important;
    box-shadow:0 16px 46px rgba(39,94,126,.18)!important;
    box-sizing:border-box!important;
  }
  body.alDesktopChatWorkspace #forwardResults{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:#7fb8d8 transparent!important;
  }
  body.alDesktopChatWorkspace #forwardModal .tabs{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.alDesktopChatWorkspace #forwardModal .tabs button{
    min-width:0!important;
    white-space:normal!important;
  }
  body.alDesktopChatWorkspace #forwardModal>.modal>button:last-child{
    display:none!important;
  }
  body.alDesktopChatWorkspace.alchat-social-page>.app,
  body.alDesktopChatWorkspace.alchat-adult-social-page>.app{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.alDesktopChatWorkspace.alchat-social-page .socialFixedCommentBar,
  body.alDesktopChatWorkspace.alchat-adult-social-page #alAdultSocialComposer{
    left:calc(var(--al-desktop-chat-dock) + (100vw - var(--al-desktop-chat-dock))/2)!important;
    width:min(980px,calc(100vw - var(--al-desktop-chat-dock) - 22px))!important;
  }
  /* Durante la LIVE torna il layout originale a tutto schermo. */
  body.alDesktopChatWorkspace.alLiveFullscreenActive #forwardModal{
    display:none!important;
  }
  body.alDesktopChatWorkspace.alLiveFullscreenActive>.app{
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
  }
  body.alDesktopChatWorkspace.alLiveFullscreenActive #callModal{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    z-index:400000!important;
  }
  body.alDesktopChatWorkspace.alLiveFullscreenActive #callModal>.callModal,
  body.alDesktopChatWorkspace.alLiveFullscreenActive #callModal>.callModal.alLiveChatModalOpen{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
  }
}

@media (min-width:1800px) and (hover:hover) and (pointer:fine){
  body.alDesktopChatWorkspace{
    --al-desktop-chat-dock:clamp(520px,28vw,680px);
  }
}