/* MML v4.10.0.11 – persistent, identical sidebar on every application view */

/* The dashboard redesign must never disable sidebar interaction. */
.dashboard-exact-v41008 .nav-group-toggle,
.beta-shell .nav-group-toggle {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Use one navigation language everywhere, including the dashboard. */
.dashboard-exact-v41008 .beta-sidebar,
.beta-sidebar {
  width: 252px !important;
  min-width: 252px !important;
  background: #07100c !important;
  border-right: 1px solid #21312a !important;
  color: #eef7f1 !important;
}

.dashboard-exact-v41008 .beta-nav,
.beta-nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 14px 11px 18px !important;
  overflow-y: auto !important;
  min-height: 0 !important;
}

/* Restore real accordion headings on the dashboard. */
.dashboard-exact-v41008 .nav-group {
  margin: 4px 0 !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
}
.dashboard-exact-v41008 .nav-group.is-open {
  background: rgba(255,255,255,.018) !important;
  border-color: #1c2c25 !important;
}
.dashboard-exact-v41008 .nav-group-toggle,
.beta-shell .nav-group-toggle {
  min-height: 40px !important;
  height: auto !important;
  padding: 8px 10px !important;
  display: grid !important;
  grid-template-columns: 23px minmax(0,1fr) 20px !important;
  gap: 9px !important;
  align-items: center !important;
  color: #dce8e1 !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 9px !important;
}
.dashboard-exact-v41008 .nav-group-toggle:hover,
.beta-shell .nav-group-toggle:hover {
  color: #78f28c !important;
  background: #10231a !important;
}
.dashboard-exact-v41008 .nav-group-toggle .nav-icon,
.dashboard-exact-v41008 .nav-chevron,
.beta-shell .nav-group-toggle .nav-icon,
.beta-shell .nav-chevron {
  display: grid !important;
}

/* A submenu is visible only when its group is open. */
.dashboard-exact-v41008 .nav-submenu,
.beta-shell .nav-submenu {
  display: none !important;
  padding: 2px 6px 8px 15px !important;
}
.dashboard-exact-v41008 .nav-group.is-open > .nav-submenu,
.beta-shell .nav-group.is-open > .nav-submenu {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.dashboard-exact-v41008 .nav-chevron,
.beta-shell .nav-chevron {
  transition: transform .18s ease !important;
  color: #7f9388 !important;
}
.dashboard-exact-v41008 .nav-group.is-open .nav-chevron,
.beta-shell .nav-group.is-open .nav-chevron {
  transform: rotate(180deg) !important;
  color: #78f28c !important;
}

/* Identical leaf styling on every view. */
.dashboard-exact-v41008 .nav-leaf,
.beta-shell .nav-leaf {
  width: 100% !important;
  min-height: 36px !important;
  padding: 6px 9px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0,1fr) auto !important;
  gap: 9px !important;
  align-items: center !important;
  text-align: left !important;
  color: #dbe6df !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.dashboard-exact-v41008 .nav-leaf:hover,
.beta-shell .nav-leaf:hover {
  background: #10231a !important;
  color: #8df69a !important;
}
.dashboard-exact-v41008 .nav-leaf.active,
.beta-shell .nav-leaf.active {
  background: #08351f !important;
  border-color: #17633b !important;
  color: #76f58b !important;
  box-shadow: inset 3px 0 0 #55e978 !important;
}
.dashboard-exact-v41008 .nav-icon,
.beta-shell .nav-icon {
  width: 21px !important;
  height: 21px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 7px !important;
  background: #101b16 !important;
  font-size: 12px !important;
}

/* Keep brand, club card, admin link and footer identical across views. */
.dashboard-exact-v41008 .app-brand,
.dashboard-exact-v41008 .beta-club-card,
.dashboard-exact-v41008 .admin-center-link,
.dashboard-exact-v41008 .sidebar-foot {
  display: flex !important;
}
.dashboard-exact-v41008 .nav-preview { display: grid !important; }
.dashboard-exact-v41008 .admin-center-link small { display: block !important; }
.dashboard-exact-v41008 .sidebar-foot { margin-top: auto !important; }

/* Preserve the same sidebar geometry when legacy pages add body classes. */
body.admin-mode .beta-sidebar,
body.admin-mode .sidebar {
  width: 252px !important;
  min-width: 252px !important;
  overflow: hidden !important;
}

@media (max-width: 900px) {
  .dashboard-exact-v41008 .beta-sidebar,
  .beta-sidebar {
    width: 252px !important;
    min-width: 252px !important;
  }
}