/* =========================================================
   Release 175 · Sidebar brand lockup visibility
   0.58.8-alpha
   Visual-only. Keeps existing sidebar toggle IDs/listeners intact.
   ========================================================= */
@media (min-width:861px){
  /* Give the full VCHAT / BY STUDIOVAINILLA lockup enough real width. */
  #vchat-frontend-app.vchat-frontend-app:not(.is-sidebar-collapsed){
    grid-template-columns:242px minmax(0,1fr)!important;
  }
  #vchat-frontend-app.vchat-frontend-app:not(.is-sidebar-collapsed) .vchat-app-sidebar{
    width:242px!important;
    min-width:242px!important;
    max-width:242px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    overflow-x:hidden!important;
  }
  #vchat-frontend-app.vchat-frontend-app:not(.is-sidebar-collapsed) .vchat-brand-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    align-items:center!important;
    column-gap:8px!important;
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    margin:0 0 14px!important;
    padding:0!important;
  }
  #vchat-frontend-app.vchat-frontend-app:not(.is-sidebar-collapsed) .vchat-brand-lockup{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    padding:2px 0!important;
    overflow:visible!important;
    text-decoration:none!important;
  }
  #vchat-frontend-app.vchat-frontend-app:not(.is-sidebar-collapsed) .vchat-brand-mark{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
  #vchat-frontend-app.vchat-frontend-app:not(.is-sidebar-collapsed) .vchat-brand-lockup strong{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.02!important;
    letter-spacing:-.55px!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  #vchat-frontend-app.vchat-frontend-app:not(.is-sidebar-collapsed) .vchat-brand-lockup small{
    display:block!important;
    width:max-content!important;
    max-width:none!important;
    margin-top:4px!important;
    color:rgba(255,255,255,.64)!important;
    font-size:7px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:1.35px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #vchat-frontend-app.vchat-frontend-app:not(.is-sidebar-collapsed) #vchat-sidebar-toggle{
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
  }
}

/* Preserve the compact/collapsed sidebar exactly as an icon-only lockup. */
@media (min-width:861px){
  #vchat-frontend-app.vchat-frontend-app.is-sidebar-collapsed .vchat-brand-lockup strong{
    display:none!important;
  }
}