/* Active State Animation */
.authyo-row .authyo-send-btn,
.authyo-row .authyo-method-selector {
    /* Initially hidden via JS/CSS logic, but let's add transition */
    transition: all 0.3s ease-in-out;
}

/* Container for controls to animate */
.authyo-controls-wrapper {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, opacity 0.3s ease-in;
    width: 100%;
}

.authyo-otp-container.authyo-active .authyo-controls-wrapper {
    max-height: 200px;
    /* Arbitrary limit for expansion */
    opacity: 1;
    margin-top: 10px;
}

/* Ensure individual elements are still displayed block/flex inside the wrapper */
.authyo-controls-wrapper .authyo-method-selector {
    display: block;
    width: 100%;
}

.authyo-controls-wrapper .authyo-send-btn {
    display: inline-block;
    width: auto !important;
    /* Force override of theme/NF 100% width */
    min-width: 0;
}