/* Approved desktop sidebar; mobile navigation and Zen keep their existing layout. */
.sidebar-toggle{display:none}
.navrow .menu h3,.navrow .menu .menu-div{display:none}
.navrow .menu-status{min-width:0;max-width:100%;padding:4px 10px;background:transparent;border:0;border-radius:0}
.navrow .menu-status .syncchip{display:none}
.navrow .menu-account-hint{display:flex;align-items:center;gap:7px;min-width:0;color:var(--muted);line-height:1.35}
.navrow .menu-login-label{min-width:0}
.menu-sync-indicator{display:inline-block;flex:0 0 10px;width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%;background:transparent;color:var(--muted)}
.menu-sync-indicator[data-state="ok"]{background:var(--green);color:var(--green)}
.menu-sync-indicator[data-state="pending"]{border-width:2px;color:var(--amber)}
.menu-sync-indicator[data-state="offline"]{border-style:dashed;color:var(--muted)}
.menu-sync-indicator[data-state="error"]{color:var(--red)}
@media(max-width:380px){
  html[lang="fr"] .navrow{column-gap:3px}
  html[lang="fr"] .navrow .tabs{grid-template-columns:repeat(4,minmax(max-content,1fr))}
  html[lang="fr"] .navrow .nav-divider{margin-inline:0}
}
@media (min-width:901px) and (hover:hover), (min-width:901px) and (pointer:fine), (min-width:901px) and (pointer:none), (min-width:901px) and (min-height:501px), (min-width:901px) and (orientation:portrait){
  body:not(.landing-mode):not(.zen-mode){--app-nav-width:170px;padding-left:var(--app-nav-width)}
  body.nav-collapsed:not(.landing-mode):not(.zen-mode){--app-nav-width:72px}
  body:not(.landing-mode):not(.zen-mode) .app{max-width:1200px;overflow-x:visible;padding-left:22px;padding-right:22px}
  body:not(.zen-mode) .navrow{position:fixed;inset:0 auto 0 0;width:var(--app-nav-width,170px);display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:22px 12px;background:var(--nav-surface,var(--bg));border-right:1px solid var(--line);z-index:35;overflow-y:auto;overflow-x:hidden}
  .navrow .sidebar-toggle{display:flex;align-self:flex-end;flex:0 0 40px;align-items:center;justify-content:center;width:40px;min-height:40px;padding:0;margin-bottom:16px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}
  .sidebar-toggle:hover{background:var(--soft);color:var(--ink)}
  .sidebar-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .navrow .tabs{display:flex;flex-direction:column;flex:none;overflow:visible;gap:6px}
  .navrow .tabs button{justify-content:flex-start;padding:0 13px;min-height:48px;width:100%;border-radius:10px;font-weight:600}
  .navrow .tabs button.active{background:var(--soft);font-weight:800}
  .navrow .tabs button.active::after{top:14px;bottom:14px;left:0;width:2px;height:auto;right:auto}
  .navrow .nav-divider{display:none}
  .navrow .nav-actions{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-around;gap:4px;border-top:1px solid var(--line);padding-top:10px}
  .navrow .nav-actions::after{content:'';width:1px;height:20px;background:var(--line);order:1;align-self:center}
  .navrow .nav-actions>#searchBtn{order:0}
  .navrow .more{display:contents}
  .navrow #moreBtn{order:2}
  .navrow .menu{position:static;order:-1;flex:0 0 100%;width:100%;min-width:0;max-width:100%;padding:0 0 10px;background:transparent;border:0;box-shadow:none;border-radius:18px}
  :root[data-app-theme] body:not(.zen-mode):not(.landing-mode) .navrow .menu{background:transparent}
  .navrow .menu h3{padding:0 12px;font-size:.82rem;color:var(--muted)}
  .navrow .menu .menugrid{gap:4px;grid-template-columns:minmax(0,1fr)}
  .navrow .menu .menu-item{min-height:42px;padding:7px 12px;gap:11px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.8rem;font-weight:500}
  :root[data-app-theme] body:not(.zen-mode):not(.landing-mode) .navrow .menu .menu-item{background:transparent}
  :root[data-app-theme] body:not(.zen-mode):not(.landing-mode) .navrow .menu .menu-item:hover{background:var(--soft)}
  .navrow .menu .menu-item:hover{color:var(--accent);background:var(--soft)}
  .navrow .menugrid>.menu-status{order:10;margin-top:7px;font-size:.75rem;overflow-wrap:anywhere}
  .navrow .menu-account-hint{justify-content:flex-start}
  .nav-collapsed .navrow .tabs button span{display:none}
  .nav-collapsed .navrow .tabs button{padding:0;justify-content:center}
  .nav-collapsed .navrow .sidebar-toggle{align-self:center}
  .nav-collapsed .navrow .menu :is(h3,.menu-div,.menu-login-label){display:none}
  .nav-collapsed .navrow .menu-status{padding:0;margin-top:0}
  .nav-collapsed .navrow .menu-account-hint{display:none}
  .nav-collapsed .navrow .menu-account-hint{justify-content:center}
  .nav-collapsed .navrow .menu .menu-item{padding:7px 0;justify-content:center}
  .nav-collapsed .navrow .menu .menu-item>span:not(.mi-ic){display:none}
  .nav-collapsed .navrow .nav-actions{margin-left:-8px;margin-right:-8px;gap:2px;flex-wrap:wrap}
  .nav-collapsed .navrow .nav-actions :is(#searchBtn,#moreBtn){width:28px;min-width:28px;padding:0}
}
@media (max-width:560px), (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:500px){
 body:not(.nav-top) .navrow .more{position:static}
 body:not(.nav-top) .navrow #moreMenu{left:0;right:0;bottom:100%;width:100%;max-width:100%;margin:0;padding:16px 20px 18px;box-sizing:border-box;border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;background:var(--panel);box-shadow:0 -8px 28px #0002;max-height:calc(100dvh - 104px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto}
 body:not(.nav-top) .navrow .menu .menugrid{display:flex;flex-direction:column;gap:4px}
 body:not(.nav-top) .navrow .menu .menu-item{min-height:48px;border:0;background:transparent;color:var(--ink);font-size:15px;padding-inline:12px}
 :root[data-app-theme] body:not(.nav-top):not(.zen-mode):not(.landing-mode) .navrow .menu .menu-item{background:transparent}
 body:not(.nav-top) .navrow .menugrid>.menu-status{order:10;margin-top:10px;padding:14px 12px 0;border-top:1px solid var(--line);font-size:12px}
 body:not(.nav-top) .navrow .menu-account-hint{justify-content:flex-start}
}
/* Phone landscape uses the same mobile navigation, including the island side. */
@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:500px){
 body:not(.landing-mode):not(.zen-mode) .app{padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}
 body:not(.nav-top) .navrow{padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px))}
 body:not(.nav-top) .navrow #moreMenu{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
}