/* lk-go layout + tweaks layered on top of Bootstrap 5.3.3 * (template/static/css/bootstrap.min.css). Keep Bootstrap's utilities where * they suffice; this file only holds the bits Bootstrap doesn't provide. */ body.logged-in { background: #f1f4f9; } /* Sidebar + content shell for authenticated users. The shell is pinned to the * viewport: the sidebar keeps a static viewport height while the main content * column scrolls internally, so the sidebar (and its bottom logout) never * scroll out of view. */ .app-shell { display: flex; height: 100vh; overflow: hidden; } .sidebar { width: 240px; flex-shrink: 0; background: #1f2d3d; color: #fff; display: flex; flex-direction: column; overflow-y: auto; transition: width 0.2s ease; } /* Collapsed state driven by sidebar.js (topbar toggle, persisted to localStorage): * narrows to an icon-only rail rather than disappearing, so navigation stays * reachable. The class lives on (set by an inline head script in * main.html before first paint) so a reload renders already-collapsed with no * expanded-then-collapsed flash. */ html.sidebar-collapsed .app-shell .sidebar { width: 64px; } .sidebar-brand { padding: 1rem 1.25rem; font-weight: 600; font-size: 1.05rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; gap: 0.6rem; white-space: nowrap; overflow: hidden; } .sidebar-brand-mark { width: 1.4rem; height: 1.4rem; flex-shrink: 0; } html.sidebar-collapsed .app-shell .sidebar-brand { padding-left: 0; padding-right: 0; justify-content: center; } .sidebar-nav { flex: 1; padding: 0.5rem 0; display: flex; flex-direction: column; } .sidebar-nav .nav-link { color: #c8d0d9; padding: 0.6rem 1.25rem; display: flex; align-items: center; gap: 0.75rem; white-space: nowrap; overflow: hidden; } .sidebar-nav .nav-link:hover { color: #fff; background: rgba(255, 255, 255, 0.06); } .sidebar-nav-icon { width: 1.1rem; height: 1.1rem; flex-shrink: 0; } .sidebar-nav-label { display: flex; align-items: center; gap: 0.5rem; overflow: hidden; text-overflow: ellipsis; } html.sidebar-collapsed .app-shell .sidebar-brand-text, html.sidebar-collapsed .app-shell .sidebar-nav-label { display: none; } html.sidebar-collapsed .app-shell .sidebar-nav .nav-link { justify-content: center; padding: 0.65rem 0; } /* Logout pinned to the bottom of the sidebar. It lives inside .sidebar-nav so * it inherits the exact nav-link hit-box and hover styling of the other items * (full-width clickable row, same padding); only the