html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #f5f7fa;
}

    body.mud-theme-dark {
        background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) fixed !important;
    }

/* O Wrapper assume o tamanho total da tela (100vh) e vira um container Flex */
.theme-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%) fixed;
    transition: background 0.3s ease;
}

    .theme-wrapper.mud-theme-dark {
        background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) fixed !important;
    }

    .theme-wrapper .mud-layout {
        flex-grow: 1; 
        min-height: 100% !important;
        background-color: transparent !important;
    }
/* --- EFEITO DE VIDRO (GLASSMORPHISM) --- */
.glass-card {
    background: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15) !important;
    /*border-radius: 24px !important;*/
    transition: all 0.3s ease;
}

/* Vidro Escuro */
.mud-theme-dark .glass-card {
    background: rgba(20, 20, 35, 0.60) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5) !important;
    color: #ffffff;
}

    /* Ajuste para o texto dos Links dentro do card no modo escuro */
    .mud-theme-dark .glass-card a {
        color: #ffffff !important;
    }

    .mud-theme-dark .glass-card .mud-typography {
        color: #e0e0e0 !important;
    }

        .mud-theme-dark .glass-card .mud-typography.mud-success-text {
            color: var(--mud-palette-success) !important;
        }

        .mud-theme-dark .glass-card .mud-typography.mud-error-text {
            color: var(--mud-palette-error) !important;
        }

        .mud-theme-dark .glass-card .mud-typography.mud-warning-text {
            color: var(--mud-palette-warning) !important;
        }

        .mud-theme-dark .glass-card .mud-typography.mud-info-text {
            color: var(--mud-palette-info) !important;
        }

        .mud-theme-dark .glass-card .mud-typography.mud-primary-text {
            color: var(--mud-palette-primary) !important;
        }

/* 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 rgba(0,0,0,0.05) !important;
}

/* 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: rgba(0,0,0,0.04);
    }

/* 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: rgba(0,0,0,0.04);
    border-radius: 8px;
    transition: all 0.2s;
}

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