/* Navigation only; area visibility and the mobile rail remain owned by the shell. */
html body .sidebar { background:#19221e !important; }
html body #mainNav { padding-right:0; }
html body #mainNav .nav-page { gap:4px; }
html body #mainNav :is(a[data-view-link],.nav-submenu > summary) {
  position:relative; min-height:48px; min-width:0; gap:10px;
  padding:10px 12px; border:0; border-radius:6px;
  background:transparent; color:#eef3ef; font-size:14px; line-height:20px;
  font-weight:400; box-shadow:none !important; transform:none;
}
html body #mainNav :is(a[data-view-link],.nav-submenu > summary) > span:not(.nav-icon):not(.nav-submenu-chevron) {
  min-width:0; white-space:normal; overflow-wrap:anywhere; font-weight:inherit; color:inherit;
}
html body #mainNav :is(a[data-view-link],.nav-submenu > summary):hover { background:#25322b !important; color:#fff; }
html body #mainNav :is(a[data-view-link].active,.nav-submenu > summary.active) {
  background:#2b3931 !important; color:#fff !important; font-weight:500;
}
html body #mainNav :is(a[data-view-link].active,.nav-submenu > summary.active)::before {
  content:'' !important; display:block !important; position:absolute; left:0; top:12px; bottom:12px;
  width:3px; height:auto; border:0 !important; border-radius:2px; background:#ed777e; transform:none;
}
html body #mainNav :is(a[data-view-link],.nav-submenu > summary):focus-visible { outline:2px solid #ed777e; outline-offset:-2px; }
html body #mainNav .nav-icon.has-library-icon {
  position:static; display:grid; place-items:center; flex:0 0 26px;
  width:26px; height:26px; margin:0; padding:0; border:0; border-radius:3px;
  background:transparent !important; box-shadow:none; transform:none; opacity:1;
}
html body #mainNav .nav-icon.has-library-icon img {
  position:static; display:block; width:22px; height:22px; max-width:none;
  margin:0; padding:0; object-fit:contain; filter:none; transform:none;
}
html body #mainNav .nav-section-label { margin:18px 12px 10px; gap:12px; color:#a9b8ae; font-size:11px; font-weight:500; letter-spacing:0; }
html body #mainNav .nav-section-label::after { background:#65786d; }
html body #mainNav .nav-active-area-label {
  color:#eef3ef; font-size:15px; line-height:22px; font-weight:600; text-transform:none;
  margin-bottom:12px;
}
html body #mainNav .nav-admin { opacity:1; }
html body #mainNav :is(.nav-area-separator,.nav-admin-separator) { background:#65786d; margin:12px; }
html body #mainNav :is(a.nav-sub,a.temp-client-link) {
  margin-left:24px !important; padding-left:12px !important; font-size:13px;
}
html body #mainNav .nav-submenu > a.nav-sub { margin-top:4px; }
html body #mainNav .nav-submenu > a.nav-sub::after {
  content:'' !important; display:block !important; position:absolute; left:-10px; top:-4px; bottom:0;
  width:1px; height:auto; border:0; border-radius:0; background:#35433b;
}
html body #mainNav .nav-submenu-chevron { color:#a9b8ae; font-weight:400; flex-shrink:0; }
html body #mainNav .sync-card { border:0; border-top:1px solid #65786d; border-radius:0; background:transparent; box-shadow:none; padding:16px 10px 4px; }

html body #mainNav #callerStatus { display:flex; align-items:center; gap:6px; min-width:0; line-height:20px; }
html body #mainNav #callerStatus::before { flex-shrink:0; }
html body #mainNav #callerStatus > a {
  display:inline; min-height:0; min-width:0; margin:0; padding:0; border:0; border-radius:0;
  background:transparent !important; box-shadow:none !important; transform:none;
  font-size:inherit; font-weight:400; line-height:inherit; color:inherit;
}

html body #mainNav #impersonateForm label { min-width:0; gap:6px; }
html body #mainNav #impersonateForm label > span { color:#a9b8ae; font-weight:500; }
html body #mainNav #impersonateUser {
  width:100%; min-width:0; height:40px; min-height:40px; padding:0 10px;
  border:1px solid #526458; border-radius:6px; background:#25322b !important;
  color:#eef3ef; color-scheme:dark; font-size:14px; font-weight:400; box-shadow:none !important;
}
html body #mainNav #impersonateUser option { background:#25322b; color:#eef3ef; }
html body #mainNav #impersonateUser:hover:not(:disabled) { border-color:#82988c; }
html body #mainNav #impersonateUser:focus-visible { border-color:#ed777e !important; }
html body #mainNav #impersonateUser:disabled { opacity:.6; cursor:wait; }
@media(max-width:900px) { html body #mainNav #impersonateUser { font-size:16px; } }

html body #mainNav .nav-admin-settings { margin-top:auto; }