/* css/bird-sidebar-r1.css — retained in original cascade order. */
#bird-sidebar-toggle{display:none}
@media(min-width:761px){
 #chat .topbar{position:relative}
 #chat #bird-sidebar-toggle{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:4px;margin:0;border:0;background:transparent;box-shadow:none;cursor:pointer;border-radius:8px}
 #chat #bird-sidebar-toggle img{display:block;width:30px;height:30px;object-fit:contain;pointer-events:none}
 #chat #bird-sidebar-toggle:hover{background:transparent;opacity:.85}
 #chat #bird-sidebar-toggle:focus-visible{outline:2px solid var(--purple,#b88aff);outline-offset:2px}
 #chat.shell.bird-sidebar-hidden{grid-template-columns:0 minmax(0,1fr) 220px}
 #chat.shell.bird-sidebar-hidden.private-view,#chat.shell.bird-sidebar-hidden.server-view,#chat.shell.bird-sidebar-hidden.users-collapsed{grid-template-columns:0 minmax(0,1fr)}
 #chat.bird-sidebar-hidden>.sidebar{display:none}
 #chat.bird-sidebar-hidden>.conversation{grid-column:2;grid-row:2}
 #chat.bird-sidebar-hidden>.users-panel{grid-column:3;grid-row:2}
}


/* css/chat-width-r1.css — retained in original cascade order. */
/* Stable reading width on desktop, independent of sidebar visibility. */
@media(min-width:761px){
 #chat{--chat-reading-width:calc(min(100vw, 1800px) - 440px)}
 #chat>.conversation>#messages,#chat>.conversation>#composer{
  width:100%;max-width:var(--chat-reading-width);align-self:center;min-width:0;
 }
}


/* css/panels-width-r1.css — retained in original cascade order. */
/* Matching side columns on desktop; mobile layout remains unchanged. */
@media(min-width:761px){
 #chat.shell{--side-panel-width:180px;--chat-reading-width:calc(min(100vw, 1800px) - 360px);grid-template-columns:var(--side-panel-width) minmax(0,1fr) var(--side-panel-width)}
 #chat.shell.private-view,#chat.shell.server-view,#chat.shell.users-collapsed{grid-template-columns:var(--side-panel-width) minmax(0,1fr)}
 #chat.shell.bird-sidebar-hidden{grid-template-columns:0 minmax(0,1fr) var(--side-panel-width)}
 #chat.shell.bird-sidebar-hidden.private-view,#chat.shell.bird-sidebar-hidden.server-view,#chat.shell.bird-sidebar-hidden.users-collapsed{grid-template-columns:0 minmax(0,1fr)}
 #chat>.sidebar,#chat>.users-panel{box-sizing:border-box;min-width:0;width:var(--side-panel-width);padding-left:8px;padding-right:8px}
}