.topbar.titled{padding:4px 0 12px}.topbar-title{margin:0;font-size:22px;font-weight:700;letter-spacing:-.5px;line-height:1.2;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-sub{display:flex;align-items:center;gap:5px;min-width:0;font-size:13px;color:var(--text-secondary);flex-wrap:wrap}.topbar-sub svg{flex:none}.topbar-sub.ok svg{color:var(--brand-ink)}.topbar-sub.warn{color:var(--warning)}.topbar-sub.critical{color:var(--critical)}.topbar .btn.icon svg{width:19px;height:19px}.sidenav{display:none}@media (min-width:1024px){body:has(.sidenav){padding-left:224px;transition:padding-left .18s ease}body:has(.sidenav.is-collapsed){padding-left:72px}.sidenav{position:fixed;left:0;top:0;bottom:0;width:224px;box-sizing:border-box;z-index:30;display:flex;flex-direction:column;gap:6px;padding:14px 12px calc(12px + env(safe-area-inset-bottom));background:var(--brand);color:var(--on-brand);overflow:hidden;transition:width .18s ease,padding .18s ease}.sidenav.is-collapsed{width:72px;padding-inline:10px}.sidenav-brand{display:flex;align-items:center;gap:10px;padding:0 6px 10px;font-size:16px;font-weight:700;color:var(--on-brand);white-space:nowrap}.sidenav-logo{width:30px;height:30px;border-radius:11px;background:var(--brand-deep);color:var(--accent);display:flex}.sidenav-logo,.sidenav-toggle{flex:none;align-items:center;justify-content:center}.sidenav-toggle{width:32px;height:32px;margin-left:auto;display:inline-flex;padding:0;border:0;border-radius:10px;background:transparent;color:var(--on-brand);cursor:pointer}.sidenav-toggle:hover{background:rgba(255,255,255,.12)}.sidenav-toggle:focus-visible{outline:2px solid var(--on-brand);outline-offset:2px}.sidenav-menu{display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;scrollbar-width:none}.sidenav-menu::-webkit-scrollbar{display:none}.sidenav-menu a{min-height:40px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;color:var(--on-brand);font-size:15px;font-weight:600;white-space:nowrap}.sidenav-menu a svg{flex:none}.sidenav.is-collapsed .sidenav-brand,.sidenav.is-collapsed .sidenav-menu a,.sidenav.is-collapsed .sidenav-user{justify-content:center}.sidenav.is-collapsed .sidenav-brand{padding-inline:0}.sidenav.is-collapsed .sidenav-toggle{position:absolute;left:20px;top:52px}.sidenav.is-collapsed .sidenav-menu{margin-top:36px}.sidenav.is-collapsed .sidenav-menu a{padding-inline:8px}.sidenav.is-collapsed .sidenav-label{display:none}.sidenav-menu a:hover{background:rgba(255,255,255,.12)}.sidenav-menu a.active{background:var(--surface-1);color:var(--brand-ink);font-weight:700}.sidenav-count{margin-left:auto;padding:1px 8px;border-radius:var(--r-pill);background:var(--brand);color:var(--on-brand);font-size:13px;font-weight:700}.sidenav-foot{margin-top:auto;flex:none;display:flex;flex-direction:column;gap:8px;padding-top:8px}.sidenav-user{display:flex;align-items:center;gap:9px;padding:8px 6px 0;font-size:14px;font-weight:600;color:var(--on-brand)}.sidenav-who{flex:1 1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.sidenav-who b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidenav-who span{font-size:12.5px;font-weight:500}.sidenav-user .btn.icon.white{width:var(--tap);height:var(--tap);background:var(--brand-deep);color:var(--on-brand-deep)}.sidenav-user .btn.icon svg{width:17px;height:17px}.sidenav.is-collapsed .sidenav-user{flex-direction:column;padding-inline:0}.sidenav.is-collapsed .sidenav-user .btn.icon.white{width:40px;height:40px}.topbar .mainnav.in-head,.topbar>.btn.icon.white:last-child{display:none}}