/* Customização da Scrollbar para o Sidebar */
.custom-scroll::-webkit-scrollbar {
    width: 4px;
    /* Bem fininha */
}

.custom-scroll::-webkit-scrollbar-track {
    background: transparent;
    /* Fundo invisível */
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    /* Cor suave */
    border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
    /* Brilha levemente ao passar o mouse */
}

/* Scroll claro (uso interno / cards / aside direito) */
.light-scroll::-webkit-scrollbar {
    width: 6px;
}

.light-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.light-scroll::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.25); /* slate-500 suave */
    border-radius: 9999px;
    transition: background 0.2s ease;
}

.light-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(79, 70, 229, 0.45); /* indigo no hover */
}

/* Firefox */
.light-scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.25) transparent;
}

/* Garante que o container da sidebar ocupe a tela toda corretamente */
aside {
    height: 100vh;
}

[x-cloak] {
    display: none !important;
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0);
    }

    15% {
        transform: translateX(-15px);
    }

    30% {
        transform: translateX(15px);
    }

    45% {
        transform: translateX(-10px);
    }

    60% {
        transform: translateX(10px);
    }

    75% {
        transform: translateX(-5px);
    }

    90% {
        transform: translateX(5px);
    }
}

.shake-anim {
    /* Aumentamos para 0.6s para ficar mais perceptível */
    animation: shake 0.6s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}