.section-flyout{position:fixed;inset:auto;margin:0;padding:8px 10px;box-sizing:border-box;background:#191b20;color:#a2a6af;border:1px solid #353740;border-left:0;border-radius:0 8px 8px 0;box-shadow:8px 6px 20px #0002;z-index:1000;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto}
.section-flyout::backdrop{background:transparent;backdrop-filter:none;pointer-events:none}
.section-flyout .section-flyout-link{display:flex;align-items:center;gap:12px;min-height:var(--flyout-row-height,48px);padding:12px 14px;margin:0 0 4px;border-radius:7px;color:#a2a6af;background:transparent;text-decoration:none;font-size:var(--flyout-font,13px);line-height:1.4;box-sizing:border-box;overflow-wrap:anywhere}
.section-flyout .section-flyout-link:last-child{margin-bottom:0}
.section-flyout .section-flyout-link:hover,.section-flyout .section-flyout-link:focus-visible,.section-flyout .section-flyout-link[aria-current]{background:#2c2d34;color:#fff}
.section-flyout .section-flyout-link[aria-current]::after{content:'';width:5px;height:5px;flex:none;background:var(--accent);border-radius:50%;margin-left:auto}
[data-nav-group]{cursor:pointer}
:is(.sidebar,.operations-sidebar) nav [data-nav-group]::after{content:'›';margin-left:auto;font-size:20px;line-height:1;color:inherit;flex:none}
:is(.sidebar,.operations-sidebar) nav [data-nav-group][aria-expanded=true]{background:#2c2d34;color:#fff}
.section-current{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:14px 16px;border:1px solid var(--ui-border);background:var(--ui-panel);color:var(--ui-ink);border-radius:8px;margin:18px 0 14px;min-height:48px;font-weight:600;width:100%}
.section-current small{font-size:12px;color:var(--ui-muted);font-weight:400;margin-left:auto}
@media(max-width:600px){.mobile-nav-dialog.has-section-flyout{width:calc((100vw - 16px)/2)!important}.mobile-nav-dialog.has-section-flyout .sidebar,.mobile-nav-dialog.has-section-flyout .operations-sidebar{padding-left:10px!important;padding-right:10px!important}.mobile-nav-dialog.has-section-flyout .logo,.mobile-nav-dialog.has-section-flyout .operations-brand img{max-width:100%!important}.section-flyout{padding:4px 6px}.section-flyout .section-flyout-link{padding:10px;font-size:13px}.section-current{margin:12px 0;padding:12px}}
[hidden].section-flyout{display:none!important}
