/* Full-height desktop presence sidebar. Phones retain their compact online strip. */
.rightside{display:none}
@media(min-width:901px){
 .layout.realm-chat,.layout.realm-page{grid-template-columns:215px minmax(0,1fr) 220px;max-width:1920px;align-items:start;grid-template-areas:none}
 .layout>.leftside{grid-area:auto;grid-column:1;grid-row:1}
 .layout.realm-chat>.chat,.layout.realm-page>.action-pane{grid-area:auto;grid-column:2;grid-row:1;min-width:0}
 .layout>.rightside{display:block;grid-area:auto;grid-column:3;grid-row:1;min-width:0;align-self:stretch;min-height:calc(100vh - 96px);min-height:calc(100dvh - 96px)}
 .rightside>.online-panel{display:flex;flex-direction:column;position:sticky;top:81px;height:calc(100vh - 96px);height:calc(100dvh - 96px);min-height:240px;overflow:hidden}
 .rightside .panel-header{flex:0 0 auto}
 .rightside .online-list{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px;flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;scrollbar-color:#665378 transparent;overscroll-behavior-y:contain}
 .rightside .online-person{display:block;width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;flex:0 0 auto}
 .rightside .online-person .styled-name{max-width:100%;overflow-wrap:anywhere}
 .leftside>.navigation .nav-list{padding-top:8px}
}
@media(min-width:901px) and (max-width:1180px){
 .layout.realm-chat,.layout.realm-page{grid-template-columns:185px minmax(0,1fr) 170px;gap:9px;padding:10px}
 .rightside>.online-panel{top:76px;height:calc(100vh - 86px);height:calc(100dvh - 86px)}
 .rightside .panel-header{padding:10px 9px;font-size:10px}
 .rightside .online-list{padding:9px}
}