/* Efeito Apple de Hover suave */
.apple-card-hover {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-radius: 16px;
}

    .apple-card-hover:hover {
        transform: translateY(-4px);
        border-radius: 16px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
    }

/* Remove sublinhado dos links e faz ocupar 100% da altura */
.link-clean {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

    .link-clean:hover {
        color: inherit;
    }

/* --- ESTILO SIDEBAR --- */

/* Remove a linha de borda padrão do Drawer para ficar limpo */
.mud-drawer {
    border-right: 1px solid var(--app-glass-border);
}

/* Customização dos itens de menu (Links e Grupos) */
.apple-nav-item .mud-nav-link {
    border-radius: 8px !important; /* Arredondamento estilo macOS */
    margin: 2px 8px !important; /* Espaço nas laterais (não toca a borda) */
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: 0.9rem;
}

    /* Hover suave */
    .apple-nav-item .mud-nav-link:hover:not(.mud-nav-link-active) {
        background-color: var(--app-hover);
    }

/* Item Ativo (Selecionado) */
.mud-nav-link.active {
    background-color: var(--mud-palette-primary) !important;
    color: white !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(0, 113, 227, 0.25); /* Sombra suave no azul */
}

    /* Ajuste dos ícones quando ativo para ficarem brancos */
    .mud-nav-link.active .mud-icon-root {
        color: white !important;
    }

/* Títulos de Seção (Substitui os Dividers) */
.nav-section-title {
    padding: 16px 16px 8px 16px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mud-palette-text-secondary);
}

/* Scrollbar invisível/fina para o menu (Estilo Mac) */
.mud-drawer-content::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
/* Busca Minimalista estilo Apple */
.nav-search-input .mud-input-slot {
    font-size: 0.8rem;
    padding: 6px 10px !important;
    background-color: var(--app-hover);
    border-radius: 8px;
    transition: all 0.2s;
}

.nav-search-input .mud-input-underline:before,
.nav-search-input .mud-input-underline:after {
    display: none !important;
}