/* Skeleton Loader for Conditional Field Transitions */
.fwfb-skeleton-field {
    display: block;
    margin-bottom: 15px;
    padding: 12px;
    border-radius: 6px;
    background: #f6f7f9;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    border: 1px solid #e2e8f0;
}

.fwfb-skeleton-label {
    width: 35%;
    height: 14px;
    background: #e2e8f0;
    border-radius: 4px;
    margin-bottom: 10px;
}

.fwfb-skeleton-input {
    width: 100%;
    height: 38px;
    background: #edf2f7;
    border-radius: 4px;
}

/* Shimmer Animation */
.fwfb-skeleton-shimmer {
    position: relative;
    overflow: hidden;
}

.fwfb-skeleton-shimmer::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: fwfb-shimmer 1.2s infinite;
}

@keyframes fwfb-shimmer {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}