/* Shared navigation: a single surface with recognisable icons. */
.sidebar{background:#151719;box-shadow:none;border-color:#2a2e31;border-radius:14px}
.sidebar .brand{background:transparent;border:0;border-radius:0;padding:4px 0;gap:10px}
.sidebar .brand-mark{width:38px;height:38px;border-radius:10px}
.sidebar .brand{grid-template-columns:38px minmax(0,1fr)}
.sidebar .brand-copy strong{font-size:16px;letter-spacing:-.3px}
.sidebar .brand-copy small{font-size:11px;color:#90979e}
.sidebar-collapse-btn{border:0;background:transparent;border-radius:7px;color:#929ba4}
.sidebar-collapse-btn:hover{background:#272c30}
.sidebar .nav{scrollbar-width:thin;scrollbar-color:#3f464d transparent;padding-right:2px}
.sidebar .nav::-webkit-scrollbar{width:4px;height:4px}
.sidebar .nav::-webkit-scrollbar-track{background:transparent}
.sidebar .nav::-webkit-scrollbar-thumb{background:#3f464d;border-radius:4px}
.sidebar .nav::-webkit-scrollbar-button{display:none;width:0;height:0}
.sidebar .nav-section-label{font-size:10px;letter-spacing:.1em;color:#8d969e;font-weight:650;padding:0 10px}
.sidebar .nav a{border:0;min-height:40px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:550;color:#b5bcc3;box-shadow:none}
.sidebar .nav a:hover{background:#24282c;color:#fff}
.sidebar .nav a.active{background:#382320;color:#fff}
.sidebar .nav a.active::before{display:none}
.sidebar .nav-entry{gap:12px}
.sidebar .nav-icon,.sidebar .nav a:hover .nav-icon,.sidebar .nav a.active .nav-icon{width:21px;height:21px;flex-basis:21px;border:0;border-radius:0;background:transparent;color:inherit}
.sidebar .nav-icon svg{width:21px;height:21px;display:block}
.sidebar .nav a.active .nav-icon{color:#f47f74}
.sidebar .nav a:focus-visible,.sidebar button:focus-visible,.access-details summary:focus-visible{outline:2px solid #f47f74;outline-offset:-2px}
.sidebar .access-card{border:0;border-top:1px solid #303539;border-radius:0;background:transparent;padding:12px 4px 0;gap:9px}
.sidebar .access-mode strong{font-size:12px;font-weight:550;color:#c6cdd3}
.sidebar .access-mode p{display:none}
.sidebar .access-status-dot{width:6px;height:6px;flex-basis:6px;box-shadow:none}
.sidebar .access-account{border:0;padding:0;gap:9px}
.sidebar .access-avatar{background:#292d32;color:#d1d7de;border-radius:50%;width:32px;height:32px;flex-basis:32px;font-size:10px}
.sidebar .access-account #sessionLabel{font-size:11px;line-height:1.4;color:#bcc4cb}
.sidebar .access-card #logoutBtn{border:1px solid #343a40;border-radius:7px;background:transparent;min-height:36px;font-size:12px;font-weight:550;color:#bfc7cd}
.sidebar .access-card #logoutBtn:hover{background:#282c30;color:#fff}
.access-details{color:#98a2ab;font-size:11px}
.access-details summary{cursor:pointer;min-height:24px;line-height:24px}
.access-details .access-card-copy{display:block;margin:6px 0;line-height:1.5;color:#aeb7bf;font-size:12px}
@media(min-width:1121px){
  .app{grid-template-columns:248px minmax(0,1fr);padding:14px;gap:18px}
  .app.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}
  .app.auth-locked{grid-template-columns:minmax(0,1fr)}
  .sidebar{top:14px;height:calc(100dvh - 28px);padding:14px 10px 12px;gap:16px}
  .sidebar-brand-row{grid-template-columns:minmax(0,1fr) 26px;gap:3px;padding:0 4px}
  .sidebar .nav{gap:20px}
  .sidebar .nav-group{gap:7px}
  .sidebar .nav-links{gap:3px}
  .app.sidebar-collapsed .sidebar{padding:12px 9px;gap:14px}
  .app.sidebar-collapsed .sidebar-brand-row{display:flex;flex-direction:column;gap:7px;padding:0}
  .app.sidebar-collapsed .brand{display:flex;justify-content:center;padding:0;border:0;background:transparent}
  .app.sidebar-collapsed .sidebar-collapse-btn{width:38px;height:30px;background:transparent}
  .app.sidebar-collapsed .nav{gap:12px;padding:0;scrollbar-width:none}
  .app.sidebar-collapsed .nav::-webkit-scrollbar{width:0}
  .app.sidebar-collapsed .nav-group+.nav-group{border-top:1px solid #2c3136;padding-top:12px}
  .app.sidebar-collapsed .nav a{min-height:42px;padding:10px;border-radius:9px;justify-content:center}
  .app.sidebar-collapsed .nav-entry{gap:0}
  .app.sidebar-collapsed .access-card{padding:12px 0 0;gap:8px;border-top:1px solid #303539;justify-items:center}
  .app.sidebar-collapsed .access-details{display:none}
  .app.sidebar-collapsed .access-card #logoutBtn{width:38px;min-height:36px;border:0;font-size:0}
  .app.sidebar-collapsed .access-card #logoutBtn::before{content:"";display:block;width:20px;height:20px;margin:auto;background:currentColor;mask:url("../assets/nav-signout.svg") center/contain no-repeat;-webkit-mask:url("../assets/nav-signout.svg") center/contain no-repeat}
}
@media(max-width:1120px){.sidebar .access-details{display:none}.sidebar .nav a{min-height:44px}}