/* Static mini-rail — shared by all app pages (no JS required) */
.sb-app-rail .sb-nav-item {
    transition: color 0.2s ease, background-color 0.2s ease;
}

.sb-app-rail .sb-nav-item .sb-icon-bg {
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.sb-app-rail .sb-nav-item:hover,
.sb-app-rail .sb-nav-item.sb-active {
    color: #fff;
}

.sb-app-rail .sb-nav-item.sb-active .sb-icon-bg {
    background-color: #6366f1;
}

/* Stack above content shells / z-100 UI so labels are not covered; above header row is OK (no overlap). */
.sb-app-rail {
    z-index: 110 !important;
    overflow: visible !important;
}

/*
 * Tooltip pills (second row: icon + absolute label). Tailwind group-hover can fail when
 * siblings stack oddly; :hover on the link keeps labels working on Sales / Clients / Catalog, etc.
 */
.sb-app-rail .sb-nav-item:hover > div.absolute {
    opacity: 1 !important;
    visibility: visible !important;
}

.sb-app-rail .sb-nav-item > div.absolute {
    pointer-events: none;
}