.desktop-sidebar-brand,.desktop-sidebar-group{display:none}
@media(min-width:751px){:root{--sidebar-width:80px}body.sidebar-open{--sidebar-width:264px}html[data-theme] aside{width:var(--sidebar-width);padding:0 14px 14px;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);box-shadow:none;gap:0}.desktop-sidebar-brand{display:flex;flex-direction:column;justify-content:center;height:90px;min-height:90px;padding:0 44px 0 8px;border-bottom:1px solid var(--line);overflow:hidden}.desktop-sidebar-brand img{display:block;flex-shrink:0;width:146px;height:34px;object-fit:cover;object-position:center;opacity:0;transition:opacity .15s}.desktop-sidebar-brand small{display:block;white-space:nowrap;font:500 7px/1.5 "Geist",system-ui,sans-serif;letter-spacing:1.7px;color:var(--muted);margin:1px 0 0 1px;opacity:0;transition:opacity .15s}.sidebar-open .desktop-sidebar-brand img,.sidebar-open .desktop-sidebar-brand small{opacity:1}html[data-theme=light] .desktop-sidebar-brand img{content:url('/jogabank-logo-light.svg')}html[data-theme] aside>.sidebar-toggle{position:absolute;right:22px;top:27px;width:34px;height:34px;min-height:34px;padding:8px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted)}html[data-theme] aside>.sidebar-toggle:hover{background:var(--surface-subtle);color:var(--ink);border-color:var(--control-border)}aside>.sidebar-toggle .sidebar-label{display:none}aside>.sidebar-toggle svg{width:17px;height:17px}html[data-theme] aside nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;margin:20px 0 0;padding:0 0 14px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.desktop-sidebar-group{display:block;flex-shrink:0;margin:18px 0 6px;padding:0 13px;font:500 9px/1.5 "Geist",system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;opacity:.75}.desktop-sidebar-group:first-child{margin-top:0}html[data-theme] aside #nav .nav{display:flex;align-items:center;flex-shrink:0;gap:12px;min-height:45px;margin:0;padding:11px 13px;border:1px solid transparent;border-radius:10px;font:400 12px/1.5 "Geist",system-ui,sans-serif;color:var(--muted);background:transparent;box-shadow:none;transition:background .15s,color .15s,border-color .15s}html[data-theme] aside #nav .nav svg{width:19px;height:19px;stroke-width:1.6;flex-shrink:0}html[data-theme] aside #nav .nav:hover{background:var(--surface-subtle);color:var(--ink)}html[data-theme] aside #nav .nav.active{background:#05171c10;color:var(--brand-text);border-color:#05171c20;font-weight:500;box-shadow:none}aside #nav .nav.active svg{stroke-width:1.9}html[data-theme] aside #nav .nav:focus-visible,html[data-theme] aside>.sidebar-toggle:focus-visible,html[data-theme] aside .theme-toggle:focus-visible,html[data-theme] aside .profile:focus-visible{outline:2px solid var(--brand-focus);outline-offset:-2px}body.sidebar-open aside .sidebar-label{max-width:185px;opacity:1}body:not(.sidebar-open) aside #nav .nav{justify-content:center;gap:0;padding:11px 0}body:not(.sidebar-open) .desktop-sidebar-group{font-size:0;height:1px;min-height:1px;background:var(--line);margin:13px 12px 7px;padding:0;opacity:.65}body:not(.sidebar-open) .desktop-sidebar-group:first-child{display:none}body:not(.sidebar-open) aside .sidebar-label{max-width:0;opacity:0}html[data-theme] aside .sidebottom{display:flex;flex-direction:column;gap:8px;flex-shrink:0;margin-top:auto;padding-top:10px;border-top:1px solid var(--line);min-width:0}html[data-theme] aside .sidebar-controls{border:0;margin:0;padding:0}html[data-theme] aside .theme-toggle{display:flex;align-items:center;gap:12px;padding:10px 13px;width:100%;min-height:42px;border-radius:10px;color:var(--muted);background:transparent;font:400 12px/1.5 "Geist",system-ui,sans-serif}html[data-theme] aside .theme-toggle:hover{color:var(--ink);background:var(--surface-subtle)}aside .theme-toggle svg{width:18px;height:18px;flex-shrink:0}html[data-theme] aside .profile{display:flex;align-items:center;gap:10px;padding:12px 10px;margin:0;min-height:64px;border:1px solid var(--line);border-radius:12px;background:transparent;text-align:left;width:100%;overflow:hidden;cursor:pointer}html[data-theme] aside .profile:hover{background:var(--surface-subtle)}html[data-theme] aside .profile .avatar{width:30px;height:30px;min-width:30px;margin:0;display:grid;place-items:center;background:#05171c14;color:var(--brand-text);border:1px solid #05171c18;border-radius:10px;font:600 10px "Geist",system-ui,sans-serif}aside .profile>div:last-child{min-width:0;flex:1}html[data-theme] aside .profile strong{display:block;max-width:173px;font:500 11px/1.5 "Geist",system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}html[data-theme] aside .profile small{display:block;font:400 9px/1.5 "Geist",system-ui,sans-serif;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:not(.sidebar-open) aside .theme-toggle{justify-content:center;padding:10px 0;gap:0}body:not(.sidebar-open) aside .profile{justify-content:center;padding:10px 0;gap:0;border-color:transparent}body:not(.sidebar-open) aside .profile>div:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){.desktop-sidebar-brand img,.desktop-sidebar-brand small,aside #nav .nav{transition:none!important}}/* Authentication always takes precedence over desktop and mobile sidebar layout. */
html[data-theme] body:not(.signed-in) aside,html[data-theme] body:not(.signed-in) .sidebar-backdrop,html[data-theme] body:not(.signed-in) .mobile-sidebar-trigger{display:none!important}