/* One navigation palette across the workspace pages. */
:root{--wd-nav-bg:#0e1217;--wd-nav-deep:#0c1015;--wd-nav-line:#252c34;--wd-nav-text:#aeb7c3;--wd-nav-hover:#182331;--wd-nav-active:#152d48;--wd-nav-accent:#58a8ff}

body[data-planner-view] .analytics-sidebar{
  border-right-color:var(--wd-nav-line)!important;
  background:linear-gradient(180deg,var(--wd-nav-bg),var(--wd-nav-deep))!important;
}
body[data-planner-view] .analytics-side-brand{
  border-bottom-color:var(--wd-nav-line);
  background:var(--wd-nav-bg)!important;
}
body[data-planner-view] .analytics-side-label{color:#8190a1}
body[data-planner-view] .analytics-side-link{border-color:transparent!important;background:transparent!important;color:var(--wd-nav-text)!important}
body[data-planner-view] .analytics-side-link:hover{border-color:#293a4d;background:var(--wd-nav-hover)!important;color:#f5f8fc!important;box-shadow:none!important}
body[data-planner-view] .analytics-side-link.is-current,
body[data-planner-view] .analytics-side-link.is-current:hover{
  border-color:#285a86;
  background:var(--wd-nav-active)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 var(--wd-nav-accent);
}
body[data-planner-view] .dashboard-tabs{border-bottom-color:var(--wd-nav-line);background:var(--wd-nav-bg)}
body[data-planner-view] .dashboard-tabs .dashboard-tab-list{border-color:#303b48;background:#19222d}
body[data-planner-view] .dashboard-tabs .dashboard-tab-list>:is(button,a){color:var(--wd-nav-text)}
body[data-planner-view] .dashboard-tabs .dashboard-tab-list>:is(button,a):is(:hover,.is-current){background:#25415f;color:#fff!important;box-shadow:none}

body.account-nodes .node-topbar{border-bottom-color:var(--wd-nav-line);background:var(--wd-nav-bg)}
body.account-nodes .node-library{border-right-color:var(--wd-nav-line)!important;background:linear-gradient(180deg,var(--wd-nav-bg),var(--wd-nav-deep))}
body.account-nodes .node-side-nav a:hover,
body.account-nodes .node-side-bottom a:hover{background:var(--wd-nav-hover);color:#fff}
body.account-nodes .node-side-nav a.is-current{background:var(--wd-nav-active)!important;color:#fff}
body.account-nodes .node-project-sidebar{border-right-color:var(--wd-nav-line)!important;background:linear-gradient(180deg,var(--wd-nav-bg),var(--wd-nav-deep))}
body.account-nodes .node-project-sidebar nav a:hover,
body.account-nodes .node-project-sidebar nav button:hover{background:var(--wd-nav-hover);color:#fff}
body.account-nodes .node-project-sidebar nav .is-current{background:var(--wd-nav-active)!important;color:#fff!important;box-shadow:inset 3px 0 var(--wd-nav-accent)}

.account-header{border-bottom-color:var(--wd-nav-line);background:var(--wd-nav-bg)}
.account-header .account-wordmark{color:#fff}
.account-header .account-nav{border-color:#303b48;background:#19222d}
.account-header .account-nav a{color:var(--wd-nav-text)}
.account-header .account-nav a:hover,
.account-header .account-nav a.is-current{background:#25415f;color:#fff!important;box-shadow:none}
.account-header>button{border-color:#35465a;background:#19222d;color:#dce6f1}
.account-header>button:hover{background:#25415f;color:#fff}

:is(.analytics-side-link,.node-side-nav a,.node-project-sidebar nav a,.node-project-sidebar nav button,.account-nav a):focus-visible{outline:2px solid var(--wd-nav-accent);outline-offset:2px}