:root {
  --navigation-selection-background:linear-gradient(90deg,#0d200e 0%,#203220 100%);
  --navigation-selection-duration:400ms;
  --navigation-hover-background:#e1c16e25;
}
.navigation-divider-host {
  --sidebar-column-surface:#f2f2f2;
  --sidebar-brass-color:#e1c16e;
}
.navigation-selection-column { position:relative; }
.navigation-selection-plate {
  position:absolute; top:0; left:0; z-index:0; pointer-events:none;
  border-radius:3px; background:var(--navigation-selection-background);
}
.navigation-selection-plate[hidden] { display:none; }
.navigation-selection-overlay > .navigation-selection-plate { z-index:1; }
.navigation-selection-overlay .navigation-selection-item { position:relative; z-index:2; transition:none !important; }
/* Menu hover must win over legacy selected/white surface rules, not the moving plate. */
:is(.navigation-selection-overlay,#stagingNavigationColumn,#navigationColumn,.client-edit-tabs)
.navigation-selection-item:not(.is-navigation-selected):not(.is-navigation-ancestor):not(:disabled):not([aria-disabled="true"]):hover {
  background:var(--navigation-hover-background) !important;
  color:var(--client-edit-tab-color,#000) !important;
}
:is(.navigation-selection-overlay,.client-edit-tabs)
.navigation-selection-item:not(.is-navigation-selected):not(.is-navigation-ancestor):not(:disabled):not([aria-disabled="true"]):hover :is(span,svg) {
  color:inherit !important;
}
/* Route flags can remain on accordion ancestors; only inactive rows reset. */
.navigation-selection-overlay .navigation-selection-item:is(.is-selected,.toggle-active,[aria-current="page"],[aria-selected="true"]):not(.is-navigation-selected):not(.is-navigation-ancestor) {
  background:transparent !important; color:#000 !important;
}
.navigation-selection-overlay .navigation-selection-item.is-navigation-selected {
  background:transparent !important; color:#fff !important;
}
.navigation-selection-overlay .navigation-selection-item.is-navigation-selected :is(span,svg) { color:#fff !important; }
/* Specific rail styles must not paint over the shared moving selection plate. */
:is(#employeeRailSystemPanel,#employeeRailThirdPanel).navigation-selection-overlay .navigation-selection-item.is-navigation-selected {
  background:transparent !important; color:#fff !important;
}
:is(#employeeRailSystemPanel,#employeeRailThirdPanel).navigation-selection-overlay .navigation-selection-item.is-navigation-selected :is(span,svg) { color:#fff !important; }
/* Administration owns navigation press appearance: move the row once, without
   an extra inset face. Only the selected moving plate supplies its pressed shade. */
.navigation-selection-item:not(:disabled):not([aria-disabled="true"]):active { translate:2px 2px; box-shadow:none !important; }
.navigation-selection-column:has(.navigation-selection-item.is-navigation-selected:not(:disabled):not([aria-disabled="true"]):active) > .navigation-selection-plate { translate:2px 2px; box-shadow:inset 2px 2px 4px #0008; }
.navigation-selection-item.is-navigation-ancestor { background:var(--navigation-selection-background) !important; color:#fff !important; }
.navigation-selection-item.is-navigation-ancestor :is(span,svg) { color:#fff !important; }
.navigation-selection-column .system-standard-navigation-action[aria-pressed="true"] {
  background:var(--navigation-selection-background) !important; color:#fff !important;
}
.navigation-selection-column .system-standard-navigation-action:not([aria-pressed="true"]):not(:disabled):hover {
  background:var(--navigation-hover-background) !important;
}
.navigation-selection-column .system-standard-navigation-action[aria-pressed="true"] :is(span,svg) { color:inherit !important; }
.navigation-button-tooltip {
  position:fixed; z-index:2147483647; width:max-content;
  max-width:calc(100vw - 16px); box-sizing:border-box;
  padding:8px 12px; border-radius:3px;
  background:var(--navigation-selection-background); color:#fff;
  font-family:Raleway,sans-serif; font-size:var(--navigation-label-size); font-weight:400; line-height:20px;
  overflow-wrap:anywhere; box-shadow:0 3px 8px #0003;
  transition:none; animation:none;
}
.navigation-button-tooltip[hidden] { display:none; }
/* The transparent bridge keeps hover content reachable across the 10px gap. */
.navigation-button-tooltip::before { content:""; position:absolute; top:0; width:10px; height:100%; }
.navigation-button-tooltip::after {
  content:""; position:absolute; top:var(--tooltip-arrow-y); transform:translateY(-50%);
  width:6px; height:10px; background:inherit;
}
.navigation-button-tooltip[data-side="right"]::before { right:100%; }
.navigation-button-tooltip[data-side="right"]::after { right:100%; clip-path:polygon(100% 0,100% 100%,0 50%); }
.navigation-button-tooltip[data-side="left"]::before { left:100%; }
.navigation-button-tooltip[data-side="left"]::after { left:100%; clip-path:polygon(0 0,0 100%,100% 50%); }
:is(#stagingSidebar #stagingNavigationColumn,#workspace #navigationColumn) .navigation-selection-item {
  position:relative; z-index:1; padding-inline:10px;
}
:is(#stagingSidebar #stagingNavigationColumn,#workspace #navigationColumn) .navigation-selection-item:is(.toggle-active,[aria-current="page"]) {
  background:transparent; color:#000;
}
:is(#stagingSidebar #stagingNavigationColumn,#workspace #navigationColumn) .navigation-selection-item.is-navigation-selected {
  background:transparent; color:#fff;
}
:is(#stagingSidebar #stagingNavigationColumn,#workspace #navigationColumn) .navigation-selection-item.is-navigation-selected :is(svg,.navigation-icon,.left-action-rail-icon) {
  color:#fff;
}
#workspace #navigationColumn .navigation-selection-item.is-navigation-selected::before { background:#fff; }
.navigation-divider-host .sidebar-navigation-edge {
  position:absolute; top:0; left:0; width:calc(var(--navigation-divider-column-width) + 25px); height:0;
  overflow:visible; pointer-events:none; z-index:var(--navigation-divider-layer, 1);
}
.navigation-divider-host .navigation-edge-shadow { fill:#000; }
.navigation-divider-host .navigation-edge-surface { fill:var(--sidebar-column-surface); transition:fill 120ms ease; }
.navigation-divider-host .navigation-edge-outline { fill:none; stroke:var(--sidebar-brass-color); stroke-width:1px; }
.navigation-divider-host:has(.sidebar-navigation-toggle:hover) .navigation-edge-surface { fill:#fff; }
.navigation-divider-host .sidebar-navigation-toggle {
  position:absolute; left:calc(var(--navigation-divider-column-width) - .5px); top:50%;
  transform:translate(-50%,-50%); z-index:calc(var(--navigation-divider-layer, 1) + 1);
  display:flex; align-items:center; justify-content:center;
  width:var(--crm-raised-control-face-height); height:var(--crm-raised-control-face-height);
  padding:0; border:1px solid transparent; border-radius:3px; background:transparent; box-shadow:none;
  background-clip:padding-box;
  color:var(--action-neutral); cursor:pointer; transition:background-color 120ms ease;
}
.navigation-divider-host .sidebar-navigation-toggle:hover { background:#fff; }
.navigation-divider-host .sidebar-navigation-toggle:focus-visible { outline:2px solid #e1c16e; outline-offset:-2px; }
.navigation-divider-host .sidebar-navigation-toggle svg { width:10px; height:10px; opacity:var(--action-disabled-opacity); }