/* Stili Custom per IdeaBoard */
/* Tailwind gestisce la gran parte dello stile, qui definiamo solo i ritocchi di fino. */

/* Personalizzazione Scrollbar elegante (stile Notion/Discord) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #3f3f46; /* text-gray-700 */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #52525b; /* text-gray-600 */
}

/* Transizioni di ingresso fluide per i modali */
.modal-active {
    display: flex !important;
    opacity: 1 !important;
}

.modal-active > div {
    /* Il div interno (la finestra vera e propria) effettua uno scale-up */
    transform: scale(1) !important;
}

/* Classe di utilità per troncare il testo a 3 linee (fallback) */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

/* Selezione del testo personalizzata */
::selection {
    background: rgba(99, 102, 241, 0.3); /* brand-500 con opacità */
    color: #ffffff;
}