/* Nav Pill Transitions for Dark Mode */
#guild-mode .nav-link {
    transition: all 0.3s ease-in-out;
    color: #adb5bd;
}
#guild-mode .nav-link:hover {
    color: #f8f9fa;
}
#guild-mode .nav-link.active {
    color: #fff;
    background-color: #0d6efd;
    box-shadow: 0 4px 10px rgba(13, 110, 253, 0.4);
}

/* Smooth Slide & Fade Animation */
#confirm-passcode-container {
    overflow: hidden;
    max-height: 120px;
    opacity: 1;
    transform: translateY(0) scaleY(1);
    transform-origin: top;
    transition: 
        max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
        opacity 0.3s ease-in-out, 
        transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        margin 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#confirm-passcode-container.is-hidden {
    max-height: 0;
    opacity: 0;
    transform: translateY(-15px) scaleY(0.9);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: none;
}