/* rk-sidebar-prepaint.css
   Loaded FIRST in APEX app CSS list.
   Sets nav container background immediately at paint time
   to prevent white-flash / blue-flash FOUC blink on page navigation.
*/
.t-Body-nav,
.t-TreeNav,
.t-TreeNav .a-TreeView,
.t-TreeNav .a-TreeView-node {
  background: #f8fafc !important;
}

.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 14px;
}

/* Pre-paint the selected state via :has() — zero JS required */
.t-TreeNav .a-TreeView-node--topLevel:has(.is-current) > .a-TreeView-content,
.t-TreeNav .a-TreeView-node--topLevel:has(a[aria-current="page"]) > .a-TreeView-content {
  background: linear-gradient(180deg, #ffffff 0%, #eff6ff 60%, #dbeafe 100%);
  border: 1.5px solid #93c5fd;
  border-bottom-color: #60a5fa;
}