[x-cloak] { display: none !important; }

.nav-label {
    margin-bottom: 0.4rem;
    padding-left: 0.75rem;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #737373; /* neutral-500 */
}

.nav-item,
.nav-item-active {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    border-radius: 0.5rem;
    padding: 0.45rem 0.75rem;
    color: #d4d4d4; /* neutral-300 */
    text-decoration: none;
}

.nav-item:hover {
    background: #262626; /* neutral-800 */
    color: #fff;
}

.nav-item-active {
    background: #1d4ed8; /* brand-700 */
    color: #fff;
    scroll-margin-block: 0.75rem;
}

.nav-item i,
.nav-item-active i {
    width: 1rem;
}

@media (max-width: 640px) {
    table {
        font-size: 0.8rem;
    }
}

/* Scrollbar discreta no menu lateral escuro */
#sidebar-nav { scrollbar-color: #404040 transparent; }