/* Disable MaterialPro form label animations and keep labels small */

/* Force all labels in input-group-static to stay small and positioned */
.input-group.input-group-static .form-label,
.input-group.input-group-dynamic .form-label {
    /* Keep labels small by default */
    font-size: 0.6875rem !important;
    top: -0.7rem !important;
    position: relative;
    /* Disable all transitions and transforms */
    transition: none !important;
    transform: none !important;
    /* Maintain visibility */
    color: #344767 !important;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 0.5rem;
}

/* Remove focus state label changes */
.input-group.input-group-static.is-focused .form-label,
.input-group.input-group-dynamic.is-focused .form-label,
.input-group.input-group-static.is-filled .form-label,
.input-group.input-group-dynamic.is-filled .form-label {
    /* Keep the same small size regardless of state */
    font-size: 0.6875rem !important;
    top: -0.7rem !important;
    /* Disable any transform animations */
    transform: none !important;
    transition: none !important;
    /* Keep normal color, not the focused color */
    color: #344767 !important;
}

/* Prevent the focus color change for labels */
.input-group.input-group-static.is-focused label,
.input-group.input-group-dynamic.is-focused label {
    color: #344767 !important;
}

/* Ensure valid/invalid states still work but without animation */
.input-group.input-group-static.is-focused.is-valid label,
.input-group.input-group-dynamic.is-focused.is-valid label {
    color: #4CAF50 !important;
}

.input-group.input-group-static.is-focused.is-invalid label,
.input-group.input-group-dynamic.is-focused.is-invalid label {
    color: #F44335 !important;
}

/* Remove any other transitions on input groups */
.input-group label {
    transition: none !important;
}

/* Ensure labels don't move when input has content */
.input-group.input-group-static.is-filled.is-focused .form-label,
.input-group.input-group-static.is-filled .form-label,
.input-group.input-group-dynamic.is-filled.is-focused .form-label,
.input-group.input-group-dynamic.is-filled .form-label {
    top: -0.7rem !important;
    font-size: 0.6875rem !important;
    transform: none !important;
}

/* Auto-fit card body to form content instantly */
.card-body {
    min-height: auto;
    height: auto;
}

/* Ensure smooth loading of multistep form */
.multisteps-form__form {
    opacity: 1 !important;
    height: auto;
}

/* Make form panels auto-fit content */
.multisteps-form__panel {
    min-height: auto !important;
    height: auto !important;
}

/* Remove initial opacity delay for first panel on page load */
.multisteps-form__panel.js-active {
    opacity: 1 !important;
    visibility: visible !important;
    transition-property: none !important;
    position: relative !important;
}

/* CRITICAL: Override JavaScript inline height calculation */
.multisteps-form__form {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Ensure inactive panels are completely hidden and don't affect layout */
.multisteps-form__panel {
    display: none !important;
}

.multisteps-form__panel.js-active {
    display: block !important;
}