.topbar-start,.view-controls,.panel-title{display:flex;align-items:center;gap:12px;min-width:0}
.view-controls{flex-shrink:0}
.view-controls button{padding:8px 11px;font-size:12px;white-space:nowrap}
#toggle-menu{font-size:17px;line-height:20px;padding:5px 9px}
.panel-title{flex-wrap:wrap;gap:8px}
.panel-title h3{margin:0 4px 0 0}
.panel-title button{font-size:11px;padding:6px 9px}
#minimise-grid{font-size:17px;padding:1px 8px;line-height:25px}
.expanded-only{display:none}
button.danger-outline{color:#a04336;border-color:#dfc8c2}
button.danger{background:#a04336;color:white;border-color:#a04336}
body.menu-hidden .sidebar{display:none}
body.menu-hidden main{margin-left:0}
body.menu-hidden .page,body.app-fullscreen .page{max-width:none}
/* One page scrollbar in normal view; no nested vertical grid scrollbar. */
.grid-wrap{max-height:none}
.grid{min-width:1020px}
.grid th,.grid td{padding:9px 6px}
.grid td:first-child,.grid th:first-child{min-width:200px;max-width:240px}
#allocation-panel .panel-head{flex-wrap:wrap;align-items:center}
#allocation-panel .toolbar{flex-wrap:wrap}
body.grid-minimised #allocation-panel .grid-wrap,body.grid-minimised #allocation-panel .grid-caption{display:none}
/* Keep the application header and navigation, dedicate remaining space to grid. */
body.grid-expanded{overflow:hidden}
body.grid-expanded .page>.heading,body.grid-expanded .page>.stats,body.grid-expanded .page>.tabs{visibility:hidden}
body.grid-expanded .sidebar{display:none}
body.grid-expanded .topbar{position:fixed;top:0;left:0;right:0;background:#f6f8f6;z-index:12}
body.grid-expanded #allocation-panel{position:fixed;top:var(--grid-top,80px);left:12px;right:12px;bottom:12px;z-index:10;display:flex;flex-direction:column;min-height:0}
body.grid-expanded #allocation-panel .grid-wrap{flex:1;min-height:0;max-height:none}
body.grid-expanded #allocation-panel .panel-head{padding:12px 16px;gap:8px;flex-shrink:0}
body.grid-expanded #allocation-panel .panel-head p{display:none}
body.grid-expanded #allocation-panel .grid-caption{flex-shrink:0}
body.grid-expanded .expanded-only{display:inline-block}
@media(max-width:1100px){
  .topbar{padding:0 22px}
  .view-controls .live-label{display:none}
}
@media(max-width:750px){
  .topbar{padding:0 12px;gap:8px}
  .topbar-start,.view-controls{gap:6px}
  #breadcrumb{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .view-controls button{font-size:11px;padding:7px}
  body.grid-expanded #allocation-panel{left:8px;right:8px;bottom:8px}
  body.grid-expanded .grid-caption>span:first-child{display:none}
}