/* New Raj navigation skin. Menu hierarchy, order and interaction stay in workspace.html. */
aside.newraj-sidebar {
  width: 240px;
  padding: 24px 18px;
  color: #d8d4cc;
  background: linear-gradient(145deg, #181713, #0f0f0d);
  border-right: 1px solid #8f6f3247;
  scrollbar-width: thin;
  scrollbar-color: #766b53 transparent;
}
.newraj-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: #dbb763;
  text-decoration: none;
}
.newraj-sidebar-brand > img {
  display: block;
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  object-fit: contain;
  border: 1px solid #8f6f32;
  border-radius: 50%;
  background: #000;
}
.newraj-brand-copy { display: grid; gap: 5px; min-width: 0; }
.newraj-brand-copy strong {
  color: #dbb763;
  font-size: .82rem;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: .12em;
  white-space: nowrap;
}
.newraj-brand-copy small { color: #b7aa8c; font-size: 10px; line-height: 1.5; }
aside.newraj-sidebar .newraj-brand-copy strong,
.newraj-mobile-menu .newraj-brand-copy strong { color: #dbb763; }
aside.newraj-sidebar .newraj-brand-copy small,
.newraj-mobile-menu .newraj-brand-copy small { color: #b7aa8c; }
aside.newraj-sidebar :is(.text-neutral-400, .text-neutral-500) { color: #aaa392; }
aside.newraj-sidebar > .border-t { border-color: #a9905d2b; }
aside.newraj-sidebar > nav { gap: 5px; }
aside.newraj-sidebar .rbac-workspace-switch {
  margin-top: 22px;
  padding: 12px 10px;
  border-color: #8f6f3247;
  border-radius: 9px;
  color: #e4dece;
  background: #ffffff05;
}
aside.newraj-sidebar .rbac-workspace-switch:hover { border-color: #ab8c4c; background: #d9b56b0b; }
aside.newraj-sidebar .rbac-workspace-switch > svg { color: #b9a273; }
aside.newraj-sidebar .rbac-workspace-switch small { color: #b0a58e; }
aside.newraj-sidebar nav :is(a, summary),
.newraj-mobile-menu nav :is(a, summary) {
  min-height: 40px;
  padding: 9px 10px;
  gap: 10px;
  border-radius: 7px;
  color: #d8d4cc;
  background: transparent;
  font-size: 12px;
  font-weight: 450;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease;
}
aside.newraj-sidebar nav :is(a, summary) > svg,
.newraj-mobile-menu nav :is(a, summary) > svg { color: #bba779; flex-shrink: 0; }
aside.newraj-sidebar nav :is(a, summary):hover,
.newraj-mobile-menu nav :is(a, summary):hover { color: #f5e1ad; background: #d0ac6712; }
aside.newraj-sidebar nav :is(a[aria-current="page"], .module-nav-current),
.newraj-mobile-menu nav :is(a[aria-current="page"], .module-nav-current) {
  color: #f5e1ad;
  background: linear-gradient(90deg, #4a3a22, #30291e);
  box-shadow: inset 0 0 0 1px #b28a4033;
  font-weight: 600;
}
aside.newraj-sidebar nav :is(a[aria-current="page"], .module-nav-current) > svg,
.newraj-mobile-menu nav :is(a[aria-current="page"], .module-nav-current) > svg { color: #f0d18c; }
aside.newraj-sidebar nav .module-nav-parent-active,
aside.newraj-sidebar nav .module-nav-group[open] > summary,
.newraj-mobile-menu nav .module-nav-parent-active,
.newraj-mobile-menu nav .module-nav-group[open] > summary {
  color: #eed49d;
  background: #cfaa650c;
  font-weight: 600;
}
aside.newraj-sidebar .module-nav-children,
.newraj-mobile-menu .module-nav-children { border-left-color: #8f6f3259; }
aside.newraj-sidebar nav .module-nav-children .module-nav-link,
.newraj-mobile-menu nav .module-nav-children .module-nav-link {
  min-height: 36px;
  padding: 8px;
  font-size: 11px;
  gap: 7px;
}
aside.newraj-sidebar :is(a, summary, button):focus-visible,
.newraj-mobile-menu :is(a, summary, button):focus-visible {
  outline: 2px solid #e3c276;
  outline-offset: 3px;
}
aside.newraj-sidebar > .mt-auto { margin-top: auto; padding-top: 20px; }
aside.newraj-sidebar > .mt-auto > a { color: #e7e0d3; }
aside.newraj-sidebar .ui-avatar { color: #e9ce94; background: #393020; border: 1px solid #8f6f3259; }
aside.newraj-sidebar :is(.chat-sound-control, .mt-auto) .ui-button {
  color: #d8d4cc;
  border-color: transparent;
  background: transparent;
  border-radius: 7px;
}
aside.newraj-sidebar :is(.chat-sound-control, .mt-auto) .ui-button:hover {
  color: #f5e1ad;
  background: #d0ac6712;
  opacity: 1;
}
aside.newraj-sidebar .chat-sound-hint { color: #aaa392; }
aside.newraj-sidebar .chat-nav-badge,
aside.newraj-sidebar .attendance-nav-badge,
.newraj-mobile-menu :is(.chat-nav-badge, .attendance-nav-badge) {
  color: #f5e1ad;
  border-color: #a98a504d;
  background: #514021;
}
aside.newraj-sidebar::-webkit-scrollbar { width: 5px; }
aside.newraj-sidebar::-webkit-scrollbar-thumb { background: #766b53; border-radius: 99px; }
aside.newraj-sidebar::-webkit-scrollbar-thumb:hover { background: #ad986f; }
.newraj-mobile-menu { color: #d8d4cc; }
.newraj-mobile-menu > summary {
  width: fit-content;
  padding: 10px 13px;
  border: 1px solid #8f6f3259;
  border-radius: 7px;
  color: #e8ce98;
  background: #181713;
}
.newraj-mobile-menu[open] {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #8f6f3247;
  border-radius: 11px;
  background: linear-gradient(145deg, #181713, #0f0f0d);
}
.newraj-mobile-menu[open] > summary { border-color: transparent; padding-left: 0; background: transparent; }
.newraj-mobile-brand { padding: 13px 0 17px; border-bottom: 1px solid #a9905d2b; }
.newraj-mobile-menu nav > a { display: inline-flex; align-items: center; }
.newraj-mobile-menu .module-mobile-tree { border-top: 1px solid #a9905d2b; padding-top: 12px; }
.newraj-mobile-menu .chat-sound-control .ui-button,
.newraj-mobile-menu nav > form .ui-button { color: #d8d4cc; background: transparent; border-color: #8f6f3247; }
.newraj-mobile-menu .chat-sound-hint { color: #aaa392; }
@media (prefers-reduced-motion: reduce) {
  aside.newraj-sidebar nav :is(a, summary), .newraj-mobile-menu nav :is(a, summary) { transition: none; }
}
@media (forced-colors: active) {
  aside.newraj-sidebar, .newraj-mobile-menu[open] { border-color: CanvasText; }
  aside.newraj-sidebar nav :is(a[aria-current="page"], .module-nav-current),
  .newraj-mobile-menu nav :is(a[aria-current="page"], .module-nav-current) { outline: 1px solid Highlight; }
}

/* Main workspace links and notification button share one alignment grid. */
aside.newraj-sidebar .workspace-primary-nav{gap:5px}
aside.newraj-sidebar .workspace-primary-nav>:is(a,button){display:flex;align-items:center;gap:12px;width:100%;min-height:42px;margin:0;padding:10px 12px;border:0;border-radius:8px;font-family:inherit;font-size:12px;font-weight:450;line-height:20px;text-align:left;color:#d8d4cc;background:transparent;box-sizing:border-box;cursor:pointer}
aside.newraj-sidebar .workspace-primary-nav>:is(a,button)>svg{width:18px;height:18px;flex:0 0 18px;color:#bba779}
aside.newraj-sidebar .workspace-primary-nav>:is(a,button):hover{color:#f5e1ad;background:#d0ac6712}
aside.newraj-sidebar .workspace-primary-nav>:is(a,button)[aria-current="page"],aside.newraj-sidebar .workspace-primary-nav>.notification-trigger[aria-expanded="true"]{color:#f5e1ad;background:linear-gradient(90deg,#4a3a22,#30291e);box-shadow:inset 0 0 0 1px #b28a4033;font-weight:600}
aside.newraj-sidebar .workspace-primary-nav>:is(a,button)[aria-current="page"]>svg,aside.newraj-sidebar .workspace-primary-nav>.notification-trigger[aria-expanded="true"]>svg{color:#f0d18c}
aside.newraj-sidebar .workspace-primary-nav .notification-count{flex:0 0 auto;margin-left:auto;min-width:22px;height:22px;padding:0 6px;font-size:10px;line-height:22px;border-radius:7px;font-variant-numeric:tabular-nums}