/* v1: routed forms retain the panel's typography, fields and buttons. */
.panel-route-page { width: min(100%, 820px); margin-inline: auto; padding-block: 8px 36px; }
.panel-route-page[hidden], .panel-route-form[hidden] { display: none !important; }
.panel-route-breadcrumb { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; color: var(--ink-2); font-size: 13px; }
.panel-route-breadcrumb a { color: var(--flame); }
.panel-route-page > h1 { margin: 0 0 24px; font-size: 26px; line-height: 1.25; color: var(--ink); }
.panel-route-page > .panel-route-form { position: static !important; inset: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; max-height: none !important; margin: 0 !important; box-sizing: border-box; }
.panel-route-page > dialog.panel-route-form[open] { display: block; border: 1px solid var(--line-card); border-radius: 16px; box-shadow: none; background: var(--card); color: var(--ink); }
.panel-route-active .inspector, .panel-route-active .inspector-scrim { display: none !important; }
.panel-route-page .inv, .panel-route-page [data-mode="role"] { width: 100%; }