/* Fit Ingredients below the shared Bebop Workshop topbar. */
body.bh-tool-ingredients { margin:0; height:100dvh; overflow:hidden; }
body.bh-tool-ingredients > .bh-tool-shell { position:relative; flex:none; }
body.bh-tool-ingredients .desktop-app-container { height:calc(100dvh - var(--bh-host-chrome-height,58px)); min-height:0; }
body.bh-tool-ingredients .desktop-main-layout { height:auto; flex:1; min-height:0; }
body.bh-tool-ingredients #secondary-settings { top:calc(var(--bh-host-chrome-height,58px) + 10px); }
@media(min-width:1161px) {
 body.bh-tool-ingredients.desktop-layout .center-content[data-instrument="vertical"] .ingredient-instrument {
  top:calc(var(--bh-host-chrome-height,58px) + var(--ingredients-instrument-top,10px));
 }
}
@media(max-width:800px) {
 body.bh-tool-ingredients { height:auto; overflow:visible; }
 body.bh-tool-ingredients > .bh-tool-shell { z-index:20; }
 body.bh-tool-ingredients .desktop-app-container { height:auto; min-height:calc(100dvh - var(--bh-host-chrome-height,58px)); }
 body.bh-tool-ingredients #secondary-settings { top:env(safe-area-inset-top); }
}