/* Keep the document frame steady while navigation scripts initialize. */
html.pg-panel-page { scrollbar-gutter: stable; }
@supports not (scrollbar-gutter: stable) { html.pg-panel-page { overflow-y: scroll; } }
.pg-panel-page .pg-nav-search[hidden] { display: flex !important; visibility: hidden; }
.pg-panel-page .pg-nav-favorites,
.pg-panel-page .pg-nav-favorites[hidden] {
    display: flex !important; height: 32px; min-width: 0; flex-wrap: nowrap;
    overflow-x: auto; overflow-y: hidden; white-space: nowrap;
}
.pg-panel-page .pg-nav-favorites[hidden] { visibility: hidden; }
.pg-panel-page .pg-nav-favorites > * { flex-shrink: 0; }
.pg-panel-page .pg-admin-nav-inner { position: relative; }
.pg-panel-page .pg-nav-sync-status {
    position: absolute; right: 24px; top: 100%; z-index: 50;
    margin: 0; padding: 6px 10px; background: #fff; border: 1px solid #e1e7f0;
    border-radius: 8px; max-width: calc(100% - 24px);
}
/* Native document navigation: no fetch replacement, no delayed clicks. */
/* AJAX owns the transition; native login/download fallbacks must not start a second one. */
@view-transition { navigation: none; }
::view-transition-old(root) { animation: pg-panel-out 90ms ease-out both; }
::view-transition-new(root) { animation: pg-panel-in 140ms ease-out both; }
@keyframes pg-panel-out { to { opacity: 0; } }
@keyframes pg-panel-in { from { opacity: 0; } to { opacity: 1; } }
.pg-panel-page.pg-panel-loading::before {
    content: ""; position: fixed; inset: 0 0 auto; height: 3px; z-index: 10000;
    background: #0f766e; transform-origin: left; animation: pg-panel-progress 8s ease-out forwards;
    pointer-events: none;
}
@keyframes pg-panel-progress { from { transform: scaleX(.08); } to { transform: scaleX(.9); } }
@media (prefers-reduced-motion: reduce) {
    @view-transition { navigation: none; }
    ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
    .pg-panel-page.pg-panel-loading::before { animation: none; transform: scaleX(.35); }
}

#pg-panel-content { min-width: 0; }
#pg-panel-content:focus { outline: none; }

#pg-admin-navigation[hidden] { display: none !important; }