/* One shared bar for the app and public directory. Admin stays reachable in a compact touch target. */
html body nav.appnav.appnav{display:grid!important;grid-template-columns:1fr 1.35fr .9fr 1.35fr 1fr!important;gap:3px!important;align-items:stretch!important;overflow:visible!important}
html body nav.appnav.appnav:has(#yomiAdminTab){grid-template-columns:1fr 1.35fr .9fr 1.35fr 1fr 32px!important}
html body nav.appnav.appnav>button,html body nav.appnav.appnav>a{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:5px 2px!important;font-size:11px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-align:center!important;text-decoration:none!important;border-radius:9px!important}
html body nav.appnav.appnav>button span,html body nav.appnav.appnav>a span{max-width:100%!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.15!important}
html body nav.appnav.appnav>button span:first-child,html body nav.appnav.appnav>a span:first-child{font-size:16px!important;line-height:1!important}
html body nav.appnav.appnav>#yomiAdminTab{font-size:8px!important;padding:5px 0!important;align-self:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body nav.appnav.appnav>#yomiAdminTab span:first-child{font-size:8px!important}
@media(max-width:350px){html body nav.appnav.appnav{gap:2px!important}html body nav.appnav.appnav>button,html body nav.appnav.appnav>a{font-size:10px!important}}

/* Admin lives beside the account avatar, never a sixth bottom tab. */
html body nav.appnav.appnav{grid-template-columns:1fr 1.35fr .9fr 1fr 1fr!important}
html body .topright #yomiAdminTab{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;padding:7px 10px!important;min-height:34px!important;width:auto!important;border:1px solid #d7bfb0!important;border-radius:10px!important;background:#eee9dc!important;color:#a52b30!important;font-size:12px!important;line-height:1!important;box-shadow:none!important}
html body .topright{gap:8px}
@media(max-width:350px){html body .topright #yomiAdminTab{font-size:11px!important;padding:7px 8px!important}}