/* Menu item: one row in any vertical menu or list (sidebar, user menu, scene legend).
   Mark the current row with aria-current; it gets a straight, full-height accent bar on the left edge. */
.menu-item { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 8px 12px; border: 0; border-radius: var(--radius-xs); background: none; color: var(--text-2); font: inherit; font-size: .9rem; font-weight: 550; text-align: left; text-decoration: none; cursor: pointer; transition: color .15s, background .15s; }
.menu-item .icon { width: 18px; height: 18px; flex: none; color: var(--muted); transition: color .15s; }
.menu-item:hover { background: var(--overlay-4); color: var(--text); }
.menu-item:hover .icon { color: var(--accent); }
.menu-item:focus-visible { outline-offset: -2px; }
.menu-item[aria-current]:not([aria-current="false"]) { background: var(--accent-soft); color: var(--text); }
.menu-item[aria-current]:not([aria-current="false"])::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--accent); }
.menu-item[aria-current]:not([aria-current="false"]) .icon { color: var(--accent); }