/**
 * Sidebar FINAL — scoped ONLY to #app-sidebar
 * Light: white shell + dark text + brand icons
 * Dark: dark shell + white text
 * Submenus: refined tree — per-row rail segments that stop exactly at the
 * last item's branch (no dangling line ends), branch + dot connectors
 */
html[data-theme] #app-sidebar.side-bar {
    --sb-idle: #0f172a;
    --sb-idle-muted: #334155;
    --sb-rail: rgba(15, 23, 42, 0.28);
    --sb-rail-dot: var(--primary, #2f6d93);
    --sb-row-hover: rgba(var(--primary-rgb, 47, 109, 147), 0.10);
    --sb-row-active: var(--primary, #2f6d93);
    --sb-row-radius: 10px;
    --sb-dot-ring: #ffffff;
    background: #ffffff !important;
    background-image: none !important;
    color: #0f172a !important;
    border-right: 1px solid #e2e8f0 !important;
}

html[data-theme="dark"] #app-sidebar.side-bar {
    --sb-idle: #ffffff;
    --sb-idle-muted: rgba(255, 255, 255, 0.92);
    --sb-rail: rgba(255, 255, 255, 0.42);
    --sb-rail-dot: #ffffff;
    --sb-row-hover: rgba(255, 255, 255, 0.14);
    --sb-row-active: rgba(255, 255, 255, 0.22);
    --sb-dot-ring: #0b2433;
    background: #0b2433 !important;
    color: #ffffff !important;
    border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Logo plate stays light so brand marks stay readable */
html[data-theme] #app-sidebar.side-bar .side-bar-logo {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

/* ── Anti-shake ── */
html[data-theme] #app-sidebar.side-bar .side-bar-manu a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:focus,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:active,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a.active,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li:hover {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    text-shadow: none !important;
    filter: none !important;
    letter-spacing: normal !important;
    box-sizing: border-box !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a span,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a i {
    transition: background-color 0.14s ease, color 0.14s ease, -webkit-text-fill-color 0.14s ease !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-icon,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-icon i,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .submenu-ico,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .submenu-ico--leaf {
    transform: none !important;
    transition: color 0.14s ease !important;
}

/* ── Idle labels: dark in light theme, white in dark ── */
html[data-theme] #app-sidebar.side-bar .side-bar-manu a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a span,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a i,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-link,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-link__text,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-count {
    color: var(--sb-idle) !important;
    -webkit-text-fill-color: var(--sb-idle) !important;
    opacity: 1 !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-icon,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-icon i,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-dropdown-arrow,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-dropdown-arrow i,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .submenu-ico {
    color: var(--primary, #2f6d93) !important;
    -webkit-text-fill-color: var(--primary, #2f6d93) !important;
}

html[data-theme="dark"] #app-sidebar.side-bar .side-bar-manu .sidebar-icon,
html[data-theme="dark"] #app-sidebar.side-bar .side-bar-manu .sidebar-icon i,
html[data-theme="dark"] #app-sidebar.side-bar .side-bar-manu .sidebar-dropdown-arrow,
html[data-theme="dark"] #app-sidebar.side-bar .side-bar-manu .sidebar-dropdown-arrow i,
html[data-theme="dark"] #app-sidebar.side-bar .side-bar-manu .submenu-ico {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-icon svg,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-icon svg path {
    fill: var(--primary, #2f6d93) !important;
    stroke: var(--primary, #2f6d93) !important;
    color: var(--primary, #2f6d93) !important;
}

html[data-theme="dark"] #app-sidebar.side-bar .side-bar-manu .sidebar-icon svg,
html[data-theme="dark"] #app-sidebar.side-bar .side-bar-manu .sidebar-icon svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* Hover / active rows keep white text */
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:hover span,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:hover i,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a.active,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a.active span,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a.active i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* ── Nuke legacy tree decorations (ghosting) ── */
html[data-theme] #app-sidebar.side-bar .side-bar-manu .dropdown::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu ul::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu ul::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown.active > ul::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown.active > ul.dropdown-menu::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav__panel::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav__panel::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li.dropdown::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.sidebar-section-child::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav__section::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-list > li::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-list > li::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu ul li.dropdown > a::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > a::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li.dropdown > ul > li > a::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li.dropdown > ul > li > a::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav > a::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav > a::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav__section > a::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav__section > a::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-link::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-link::after,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__panel ::before,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__panel ::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 0 !important;
}

/* ── L1 rows ── */
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li {
    padding: 2px 10px !important;
    margin: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li > a {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 11px 36px 11px 12px !important;
    min-height: 42px !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
    color: var(--sb-idle) !important;
    -webkit-text-fill-color: var(--sb-idle) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--sb-row-radius) !important;
    box-shadow: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: unset !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    height: auto !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li > a:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li > a:focus,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.active > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown.active > a {
    background: var(--sb-row-active) !important;
    background-color: var(--sb-row-active) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 650 !important;
    padding: 11px 36px 11px 12px !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ── Open submenu panel (no connector lines, clean indent) ── */
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown.active > ul,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul.menu-open,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown.active > ul,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown > ul.menu-open,
html[data-theme] #app-sidebar.side-bar .stock-items-nav > ul.stock-items-nav__panel,
html[data-theme] #app-sidebar.side-bar .stock-items-nav > ul.dropdown-menu,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section > .sidebar-leaf-list {
    position: relative !important;
    margin: 2px 4px 6px 12px !important;
    padding: 2px 0 2px 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    list-style: none !important;
    box-shadow: none !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown.active > ul,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown > ul.menu-open,
html[data-theme] #app-sidebar.side-bar .stock-items-nav > ul.stock-items-nav__panel,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section > .sidebar-leaf-list {
    margin-left: 10px !important;
}

/* ── Nested rows ── */
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown > ul > li,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-list > li {
    position: relative !important;
    margin: 0 !important;
    padding: 1px 4px 1px 0 !important;
    background: transparent !important;
    list-style: none !important;
}

/* Tree rail: one segment per row so the line ends exactly at the last item */
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li::before,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__panel > .stock-items-nav__section::before,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-list > li::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 1.5px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--sb-rail) !important;
    border: 0 !important;
    border-radius: 1px !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Last row: straight rail hidden — the rounded elbow below takes over (└) */
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li:last-child::before,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__panel > .stock-items-nav__section:last-child::before,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-list > li:last-child::before {
    content: none !important;
    display: none !important;
}

/* Rounded elbow branch on every row: curves from the rail into the item.
   Middle rows sit on top of the continuous rail (├), the last row keeps
   only the elbow so the tree closes cleanly (└) with no dangling tail. */
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li::after,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__panel > .stock-items-nav__section::after,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-list > li::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: auto !important;
    width: 13px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 1.5px solid var(--sb-rail) !important;
    border-bottom: 1.5px solid var(--sb-rail) !important;
    border-bottom-left-radius: 9px !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul li.dropdown > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown > ul > li > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav > a,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section > a,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-link {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 1px 8px !important;
    padding: 8px 12px 8px 16px !important;
    min-height: 36px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 12.75px !important;
    font-weight: 550 !important;
    line-height: 1.35 !important;
    color: var(--sb-idle) !important;
    -webkit-text-fill-color: var(--sb-idle) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--sb-row-radius) !important;
    box-shadow: none !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

/* Straight dash branches are replaced by the rounded elbow on the row (li) */
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li.dropdown > ul > li > a::before,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav > a::before,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section > a::before,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-link::before,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__panel .stock-items-nav__section > a::before,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__panel .sidebar-leaf-link::before {
    content: none !important;
    display: none !important;
}

/* Junction dot at the end of each branch (brand color; white in dark mode) */
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li.dropdown > ul > li > a::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav > a::after,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section > a::after,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-link::after,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__panel .stock-items-nav__section > a::after,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__panel .sidebar-leaf-link::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: -8px !important;
    top: 50% !important;
    width: 6px !important;
    height: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: var(--sb-rail-dot) !important;
    border: 0 !important;
    box-shadow: 0 0 0 2px var(--sb-dot-ring, #ffffff) !important;
    transform: translateY(-50%) !important;
    opacity: 0.9 !important;
    pointer-events: none !important;
    z-index: 2 !important;
    transition: opacity 0.14s ease !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a:hover::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li.active > a::after,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li.dropdown.active > a::after,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-link:hover::after,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-link.active::after {
    opacity: 1 !important;
}

/* Nested hover / open — solid primary + white text */
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li > a:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li > a:focus,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown.active > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.active > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown > ul > li > a:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown > ul > li > a.active,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown > ul > li.active > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav.active > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav.is-open > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav > a:hover,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section.active > a,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section.is-open > a,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section > a:hover,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-link:hover,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-link.active {
    background: var(--primary, #2f6d93) !important;
    background-color: var(--primary, #2f6d93) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 550 !important;
    padding: 8px 12px 8px 16px !important;
    margin: 1px 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

html[data-theme] #app-sidebar.side-bar .stock-items-nav > a .sidebar-dropdown-arrow {
    display: inline-flex !important;
    opacity: 0.9 !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-dropdown-arrow {
    transform: translateY(-50%) !important;
    color: #ffffff !important;
}
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown.active > a > .sidebar-dropdown-arrow,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav.is-open > a > .sidebar-dropdown-arrow,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav__section.is-open > a > .sidebar-dropdown-arrow,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav__section.active > a > .sidebar-dropdown-arrow {
    transform: translateY(-50%) rotate(90deg) !important;
}

/* RTL */
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown.active > ul,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul.menu-open,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown.active > ul,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav > ul.stock-items-nav__panel,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav__section > .sidebar-leaf-list {
    margin: 2px 12px 6px 4px !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li > a,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown > ul > li > a,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav > a,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav__section > a,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .sidebar-leaf-link,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a:hover,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .sidebar-leaf-link:hover,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .sidebar-leaf-link.active {
    margin: 1px 8px !important;
    padding: 8px 28px 8px 32px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* RTL: rail + elbow on the right side of each row */
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li::before,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav__panel > .stock-items-nav__section::before,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .sidebar-leaf-list > li::before {
    left: auto !important;
    right: 0 !important;
}

html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li::after,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav__panel > .stock-items-nav__section::after,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .sidebar-leaf-list > li::after {
    left: auto !important;
    right: 0 !important;
    border-left: 0 !important;
    border-right: 1.5px solid var(--sb-rail) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 9px !important;
}

html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a::after,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li.dropdown > ul > li > a::after,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav > a::after,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav__section > a::after,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .sidebar-leaf-link::after {
    left: auto !important;
    right: -8px !important;
}

/* =============================================================================
   Hover must NEVER change box size — that makes rows above jump/shake.
   Keep color/background only; lock padding, margin, font, border, transform.
   ============================================================================= */
html[data-theme] #app-sidebar.side-bar .side-bar-manu {
    overflow-anchor: none !important;
    scrollbar-gutter: stable !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu ul,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a {
    overflow-anchor: none !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu li,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:focus,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:active,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a.active {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    outline: none !important;
    letter-spacing: normal !important;
    box-sizing: border-box !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li:hover {
    margin: 0 !important;
    padding: 2px 10px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    transition: none !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li > a:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li > a:focus,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.active > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown.active > a {
    margin: 0 !important;
    padding: 11px 36px 11px 12px !important;
    min-height: 42px !important;
    height: auto !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color 0.12s ease, color 0.12s ease, -webkit-text-fill-color 0.12s ease !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown > ul > li.dropdown > ul > li,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-list > li {
    margin: 0 !important;
    padding: 1px 4px 1px 0 !important;
    border: 0 !important;
    transition: none !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a:focus,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li.active > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li.dropdown.active > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul li.dropdown > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul li.dropdown > a:hover,
html[data-theme] #app-sidebar.side-bar .stock-items-nav > a,
html[data-theme] #app-sidebar.side-bar .stock-items-nav > a:hover,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section > a,
html[data-theme] #app-sidebar.side-bar .stock-items-nav__section > a:hover,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-link,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-link:hover,
html[data-theme] #app-sidebar.side-bar .sidebar-leaf-link.active {
    margin: 1px 8px !important;
    padding: 8px 12px 8px 16px !important;
    min-height: 36px !important;
    height: auto !important;
    font-size: 12.75px !important;
    font-weight: 550 !important;
    line-height: 1.35 !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    transition: background-color 0.12s ease, color 0.12s ease, -webkit-text-fill-color 0.12s ease !important;
}

html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li > a,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li > a:hover,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.active > a,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown.active > a {
    padding: 11px 12px 11px 36px !important;
}

html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li > a:hover,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul > li.active > a,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav > a,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav > a:hover,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav__section > a,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .stock-items-nav__section > a:hover,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .sidebar-leaf-link,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .sidebar-leaf-link:hover,
html[dir="rtl"][data-theme] #app-sidebar.side-bar .sidebar-leaf-link.active {
    margin: 1px 8px !important;
    padding: 8px 28px 8px 32px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Carets stay absolutely centered; only rotate when a section is open */
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-dropdown-arrow,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-dropdown-arrow i {
    transform: translateY(-50%) !important;
}
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown.active > a > .sidebar-dropdown-arrow,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav.is-open > a > .sidebar-dropdown-arrow,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav__section.is-open > a > .sidebar-dropdown-arrow,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav__section.active > a > .sidebar-dropdown-arrow {
    transform: translateY(-50%) rotate(90deg) !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-icon,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:hover .sidebar-icon,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .submenu-ico,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:hover .submenu-ico {
    transform: none !important;
    scale: none !important;
}

/* ── Hard lock: hover must never move/shake labels ── */
html[data-theme] #app-sidebar.side-bar .side-bar-manu a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:focus,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:focus-visible,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:active,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a.active,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-group-label__inner,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.sidebar-group-label:hover .sidebar-group-label__inner,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.sidebar-section-toggle:hover .sidebar-group-label__inner {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    text-indent: 0 !important;
    letter-spacing: inherit !important;
    word-spacing: normal !important;
    text-shadow: none !important;
    box-sizing: border-box !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li > a:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li > a:focus,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.active > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu > ul > li.dropdown.active > a {
    font-weight: 650 !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;
    padding: 11px 36px 11px 12px !important;
    margin: 0 !important;
    border-width: 0 !important;
    transform: none !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul a:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul a:focus,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li.dropdown > ul a.active,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-link,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-link:hover,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-link.active,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav__section > a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .stock-items-nav__section > a:hover {
    font-weight: 550 !important;
    font-size: 12.75px !important;
    line-height: 1.3 !important;
    border-width: 0 !important;
    transform: none !important;
}

html[data-theme] #app-sidebar.side-bar .side-bar-manu a span,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a:hover span,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-group-text,
html[data-theme] #app-sidebar.side-bar .side-bar-manu li:hover .sidebar-group-text,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-link__text,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-leaf-link:hover .sidebar-leaf-link__text {
    transform: none !important;
    translate: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Only color/background may animate — never layout */
html[data-theme] #app-sidebar.side-bar .side-bar-manu a,
html[data-theme] #app-sidebar.side-bar .side-bar-manu a span,
html[data-theme] #app-sidebar.side-bar .side-bar-manu .sidebar-group-label__inner {
    transition: background-color 0.12s ease, color 0.12s ease, -webkit-text-fill-color 0.12s ease !important;
}