/* Two separate mobile pages. Existing dashboard state and handlers are retained. */
.xl-mobile-bottom-nav{display:none}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page{display:flex!important;flex-direction:column!important;gap:9px!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page>*{width:100%!important;box-sizing:border-box!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-mobile-heading{gap:6px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none!important;overflow:visible!important;width:100%!important;gap:9px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid article{min-height:112px!important;padding:14px!important;min-width:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid b{font-size:25px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid :is(span,small){font-size:12px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench{width:100%!important;padding:10px!important}
html[data-xl-mobile-board][data-xl-mobile-tab="summary"][data-xl-theme][data-xl-density] :is(body,#app) .workbench{display:none!important}
html[data-xl-mobile-board][data-xl-mobile-tab="details"][data-xl-theme][data-xl-density] :is(body,#app) :is(.summary-grid,.xl-account-overview,.account-card-section){display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-mobile-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;gap:8px!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;background:var(--xl-color-surface,#fff)!important;border-top:1px solid var(--xl-ref-border,#d5ded4)!important;box-shadow:0 -3px 14px #1531270d!important;z-index:100!important;box-sizing:border-box!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-mobile-bottom-nav button{flex:1!important;min-height:48px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--xl-ref-muted,#65736b)!important;font-size:14px!important;font-weight:600!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-mobile-bottom-nav button.active{background:var(--xl-color-header,#edf2ea)!important;color:var(--xl-ref-primary,#315d48)!important;box-shadow:inset 0 0 0 1px var(--xl-ref-border,#d5ded4)!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .bulk-job-panel{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;max-height:calc(100dvh - 160px)!important}
@media(min-width:600px){html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}