/* Approved B: one continuous, fixed two-row shell across all pages. */
#tempo-shell{position:sticky;top:0;z-index:100;background:var(--tempo-panel);border-bottom:1px solid var(--tempo-line);isolation:isolate}
#tempo-shell>header{height:43px;min-height:43px;display:flex;align-items:center;gap:12px;margin:0;padding:0 22px;background:transparent;border:0;-webkit-app-region:drag;user-select:none}
#tempo-shell .brand{font-size:21px;letter-spacing:3px;white-space:nowrap;line-height:1}
#tempo-shell .brand span{color:var(--tempo-teal)}
#tempo-shell .appversion{font-size:10px;font-weight:400;letter-spacing:0;color:var(--tempo-muted);margin:3px 0 0}
#tempo-shell>header>small{font-size:10px;color:var(--tempo-muted);margin-left:auto;white-space:nowrap}
#tempo-shell .pill{font-size:9px;padding:3px 6px;background:var(--tempo-soft);color:var(--tempo-teal)}
#tempo-shell>#navigation{position:static;top:auto;display:flex;align-items:stretch;flex-wrap:nowrap;gap:7px;height:44px;min-height:44px;margin:0;padding:0 22px;background:transparent;border:0;overflow-x:auto;scrollbar-width:none}
#tempo-shell>#navigation::-webkit-scrollbar{display:none}
#tempo-shell>#navigation>button{position:relative;flex-shrink:0;align-self:stretch;margin:0;padding:0 13px;font-size:13px;font-weight:500;white-space:nowrap;color:var(--tempo-muted);background:transparent;border:0;border-radius:0;-webkit-app-region:no-drag}
#tempo-shell>#navigation>button.selected{color:var(--tempo-text)!important;background:transparent!important}
#tempo-shell>#navigation>button:not(.shell-utility).selected:after{content:'';position:absolute;bottom:0;left:13px;right:13px;height:3px;background:var(--tempo-teal);border-radius:3px 3px 0 0}
#tempo-shell>#navigation>button:hover{color:var(--tempo-text);background:var(--tempo-soft)}
#tempo-shell>#navigation>.apprefresh{margin-left:auto;display:grid;place-items:center;width:34px;padding:0}
#tempo-shell>#navigation>.navsettings{padding:0 9px}
#tempo-shell>#navigation>.navsettings.selected{color:var(--tempo-teal)!important}
.scopebar{top:88px;scroll-margin-top:100px}
@supports (padding:env(titlebar-area-height)){
 html.desktop-shell #tempo-shell>header{padding-right:calc(100vw - env(titlebar-area-width,100vw) + 16px)}
}
@media(max-width:1000px){#tempo-shell>header{padding-left:18px}#tempo-shell>#navigation{padding:0 18px;gap:3px}#tempo-shell>#navigation>button{padding:0 10px;font-size:12px}}
@media(max-width:600px){#tempo-shell>header>small{font-size:9px}#tempo-shell>header{gap:8px;padding-left:12px}#tempo-shell>#navigation{padding:0 8px;gap:0}#tempo-shell .brand{font-size:18px}#tempo-shell>#navigation>button{padding:0 8px}}