/* Screen 001 / V78 left tool rail. All 13 menu items are native buttons.
   Purple page designs 003/004 use separate, scoped themes: no cross-screen restyle. */
.left-rail.panel {padding:7px 5px;background:linear-gradient(98deg,#090f19 0%,#0b1522 60%,#08111c 100%);border-color:#38536a;}
.rail-menu {display:flex;flex-direction:column;gap:1px;isolation:isolate}
.rail-item {
  -webkit-tap-highlight-color:transparent;
  position:relative;display:flex;align-items:center;gap:10px;
  padding:5px 9px;min-height:29px;width:100%;
  background:transparent;border:1px solid transparent;border-radius:9px;
  color:#f5f6fa;font-size:12px;font-weight:500;text-align:left;line-height:1.25;
  white-space:nowrap;box-shadow:none;transition:background-color .13s ease,border-color .13s ease,box-shadow .13s ease;
}
.rail-item i[data-icon]{width:19px;height:19px;color:#f0f2f7}
.rail-item > span{pointer-events:none}
.rail-item:hover:not(.active){background:#182536;border-color:#2d4858;filter:none}
.rail-item.active {
  border:1.5px solid #ffe30e;border-radius:9px;
  background:linear-gradient(180deg,rgba(72,61,8,.52) 0%,rgba(10,17,23,.97) 58%,rgba(45,42,9,.59) 100%);
  box-shadow:0 0 0 1px #a78416,0 0 9px rgba(255,211,15,.75),inset 0 0 7px rgba(255,206,18,.3);
  color:#fff;font-weight:600;filter:none;
}
.rail-item.active i[data-icon]{color:#ffdf1d}
/* ai.svg has brand purple fill/text. Render actual SVG colors, not a monochrome CSS mask. */
.rail-item[data-nav="AI Tools"] i[data-icon="ai"] {
  background:url('../assets/icons/ai.svg') center/contain no-repeat;
  -webkit-mask:none;mask:none;color:initial;
}
/* Browser keyboard focus must remain visible, but never create a second selected pill. */
.rail-item:focus-visible{outline:2px solid #92dfff;outline-offset:-2px}
.rail-item.active:focus-visible{outline:2px solid #fff2a2;outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.rail-item{transition:none}}