/* Phone navigation follows Geekstation: centred header, bottom shortcuts. */
.mobile-nav{display:none}
@media(max-width:600px){
 html[data-theme] body.theme-workbench{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
 html[data-theme] body.theme-workbench .app-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr;height:44px;min-height:44px;padding:0 12px;gap:0;border-bottom:1px solid var(--gs-line)}
 html[data-theme] body.theme-workbench .app-header .brand{grid-column:1;justify-self:center;margin:0;line-height:0}
 html[data-theme] body.theme-workbench .app-header .geekmail-logo{width:132px;height:auto}
 html[data-theme] body.theme-workbench .app-header .usage-bar{display:none}
 html[data-theme] body.theme-workbench .app-header>.settings-wrap{position:absolute;right:12px;top:0;grid-column:auto}
 html[data-theme] body.theme-workbench #settings-toggle{display:none}
 html[data-theme] body.theme-workbench .settings-panel{position:fixed;top:auto;bottom:calc(68px + env(safe-area-inset-bottom,0px));right:12px;width:292px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 125px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
 html[data-theme] body.theme-workbench .mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--gs-bar);border-top:1px solid var(--gs-line);padding:0 0 env(safe-area-inset-bottom,0px);box-shadow:0 -2px 9px #0000000a}
 html[data-theme] body.theme-workbench .mobile-nav :is(a,button){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;padding:6px 3px 5px;min-width:0;margin:0;border:0;border-radius:0;background:transparent;color:var(--gs-muted);font:11px/1.25 var(--gs-font);text-align:center;white-space:normal;text-decoration:none}
 html[data-theme] body.theme-workbench .mobile-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
 html[data-theme] body.theme-workbench .mobile-nav :is(a,button):is([aria-current="location"],[aria-expanded="true"]){color:var(--gs-link);background:var(--gs-item)}
 html[data-theme] body.theme-workbench .mobile-nav :is(a,button):focus-visible{outline:2px solid var(--gs-link);outline-offset:-4px}
 html[data-theme] body.theme-workbench .panel-title,html[data-theme] body.theme-workbench .inbox-top{min-height:46px;padding-top:8px;padding-bottom:8px}
 html[data-theme] body.theme-workbench :is(#tijdelijk-adres,#inbox,#reader){scroll-margin-top:54px}
 html[data-theme] body.theme-workbench .reading-pane:has(#reader[hidden]){display:none}
 html[data-theme] body.theme-workbench .mail-workspace{min-height:0}
 html[data-theme] body.theme-workbench .message-pane{border-bottom:0}
 html[data-theme] body.theme-workbench .reading-pane{border-top:5px solid var(--gs-split)}
 html[data-theme] body.theme-workbench .app-footer{margin-bottom:0;padding-bottom:14px}
}
@media(max-width:600px){
 html[data-theme] body.theme-workbench .mobile-nav{gap:0;align-items:stretch}
 html[data-theme] body.theme-workbench .mobile-nav :is(a,button)>span{font:inherit;line-height:inherit;margin:0;max-width:100%}
}