/* Sidebar rules shared by administration and CRM; no workspace styling. */
.shell > .sidebar {
  background:#13201e;
  overflow:hidden;
  scrollbar-width:none;
}
.shell > .sidebar > nav {
  flex:1 1 auto;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-width:none;
  scrollbar-gutter:auto;
}
.shell > .sidebar::-webkit-scrollbar,.shell > .sidebar > nav::-webkit-scrollbar {
  display:none;
  width:0;
  height:0;
}
.shell > .sidebar > .brand,.shell > .sidebar > #account-nav,
.shell > .sidebar > .sidebar-footer,.shell > .sidebar > .sidebar-foot { flex:0 0 auto; }
@media(min-width:761px) {
  /* Match the personal-work panel from the first paint, before either app boots. */
  .shell:not(.vin-standalone-shell):not(.sidebar-collapsed) { grid-template-columns:248px minmax(0,1fr); }
  .shell > .sidebar { height:100vh; height:100dvh; padding:22px 16px 18px; }
}
@media(max-width:760px) {
  .shell:not(.seller-shell) > .sidebar { width:min(310px,calc(100vw - 52px)); height:100vh; height:100dvh; }
  .seller-shell > .sidebar > nav { flex:0 0 auto; overflow-x:auto; overflow-y:hidden; }
}
.sidebar .evoo-unified-nav { display:grid; grid-template-columns:minmax(0,1fr); grid-auto-flow:row; align-content:start; gap:12px; margin-top:12px; min-width:0; }
.sidebar .evoo-unified-nav .nav-section { margin:0; min-width:0; }
.sidebar .evoo-unified-nav .nav-section-toggle { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; min-height:32px; margin:0 0 4px; padding:6px 8px; border:0; border-radius:6px; background:transparent; color:#a9b6b1; text-align:left; cursor:pointer; }
.sidebar .evoo-unified-nav .nav-section-label { margin:0; color:inherit; font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; line-height:1.4; }
.sidebar .evoo-unified-nav .nav-section-items { display:grid; grid-template-columns:minmax(0,1fr); gap:3px; }
.sidebar .evoo-unified-nav .nav-section-items[hidden] { display:none; }
.sidebar .evoo-unified-nav .nav-link { display:flex; align-items:center; gap:10px; min-height:38px; margin:0; padding:8px; border:1px solid transparent; border-radius:7px; color:#d2ddd7; background:transparent; font-size:12px; font-weight:550; line-height:1.35; text-decoration:none; }
.sidebar .evoo-unified-nav .nav-link-label { flex:1; min-width:0; overflow-wrap:anywhere; }
.sidebar .evoo-unified-nav .nav-icon { display:grid; place-items:center; width:18px; height:18px; flex:0 0 18px; color:#8caaa0; }
.sidebar .evoo-unified-nav .ui-icon { width:18px; height:18px; fill:none; stroke:currentColor; }
.sidebar .evoo-unified-nav .nav-link:hover,.sidebar .evoo-unified-nav .nav-section-toggle:hover { color:#fff; background:#24352f; }
.sidebar .evoo-unified-nav .nav-link.active { color:#f1ffc7; background:#293b2a; border-color:#657b3a; box-shadow:inset 3px 0 #dfff00; }
.sidebar .evoo-unified-nav .nav-link.active .nav-icon { color:#dfff00; }
.sidebar .evoo-unified-nav :is(a,button):focus-visible { outline:2px solid #dfff00; outline-offset:2px; }
@media(min-width:761px) {
  .admin-shell.sidebar-collapsed .evoo-unified-nav .nav-section-items[hidden] { display:grid; }
  .admin-shell.sidebar-collapsed .evoo-unified-nav .nav-link { justify-content:center; padding:8px 4px; }
}
@media(max-width:760px) {
  .nav-open .sidebar { z-index:80; }
  /* Retain the administration's existing salesperson mobile bar. */
  .seller-shell .sidebar .evoo-unified-nav { display:flex; gap:4px; margin-top:0; }
  .seller-shell .sidebar .evoo-unified-nav .nav-section,.seller-shell .sidebar .evoo-unified-nav .nav-section-items,.seller-shell .sidebar .evoo-unified-nav .nav-section-items[hidden] { display:contents; }
  .seller-shell .sidebar .evoo-unified-nav .nav-section-toggle { display:none; }
  .seller-shell .sidebar .evoo-unified-nav .nav-link { flex:0 0 82px; flex-direction:column; justify-content:center; gap:3px; width:82px; min-height:54px; height:54px; padding:4px; font-size:9px; text-align:center; }
  .seller-shell .sidebar .evoo-unified-nav .nav-link-label { flex:initial; }
}
