/* One navigation treatment for every RareU view. Load after page styles. */
body.ru-dashboard .sidebar .ru-nav-label {
  display:block;
  margin:17px 9px 4px;
  color:#866e52;
  font-family:inherit;
  font-size:9px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.9px;
  text-transform:uppercase;
}
body.ru-dashboard .sidebar .ru-nav-group + .ru-nav-group { margin-top:0; }
body.ru-dashboard .sidebar .nav-link {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:11px;
  width:100%;
  min-width:0;
  min-height:42px;
  margin:2px 0;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
  color:#766454;
  font-family:inherit;
  font-size:12px;
  font-weight:550;
  line-height:1.5;
  text-align:left;
  text-decoration:none;
  white-space:normal;
}
body.ru-dashboard .sidebar .nav-link:hover {
  background:#fff4d8;
  color:#593d23;
}
body.ru-dashboard .sidebar .nav-link.active,
body.ru-dashboard .sidebar .nav-link[aria-current="page"] {
  border-color:#f5dfac;
  background:#ffebbb;
  box-shadow:none;
  color:#623d13;
  font-weight:750;
}
/* Keep vectors clear at every zoom level; no sprite crops, tinted tiles or filters. */
body.ru-dashboard .sidebar .nav-link > svg.ru-nav-icon,
body.ru-dashboard .rs-mobile-nav a > svg.ru-nav-icon {
  display:block;
  flex:0 0 22px;
  width:22px;
  height:22px;
  min-width:22px;
  max-width:none;
  margin:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  color:#db6d0b;
  fill:none;
  filter:none;
  opacity:1;
  mix-blend-mode:normal;
  transform:none;
}
body.ru-dashboard .sidebar .nav-link.active > svg.ru-nav-icon,
body.ru-dashboard .sidebar .nav-link[aria-current="page"] > svg.ru-nav-icon {
  color:#9c500d;
}
body.ru-dashboard .sidebar .nav-link:focus-visible,
body.ru-dashboard .rs-mobile-nav a:focus-visible {
  outline:3px solid #ce8b2a;
  outline-offset:2px;
}
@media (min-width:1025px) {
  body.ru-dashboard .rs-collapsed .sidebar .nav-link {
    justify-content:center;
    padding-inline:5px;
  }
  body.ru-dashboard .rs-collapsed .sidebar .ru-nav-label,
  body.ru-dashboard .rs-collapsed .sidebar .nav-link > span { display:none; }
  body.ru-dashboard .rs-collapsed .sidebar .ru-nav-group { margin-top:12px; }
}
@media (max-width:1024px) {
  body.ru-dashboard .rs-mobile-nav a > svg.ru-nav-icon {
    flex-basis:24px;
    width:24px;
    height:24px;
    min-width:24px;
    color:#796c5b;
  }
  body.ru-dashboard .rs-mobile-nav a[aria-current="page"] > svg.ru-nav-icon {
    color:#bc6410;
    fill:none;
  }
}

/* The standalone Vani workspace uses the same RareU navigation. */
body.vani-workspace { --vw-side:206px; }
body.vani-workspace .vw-sidebar {
  width:var(--vw-side);
  padding:24px 14px;
  background:#fff9ed;
  border-right:1px solid #e9ddc8;
}
body.vani-workspace .vw-sidebar nav { margin-top:25px; }
body.vani-workspace .vw-nav-group p {
  margin:17px 9px 4px;
  color:#866e52;
  font-size:9px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.9px;
}
body.vani-workspace .vw-nav-group a {
  gap:11px;
  min-height:42px;
  padding:8px 10px;
  margin:2px 0;
  color:#766454;
  font-size:12px;
  font-weight:550;
  line-height:1.5;
  border:1px solid transparent;
  border-radius:8px;
}
body.vani-workspace .vw-nav-group a:hover { background:#fff4d8;color:#593d23; }
body.vani-workspace .vw-nav-group a[aria-current="page"] {
  background:#ffebbb;
  border-color:#f5dfac;
  color:#623d13;
  font-weight:750;
}
body.vani-workspace .vw-nav-group .ru-nav-icon {
  display:block;
  flex:0 0 22px;
  width:22px;
  height:22px;
  color:#db6d0b;
  fill:none;
  filter:none;
  background:none;
}
body.vani-workspace .vw-nav-group a[aria-current="page"] .ru-nav-icon { color:#9c500d; }
body.vani-workspace .vw-collapse { display:grid;place-items:center; }
body.vani-workspace .vw-collapse svg { width:18px;height:18px; }
body.vani-workspace .vw-blessing h2 { display:flex;gap:8px;align-items:center; }
body.vani-workspace.vw-collapsed { --vw-side:70px; }
body.vani-workspace.vw-collapsed .vw-nav-group a { justify-content:center;padding-inline:5px; }
body.vani-workspace.vw-collapsed .vw-sidebar nav { margin-top:54px; }
body.vani-workspace.vw-collapsed .vw-nav-group { margin-top:12px; }
@media(min-width:1025px) and (max-width:1200px) {
  body.vani-workspace:not(.vw-collapsed) { --vw-side:180px; }
}
@media(max-width:1024px) {
  body.vani-workspace,
  body.vani-workspace.vw-collapsed { --vw-side:0px; }
}

/* Reference artwork stays photographic; small interface glyphs are clean SVG. */
body.ru-dashboard :is(.rt-page,.sd-page,.sw-page,.mm-page,.sc-page) :is(.rt-art,.sd-art,.sw-art,.mm-art,.sc-icon),
body.ru-dashboard svg.ku-art.rx-vector {
  mix-blend-mode:normal;
}
body.ru-dashboard :is(.rt-art,.sd-art,.sw-art,.mm-art,.sc-icon) > .rx-vector,
body.ru-dashboard svg:is(.rr-icon,.rjp-art,.ku-art).rx-vector {
  color:#cb7319;
  overflow:visible;
  filter:none;
  mix-blend-mode:normal;
}
body.ru-dashboard :is(.rt-art,.sd-art,.sw-art,.mm-art,.sc-icon) > .rx-vector:is([data-hw-icon="leaf"],[data-hw-icon="gem"],[data-hw-icon="mercury"]),
body.ru-dashboard svg:is(.rr-icon,.rjp-art,.ku-art).rx-vector:is([data-hw-icon="leaf"],[data-hw-icon="gem"],[data-hw-icon="mercury"]) { color:#39865c; }
body.ru-dashboard :is(.rt-art,.sd-art,.sw-art,.mm-art,.sc-icon) > .rx-vector:is([data-hw-icon="lotus"],[data-hw-icon="heart"],[data-hw-icon="hearts"],[data-hw-icon="venus"]),
body.ru-dashboard svg:is(.rr-icon,.rjp-art,.ku-art).rx-vector:is([data-hw-icon="lotus"],[data-hw-icon="heart"],[data-hw-icon="hearts"],[data-hw-icon="venus"]) { color:#c25b82; }
body.ru-dashboard :is(.rt-art,.sd-art,.sw-art,.mm-art,.sc-icon) > .rx-vector:is([data-hw-icon="moon"],[data-hw-icon="moon-stars"],[data-hw-icon="chart"],[data-hw-icon="numbers"]),
body.ru-dashboard svg:is(.rr-icon,.rjp-art,.ku-art).rx-vector:is([data-hw-icon="moon"],[data-hw-icon="moon-stars"],[data-hw-icon="chart"],[data-hw-icon="numbers"]) { color:#7c62b3; }
body.ru-dashboard .sc-primary .sc-icon > .rx-vector { color:inherit; }
