/* One compact row; secondary controls live in the overlay menu, never above the graphs. */
html body #hydroTopbar.hydro-topbar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;height:52px!important;min-height:52px!important;max-height:52px!important;padding:6px 10px!important;overflow:visible!important}
html body #hydroTopbar>.ht-crumb{display:flex!important;flex:0 0 auto!important;min-width:0!important;max-width:120px!important}
html body #hydroTopbar .ht-crumb-well,html body #hydroTopbar .ht-crumb-sep{display:none!important}
html body #hydroTopbar>.ht-ctx{display:flex!important;position:static!important;transform:none!important;flex:1 1 340px!important;width:auto!important;min-width:0!important;gap:6px!important}
html body #hydroTopbar .ht-ctx>.ht-pill{display:flex!important;align-items:center!important;flex:1 1 0!important;min-width:0!important;max-width:none!important;height:36px!important;min-height:36px!important;padding:3px 8px!important;overflow:hidden!important}
html body #hydroTopbar .ht-ctx select{min-width:0!important;width:100%!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 3px!important;line-height:normal!important;text-overflow:ellipsis}
html body #hydroTopbar .ht-ctx-mode,html body #hydroTopbar .ht-ctx-sheet-head,html body #hydroTopbar>.ht-modesel{display:none!important}
html body #hydroTopbar>.ht-proj-wrap{display:flex!important;position:static!important;flex:0 1 200px!important;min-width:0!important;width:auto!important;max-width:200px!important;margin:0!important;gap:5px!important;overflow:hidden!important}
html body #hydroTopbar .ht-proj{display:inline-flex!important;width:auto!important;min-width:0!important;max-width:140px!important;flex:1 1 auto!important}
html body #hydroTopbar .ht-proj-n{max-width:110px!important}
html body #hydroTopbar .ht-ready,html body #hydroTopbar .ht-cloud,html body #hydroTopbar .ht-status{display:none!important}
html body #hydroTopbar>.ht-actions{display:flex!important;position:static!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
html body #hydroTopbar>.ht-actions>*{display:none!important}
html body #hydroTopbar #hwOpenGas,html body #hydroTopbar #hwOpenFullWell,html body #hydroTopbar .ht-viewmenu,html body #hydroTopbar .ht-menu,html body #hydroTopbar .hw-recalc-banner:not(.current){display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;white-space:nowrap;min-height:36px!important;height:36px!important;max-height:36px!important;width:auto!important;padding:6px 10px!important}
html body #hydroTopbar .ht-viewmenu{position:relative!important;padding:0!important}
html body #hydroTopbar .ht-viewmenu>summary{display:flex!important;align-items:center!important;width:auto!important;height:36px!important;padding:0 10px!important;white-space:nowrap;list-style:none}
html body #hydroTopbar .ht-viewmenu:not([open])>.ht-viewmenu-pop{display:none!important}
html body #hydroTopbar .ht-viewmenu-pop{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;width:290px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 80px)!important;overflow:auto!important;z-index:3000!important}
html body #hydroTopbar .ht-viewmenu-pop label{display:block;padding:8px 12px}
html body #hydroTopbar .ht-viewmenu-pop select{display:block;width:100%;padding:8px;margin-top:5px}
@media(max-width:1100px){html body #hydroTopbar>.ht-proj-wrap{display:none!important}html body #hydroTopbar .ht-ctx .ht-pill-l{display:none!important}html body #hydroTopbar .ht-exit-l{display:none!important}}
@media(max-width:700px){html body #hydroTopbar #hwOpenGas,html body #hydroTopbar #hwOpenFullWell,html body #hydroTopbar .ht-menu{display:none!important}html body #hydroTopbar>.ht-ctx{flex-basis:140px!important}html body #hydroTopbar.hydro-topbar{gap:5px!important;padding:6px!important}html body #hydroTopbar .ht-ctx>.ht-pill{padding:3px!important}}
html body #hydroTopbar>.ht-crumb{order:0!important}html body #hydroTopbar>.ht-ctx{order:1!important}html body #hydroTopbar>.ht-proj-wrap{order:2!important}html body #hydroTopbar>.ht-actions{order:3!important}