/* One outer frame for authenticated workspace pages, including bundled views. */
/* Navigation should cut directly to the new page, without fading the shell. */
@view-transition { navigation:none; }
body.app-body .home-page .overview-card,
body.app-body .home-content-grid,
body.app-body .messages .success,
body.app-body .payment-result,
body.app-body .payment-credit-summary,
body.app-body .payment-credit-number {
  animation:none;
}
@media screen {
  html:has(> body.app-body) { scrollbar-gutter:stable; }
  body.app-body { --workspace-content-width:1280px; }
  body.app-body main.main-content > :is(
    .workspace-page, .request-list-page, .platform-shell, .request-detail,
    .template-builder-page, .page-header, .request-composer,
    .messages, .support-banner, .privacy-footer
  ) {
    width:100%;
    max-width:var(--workspace-content-width);
    min-width:0;
    margin-inline:auto;
  }
  body.app-body main.main-content nav.workspace-subnav { width:fit-content; }
  body.app-body main.main-content nav.workspace-subnav > a { flex:0 1 auto; }
  body.app-body .billing-page.billing-simple .billing-monthly-plans { max-width:none; }
}

@media (max-width:600px) {
  body.app-body main.main-content nav.workspace-subnav { width:100%; }
}
.navigation-progress { position:fixed; top:0; left:0; right:0; height:3px; z-index:10000; pointer-events:none; opacity:0; background:var(--ink); transform:scaleX(.15); transform-origin:left; }
.is-navigating .navigation-progress { opacity:1; animation:navigation-progress 12s ease-out forwards; }
@keyframes navigation-progress { to { transform:scaleX(.95); } }
@media (prefers-reduced-motion:reduce) { .is-navigating .navigation-progress { animation:none; transform:scaleX(1); } }

[data-navigation-status] { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
[data-navigation-focus]:focus { outline:none; }