/* Header/navigation only. The same destination and action nodes move between
   desktop chrome and the mobile dialog; permissions remain with existing UI. */
.aeon-mobile-menu-trigger,.aeon-mobile-current-page{display:none}
.aeon-mobile-navigation:not([open]){display:none}
.aeon-mobile-navigation{
  color:var(--aeon-text,#20382b);background:var(--aeon-dialog,#f7f7f8);
  border:1px solid var(--aeon-border,rgba(31,67,47,.15));border-radius:16px;
  position:fixed;margin:0 auto;inset:calc(var(--aeon-sticky-header-height,64px) + 8px) 12px auto;
  width:min(440px,calc(100% - 24px));padding:0;
  max-height:calc(100dvh - var(--aeon-sticky-header-height,64px) - 20px - env(safe-area-inset-bottom,0px));
  overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;
  box-shadow:0 16px 48px rgba(0,0,0,.3);
}
.aeon-mobile-navigation::backdrop{background:rgba(0,0,0,.55)}
.aeon-mobile-navigation-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--aeon-dialog,#f7f7f8);border-bottom:1px solid var(--aeon-border,rgba(31,67,47,.15))}
.aeon-mobile-navigation-heading h2{margin:0;font-size:16px;line-height:1.5;font-weight:600}
.aeon-mobile-navigation button{font:inherit;color:inherit;cursor:pointer}
.aeon-mobile-navigation-heading button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;background:transparent}
.aeon-mobile-navigation-content{padding:8px 12px}
.aeon-mobile-navigation #mainNavigation{margin:0;display:grid;gap:4px}
.aeon-mobile-navigation #mainNavigation .navBtn{
  display:flex;align-items:center;justify-content:flex-start;min-width:0;min-height:44px;height:auto;
  padding:10px 12px;font-size:14px;line-height:1.5;text-align:left;white-space:normal;
  border:1px solid transparent!important;border-radius:8px;background:transparent!important;color:inherit!important;
}
.aeon-mobile-navigation #mainNavigation .navBtn[aria-current="page"]{background:var(--aeon-selected,#dce7da)!important;color:var(--aeon-selected-text,#244c3a)!important;font-weight:600}
.aeon-mobile-navigation-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--aeon-border,rgba(31,67,47,.15))}
.aeon-mobile-navigation-actions:empty{display:none}
.aeon-mobile-navigation-actions button{min-height:44px;padding:10px 14px;border:1px solid var(--aeon-control-border,#72877b);border-radius:999px;background:var(--aeon-control,#edf3eb);color:var(--aeon-text,#20382b);font-size:14px;line-height:1.5}
.aeon-mobile-navigation button:not(:disabled):hover{background:var(--aeon-control-hover,#e3ecde)!important}
.aeon-mobile-navigation button:focus-visible,.aeon-mobile-menu-trigger:focus-visible{outline:2px solid var(--aeon-action,#315d43);outline-offset:2px}
.aeon-mobile-navigation button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:768px){
  body > header{background:var(--aeon-chrome,#f7f7f8)!important;backdrop-filter:none!important}
  .aeon-header-inner{padding:calc(6px + env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) 6px max(8px,env(safe-area-inset-left,0px))!important}
  .aeon-header-row{gap:6px!important;min-width:0}
  #btnHomeBrand{flex:1;min-width:0;min-height:44px}
  #btnHomeBrand > div:first-child{font-size:14px;line-height:20px;color:var(--aeon-text,#20382b)!important}
  .aeon-header-tagline,body > header #mainNavigation,#accountTriggerLabel,#accountTriggerMeta{display:none!important}
  .aeon-mobile-current-page{display:block;max-width:100%;font-size:11px;line-height:16px;color:var(--aeon-secondary,#596c60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #headerActions{gap:4px!important;flex-shrink:0}
  body > header :is(#btnAuthLogin,#btnHeaderSignup,#btnHeaderAddBook,#btnSyncSheets){display:none!important}
  #btnAccountMenuTrigger{display:inline-flex!important;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0!important;gap:0!important;background:transparent!important;border:0!important}
  #btnAccountMenuTrigger > span:first-child{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
  #btnAccountMenuTrigger > span:first-child{background:var(--aeon-control,#edf3eb)!important;color:var(--aeon-text,#20382b)!important}
  #headerAvatarFallback{color:inherit!important}
  #btnAccountMenuTrigger > span:last-child{display:none!important}
  #globalHeaderSearch,#globalHeaderSearch.is-expanded{display:inline-flex!important;flex:none;width:44px}
  body > header #btnGlobalSearchToggle{width:44px;min-width:44px;height:44px;min-height:44px;border:0!important;background:transparent!important;color:var(--aeon-text,#20382b)!important}
  #btnGlobalSearchToggle:disabled{opacity:.5;cursor:not-allowed}
  .aeon-mobile-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--aeon-text,#20382b);font-size:13px;line-height:20px;font-weight:600}
  .aeon-mobile-menu-trigger:hover{background:var(--aeon-control-hover,#e3ecde)}
  /* Expanded search floats below chrome: never changes header width/height. */
  #globalHeaderSearch .global-search-box{position:fixed;top:calc(var(--aeon-sticky-header-height,56px) + 8px);left:12px;right:12px;width:auto;height:48px;background:var(--aeon-dialog,#f7f7f8);color:var(--aeon-text,#20382b)}
  #globalSearchInput{color:inherit;font-size:16px}
  #globalSearchClose{width:44px;height:44px;flex-shrink:0}
  #globalSearchPanel{position:fixed;top:calc(var(--aeon-sticky-header-height,56px) + 64px);left:12px;right:12px;width:auto;max-height:calc(100dvh - var(--aeon-sticky-header-height,56px) - 80px - env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
  #accountMenuPanel{top:calc(var(--aeon-sticky-header-height,56px) + 8px);max-height:calc(100dvh - var(--aeon-sticky-header-height,56px) - 20px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
  #accountMenuOverlay{top:var(--aeon-sticky-header-height,56px)}
}
/* Compact desktop destinations while Home is active; mobile menu stays unchanged. */
@media(min-width:769px){
  body:has(#page-home:not(.hidden)) header #mainNavigation .navBtn{
    min-height:44px;padding:8px 12px;border:0!important;border-radius:8px!important;
    background:transparent!important;line-height:22px;
  }
  body:has(#page-home:not(.hidden)) header #mainNavigation .navBtn:hover{background:var(--aeon-control-hover)!important;}
  body:has(#page-home:not(.hidden)) header #mainNavigation .navBtn[aria-current="page"]{background:var(--aeon-selected)!important;color:var(--aeon-selected-text)!important;}
}
@media print{.aeon-mobile-menu-trigger,.aeon-mobile-navigation{display:none!important}}