/* Beta 1.0 mobile v12: hide ALL decorative bookmark variants.
   Does not hide the top-right user profile panel. */
@media screen and (max-width: 650px) {
 body > header .brand, body > header a.brand,
 body > .site-bookmark, body > a.site-bookmark,
 body > .bookmark-ribbon, body > .brand-bookmark,
 body > .mobile-brand-header, body .site-bookmark {
   display:none!important;visibility:hidden!important;opacity:0!important;
   width:0!important;height:0!important;pointer-events:none!important;
 }
 /* Sidebar is a full-screen view, not a narrow column, when not in a chat. */
 body[data-page="chat"] #shell.shell {
   display:block!important;width:100%!important;max-width:100%!important;
   height:calc(100dvh - 64px)!important;min-height:0!important;
   margin:0!important;border:0!important;border-radius:0!important;
   overflow:hidden!important;
 }
 body[data-page="chat"] #shell.shell:not(.inChat) > .sidebar {
   display:flex!important;position:relative!important;width:100%!important;
   max-width:100%!important;height:100%!important;min-height:0!important;
   border:0!important;border-radius:0!important;overflow:hidden!important;
 }
 body[data-page="chat"] #shell.shell:not(.inChat) > .chat {display:none!important;}
 body[data-page="chat"] #shell.shell.inChat > .sidebar {display:none!important;}
 body[data-page="chat"] #shell.shell.inChat > .chat {
   display:flex!important;width:100%!important;height:100%!important;
   max-width:100%!important;min-width:0!important;
 }
 body[data-page="chat"] #shell.shell:not(.inChat) .sidebarTop,
 body[data-page="chat"] #shell.shell:not(.inChat) .chats {
   width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 }
 /* Avatar must remain visible even on the account page. */
 body[data-page="profile"] > .site-profile-dock {
   display:flex!important;visibility:visible!important;opacity:1!important;
   z-index:12050!important;
 }
 body[data-page="profile"] > .site-profile-dock #chromeAvatar {
   display:grid!important;visibility:visible!important;opacity:1!important;
   flex-shrink:0!important;pointer-events:auto!important;
 }
 body[data-page="profile"] > .site-profile-dock #chromeAvatar img {
   display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;
 }
}