/* Add to wwwroot/css/datepicker.css */

/* Ensure Flatpickr calendar appears above everything */
.flatpickr-calendar {
    z-index: 99999 !important;
    animation: none !important;
}




.date-input-wrapper {
    position: relative;
    width: 100%;
}

    .date-input-wrapper input {
        padding-right: 40px;
        /*background-color: white;*/
        cursor: pointer;
        font-family: inherit;
        font-size: 14px;
    }

        .date-input-wrapper input:focus {
            border-color: #4d7cfe;
            box-shadow: 0 0 0 0.2rem rgba(77, 124, 254, 0.25);
        }

        .date-input-wrapper input:disabled {
            cursor: not-allowed;
            background-color: #e9ecef;
            opacity: 0.7;
        }

    .date-input-wrapper .date-icon {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #6c757d;
        cursor: pointer;
        z-index: 2;
        pointer-events: none;
        font-size: 18px;
    }

    .date-input-wrapper input:disabled + .date-icon {
        color: #adb5bd;
        cursor: not-allowed;
    }

    /* Debug border for troubleshooting */
    .date-input-wrapper.debug {
        border: 2px solid red;
    }

        .date-input-wrapper.debug input {
            border: 2px solid blue;
        }