/* /Layout/MainLayout.razor.rz.scp.css */
.docs-shell[b-887vywupkp] { min-height: 100vh; display: grid; grid-template-columns: 236px minmax(0, 1fr); background: #f4f6f8; transition: grid-template-columns .2s ease; }.docs-shell.sidebar-collapsed[b-887vywupkp] { grid-template-columns: 60px minmax(0, 1fr); }
.sidebar[b-887vywupkp] { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; overflow: hidden; padding: 18px 14px; background: var(--accent-strong); color: #f8fafc; transition: padding .2s ease; }.sidebar-toggle[b-887vywupkp] { width: 32px; height: 32px; display: grid; place-items: center; align-self: flex-end; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.18); border-radius: 6px; padding: 0; background: rgba(15,23,42,.16); color: #fff; }.sidebar-toggle:hover[b-887vywupkp] { border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.18); }.sidebar-toggle:focus-visible[b-887vywupkp] { outline: 2px solid #fff; outline-offset: 2px; }.sidebar-toggle-chevron[b-887vywupkp] { width: 9px; height: 9px; border-bottom: 2px solid currentColor; border-left: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s ease; }.sidebar-collapsed .sidebar-toggle-chevron[b-887vywupkp] { transform: rotate(225deg); }
.space-nav[b-887vywupkp] { display: grid; gap: 4px; margin-top: 14px; } .space-nav-label[b-887vywupkp] { padding: 0 12px 6px; color: rgba(255,255,255,.56); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; } .space-nav-item[b-887vywupkp] { min-height: 42px; display: flex; align-items: center; gap: 9px; width: 100%; border: 0; border-radius: 6px; padding: 0 10px; background: transparent; color: rgba(255,255,255,.78); text-align: left; } .space-nav-item:hover[b-887vywupkp], .space-nav-item.active[b-887vywupkp] { background: rgba(255,255,255,.16); color: #fff; } .space-nav-item img[b-887vywupkp], .space-nav-mark[b-887vywupkp] { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 5px; object-fit: contain; background: rgba(255,255,255,.92); } .space-nav-mark[b-887vywupkp] { display: grid; place-items: center; color: var(--accent-strong); font-size: 11px; font-weight: 800; }
.sidebar-footer[b-887vywupkp] { display: flex; align-items: center; gap: 8px; margin-top: auto; padding: 10px; color: rgba(255,255,255,.62); font-size: 11px; line-height: 1.35; } .powered-by[b-887vywupkp] { max-width: 150px; } .sidebar-settings[b-887vywupkp] { width: 30px; height: 30px; margin-left: auto; flex: 0 0 auto; border: 0; border-radius: 5px; padding: 0; background: transparent; color: rgba(255,255,255,.78); font-size: 18px; } .sidebar-settings:hover[b-887vywupkp] { background: rgba(255,255,255,.16); color: #fff; }
.sidebar-collapsed .sidebar[b-887vywupkp] { padding: 18px 10px; }.sidebar-collapsed .sidebar-toggle[b-887vywupkp] { align-self: center; }.sidebar-collapsed .space-nav-label[b-887vywupkp], .sidebar-collapsed .space-nav-item > span:last-child[b-887vywupkp], .sidebar-collapsed .powered-by[b-887vywupkp], .sidebar-collapsed .sidebar-settings[b-887vywupkp] { display: none; }.sidebar-collapsed .space-nav[b-887vywupkp] { margin-top: 18px; }.sidebar-collapsed .space-nav-item[b-887vywupkp] { justify-content: center; padding: 0; }.sidebar-collapsed .sidebar-footer[b-887vywupkp] { justify-content: center; padding: 10px 0; }
main[b-887vywupkp] { min-width: 0; }
@media (max-width: 760px) { .docs-shell[b-887vywupkp], .docs-shell.sidebar-collapsed[b-887vywupkp] { display: block; } .sidebar[b-887vywupkp], .sidebar-collapsed .sidebar[b-887vywupkp] { position: static; height: auto; padding: 10px 14px; } .sidebar-toggle[b-887vywupkp] { align-self: flex-end; } .sidebar-collapsed .space-nav[b-887vywupkp] { display: none; }.space-nav[b-887vywupkp] { display: flex; align-items: center; margin: 8px 0 0; overflow-x: auto; } .space-nav-label[b-887vywupkp] { padding: 0 4px; } .space-nav-item[b-887vywupkp] { width: auto; flex: 0 0 auto; white-space: nowrap; } .sidebar-footer[b-887vywupkp] { display: none; } }