/* Shared navigation sits after prototype styles so each view keeps its layout. */
.mobile-page-title{display:none}
.sidebar-brand{display:none}
.menu-toggle svg,.ui-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.settings-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.settings-dock button[aria-current=page]{font-weight:650}
.view-count .actions button{display:flex;align-items:center;justify-content:center;gap:8px}
@media(max-width:959px){
  body.authenticated .app-header{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:0;min-height:56px;padding:4px 12px}
  body.authenticated .app-header-left{grid-column:1;grid-row:1}
  body.authenticated .app-header .app-brand{display:none}
  body.authenticated .mobile-page-title{display:block;grid-column:2;grid-row:1;text-align:center;font-size:18px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.authenticated .app-header-right{grid-column:3;grid-row:1;justify-content:flex-end}
  body.authenticated .app-header-right small{display:none}
  .app-header .menu-toggle{align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;background:transparent;border:0;border-radius:8px}
  .app-header .menu-toggle:hover{background:#f0f4ee}
  .sidebar-head{padding:0 4px 16px;gap:8px}
  .sidebar-caption{display:none}
  .sidebar-brand{display:flex}
  .sidebar-close{width:44px;height:44px;flex:none}
  .view-count .heading,.view-accounts .page>h1{display:none}
  .view-count .page,.view-accounts .page{margin-top:0}
  body.authenticated main{padding-top:16px}
}
@media(max-width:760px){
  .settings-dock button{min-height:59px;line-height:18px;padding:7px 2px;background:transparent;color:#7b8978}
  .settings-dock button.active{background:transparent;color:#214f40}
  .settings-dock button.active svg{stroke-width:2.2}
}