/* One reserved bar: navigation and original utility controls share its layout. */
html[data-bottom-bar]{--utility-bottom:0px;--bottom-bar-height:88px;scroll-padding-bottom:calc(var(--bottom-bar-height) + 24px)}
html[data-bottom-bar] body::after{display:none}
html[data-bottom-bar] .site-root>.touch-nav{box-sizing:border-box;position:fixed;inset:auto 0 0;z-index:100;display:flex;align-items:center;justify-content:center;gap:16px;padding:6px max(16px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom));background:var(--site-surface,#fff);color:var(--site-text,#292b2c);border-top:1px solid var(--site-border,#d9dde2);box-shadow:0 -4px 20px #00000012}
.touch-nav-links{display:flex;flex:1 1 auto;justify-content:center;min-width:0;gap:4px}
html[data-bottom-bar] .touch-nav-links>:is(a,button){box-sizing:border-box;display:flex;flex:1 1 0;max-width:160px;min-width:0;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--site-text,#292b2c)!important;font:500 12px/1.2 Poppins,system-ui,sans-serif;text-align:center;text-decoration:none!important;overflow-wrap:anywhere;cursor:pointer}
html[data-bottom-bar] .touch-nav-links>:is(.active,:hover){background:color-mix(in srgb,var(--accent2,#fdc101) 24%,var(--site-surface,#fff));border-color:var(--accent2,#fdc101)}
.touch-nav-links svg{width:22px;height:22px;flex:none}
.nav-utilities{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;border-inline-start:1px solid var(--site-border,#d9dde2);padding-inline-start:16px}
html[data-bottom-bar] .nav-utilities :is(.site-theme-toggle,.cms-theme-toggle,#globalScrollTop,.sanne-widget){position:static;inset:auto;margin:0;transform:none;flex-shrink:0;z-index:auto}
html[data-bottom-bar] .nav-utilities :is(.site-theme-toggle,.cms-theme-toggle,#globalScrollTop){box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;padding:8px;border-radius:10px;box-shadow:none;background:#253346;color:#fff;border:1px solid #fdc101;cursor:pointer}
html[data-bottom-bar] .nav-utilities #globalScrollTop{font-size:0}
html[data-bottom-bar] .nav-utilities #globalScrollTop::after{content:'↑';font-size:22px}
html[data-bottom-bar] .nav-utilities .sanne-launch{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:44px;padding:8px 14px;border-radius:10px;box-shadow:none;font-size:12px}
html[data-bottom-bar] .nav-utilities .sanne-launch span{display:inline}
html[data-bottom-bar] .nav-utilities .sanne-launch::after{display:none}
html[data-bottom-bar] .sanne-panel{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(var(--bottom-bar-height) + 10px);max-height:calc(100dvh - var(--bottom-bar-height) - 24px);max-width:calc(100vw - 24px);overflow:auto;overscroll-behavior:contain}
html[data-bottom-bar] .site-public{padding-bottom:calc(var(--bottom-bar-height) + 20px)}
html[data-bottom-bar] .site-dashboard .workspace{padding-bottom:calc(var(--bottom-bar-height) + 40px)}
html[data-bottom-bar] :is(.fa-cookie-panel,.toast){bottom:calc(var(--bottom-bar-height) + 12px);max-height:calc(100dvh - var(--bottom-bar-height) - 28px)}
html[data-bottom-bar] .cms-release-footer{position:static;display:block;margin-top:16px;padding:8px 0;text-align:right}
.touch-nav :is(a,button):focus-visible{outline:3px solid #a56f00;outline-offset:1px}
html[data-bottom-bar]:has(dialog[open]) .touch-nav-links,html[data-bottom-bar]:has(dialog[open]) .nav-utilities{visibility:hidden}
html[data-bottom-bar]:has(dialog[open]) dialog #globalScrollTop{visibility:visible;position:fixed;left:auto;right:16px;bottom:16px}
body:has(.he-fullscreen) .touch-nav{display:none!important}
@media(max-width:1100px){
 html[data-bottom-bar]{--bottom-bar-height:122px}
 html[data-bottom-bar] .site-root>.touch-nav{flex-direction:column;gap:4px;padding:4px max(6px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom))}
 .touch-nav-links{width:100%;gap:2px}
 html[data-bottom-bar] .touch-nav-links>:is(a,button){min-height:52px;padding:4px 2px;font-size:10px}
 .nav-utilities{box-sizing:border-box;width:100%;gap:12px;padding:4px 0 0;border-inline-start:0;border-top:1px solid var(--site-border,#d9dde2)}
 html[data-bottom-bar] .nav-utilities .sanne-launch{min-width:110px;font-size:12px}
 html[data-bottom-bar] .sanne-panel{width:440px;height:min(620px,calc(100dvh - var(--bottom-bar-height) - 24px))}
}
@media print{html[data-bottom-bar] .touch-nav{display:none!important}html[data-bottom-bar] :is(.site-public,.site-dashboard .workspace){padding-bottom:0}}
/* Keep the existing release label in a dedicated line at the bottom right. */
html[data-bottom-bar] .site-dashboard>.touch-nav{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
html[data-bottom-bar] .cms-release-footer{position:fixed;right:12px;bottom:calc(2px + env(safe-area-inset-bottom));z-index:101;margin:0;padding:0;font:10px/12px system-ui;pointer-events:none}
@media print{html[data-bottom-bar] .cms-release-footer{position:static}}
/* Public desktop already has header navigation: keep only the utility controls below. */
@media(min-width:1101px){
 html[data-bottom-bar] .site-public:has(>.topbar .site-menu .nav)>.touch-nav .touch-nav-links{display:none}
}
/* Desktop utility placement: appearance on the left, Up and Sanne on the right. */
@media(min-width:1101px){
 html[data-bottom-bar] .site-root>.touch-nav{padding-inline-start:72px}
 html[data-bottom-bar] .touch-nav .nav-utilities{margin-inline-start:auto;border-inline-start:0;padding-inline-start:0}
 html[data-bottom-bar] .nav-utilities :is(.site-theme-toggle,.cms-theme-toggle){position:fixed;left:12px;right:auto;bottom:calc(6px + env(safe-area-inset-bottom))}
 html[data-bottom-bar] .site-dashboard .nav-utilities .cms-theme-toggle{bottom:calc(18px + env(safe-area-inset-bottom))}
 html[data-bottom-bar] .nav-utilities>#globalScrollTop{order:1}
 html[data-bottom-bar] .nav-utilities>.sanne-widget{order:2}
}