body { 
    font-family: 'Inter', sans-serif;
    -webkit-user-select: none; /* Safari, Chrome, Opera */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer/Edge */
    user-select: none;         /* Syntaxe standard */
}

.tab-button.active {
    border-color: #4f46e5;
    color: #4f46e5;
    background-color: #eef2ff;
}
.dark .tab-button.active {
    background-color: #3730a3;
    color: #e0e7ff;
    border-color: #4f46e5;
}
.tab-content:not(.active) { display: none; }
.notification {
    position: fixed; bottom: -100px; left: 50%; transform: translateX(-50%);
    padding: 12px 20px; border-radius: 8px; color: white; font-weight: 500;
    z-index: 1000; transition: bottom 0.5s ease-in-out;
}
.notification.show { bottom: 30px; }
.notification.success { background-color: #22c55e; }
.notification.error { background-color: #ef4444; }
.notification.info { background-color: #3b82f6; }

#tab-nav::-webkit-scrollbar {
display: none;
}
#tab-nav {
-ms-overflow-style: none;
scrollbar-width: none;
}

/* On cache le tableau sur mobile */
.portfolio-table-desktop {
    display: none;
}

#account-tab-nav {
  display: none;
}

/* À partir de la taille d'écran 'md' (768px), on inverse : 
    on cache les cartes et on affiche le tableau */
@media (min-width: 768px) {
    .portfolio-cards-mobile {
        display: none;
    }
    .portfolio-table-desktop {
        display: table; /* Affiche le tableau sur les grands écrans */
    }
    #account-tab-nav {
        display: flex;
    }
}

.card-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Crée 2 colonnes de taille égale */
            gap: 0.125rem 0.1rem; /* Espace vertical et horizontal */
            align-items: start;
        }

.category-header {
    cursor: pointer;
    user-select: none; /* Empêche la sélection du texte au clic */
}

.category-arrow {
    transition: transform 0.3s ease;
}

.category-header.collapsed .category-arrow {
    transform: rotate(-90deg);
}