/* Tela inicial acompanha a largura e a altura disponíveis. */
.content:has(.desktop-home){max-width:none;width:100%;padding:0;margin:0}
.content .desktop-home{margin:0;display:flex;flex-direction:column;min-height:calc(100dvh - 72px)}
.desktop-home .desktop-body{flex:1;min-height:0}
.desktop-menubar{flex-wrap:wrap;position:relative;z-index:2}
.desktop-menu-items{max-height:min(420px,70dvh);overflow-y:auto;overscroll-behavior:contain}
.desktop-toolbar{flex-wrap:wrap;overflow:visible}
.desktop-toolbar .desktop-shortcut{flex:0 0 105px;min-height:104px}
.desktop-status span{overflow-wrap:anywhere;max-width:100%}
.sidebar{max-height:100dvh;position:sticky;top:0;overflow-y:auto}
@media(max-width:1050px){
  .desktop-toolbar .desktop-shortcut{flex-basis:96px;min-width:96px}
}
@media(max-width:760px){
  .sidebar{position:fixed}
  .topbar{flex-wrap:wrap}
  .top-right{min-width:0;max-width:100%;flex-wrap:wrap}
  .store-switch{min-width:0;max-width:100%}
  .store-switch select{min-width:0;max-width:min(230px,65vw)}
  .content .desktop-home{min-height:calc(100dvh - 64px)}
  .desktop-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}
  .desktop-toolbar .desktop-shortcut,.desktop-toolbar-brand{width:100%;min-width:0;min-height:94px}
  .desktop-menubar{gap:0}
  .desktop-menu-items{min-width:min(215px,90vw);max-width:90vw}
  .desktop-status span{padding:7px 10px}
}
@media(max-width:480px){
  /* O submenu fica dentro da largura do menu, mesmo no último botão. */
  .desktop-menu{position:static}
  .desktop-menu-items{left:4px;right:4px;top:100%;width:auto;min-width:0;max-width:none}
  .desktop-menu-items button{white-space:normal;min-height:44px}
  .desktop-menu summary,.desktop-menu-exit{min-height:44px}
  .desktop-canvas{padding:12px}
  .desktop-canvas .terminal-setup{min-width:0;max-width:100%}
  .desktop-canvas .terminal-setup .toolbar{flex-wrap:wrap}
  .desktop-canvas .terminal-setup select{width:100%;min-width:0;max-width:100%}
}