body { 
    font-family: 'Inter', sans-serif; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}

/* O fundo translúcido e o desfoque para as modais. */
.modal-backdrop {
    background-color: rgba(17, 24, 39, 0.6);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

/* Barra de rolagem personalizada com a cor do tema */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
.custom-scrollbar::-webkit-scrollbar-thumb { 
    background: #F97316; /* Cor primária (Laranja) */
    border-radius: 10px; 
}

/* Animação para a notificação Toast */
.toast { 
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); 
    transform: translateY(120%); 
    opacity: 0; 
}
.toast.show { transform: translateY(0); opacity: 1; }

/* Animação de rotação para spinners de carregamento */
@keyframes spin { 
    from { transform: rotate(0deg); } 
    to { transform: rotate(360deg); } 
}
.spinner { animation: spin 1s linear infinite; }
.spinner-sm {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spin .75s linear infinite;
}

/* Efeito de hover sutil para cards */
.card-hover { transition: all 0.2s ease-in-out; }
.card-hover:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.1); 
}