/* Application navigation shared by the app views. Forms/cards migrate separately. */
.app-nav.ms-app-nav { position:relative; display:flex; flex-wrap:wrap; gap:20px; padding:16px 24px; border-bottom:1px solid var(--ms-line); background:var(--ms-cream); backdrop-filter:none; }
.ms-app-nav .ms-wordmark { min-height:44px; border:0; padding:0; background:transparent; cursor:pointer; font-family:var(--ms-font-body); font-size:27px; }
.ms-app-nav .nav-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-width:0; }
.ms-app-nav .nav-user { color:var(--ms-muted); font-size:.875rem; overflow-wrap:anywhere; }
.ms-app-nav .nav-actions :is(a,button) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 12px; border:1px solid var(--ms-muted); border-radius:7px; color:var(--ms-green); background:transparent; font:500 .875rem var(--ms-font-body); text-decoration:none; cursor:pointer; }
.ms-app-nav .nav-actions :is(a,button):hover { background:var(--ms-sage); color:var(--ms-ink); transform:none; }
.ms-app-nav #navUpgradeBtn { background:var(--ms-green); color:white; }
.ms-app-nav #offline-badge { background:var(--ms-butter); color:var(--ms-ink); border-color:var(--ms-color-warning); border-radius:6px; font-size:.875rem; }
#appView .app-content { padding-top:24px; }
@media(max-width:950px) { .ms-app-nav .nav-actions { width:100%; } .ms-app-nav #navUser { flex-basis:100%; } }