/**
 * YOLO — styling for the flatpickr-created European date display input.
 * @since allHands1017
 *
 * flatpickr's altInput is a brand-new <input type="text"> that does NOT
 * inherit the surrounding field's classes (we deliberately give it the
 * neutral `yolo-eu-date-display` class so it can't trip the autosave
 * handlers). These rules make it visually match the native inputs it
 * replaces on both the admin repairs editor and the owner dashboard.
 */
.yolo-eu-date-display {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #c7ccd1;
    border-radius: 6px;
    /* 16px keeps iOS from zooming the viewport on focus (matches the
       plugin's mobile-input convention). */
    font-size: 16px;
    line-height: 1.4;
    background-color: #fff;
    color: inherit;
}
.yolo-eu-date-display:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}
.yolo-eu-date-display::placeholder {
    color: #9ca3af;
}

/* allHands1121: crew-list birth dates use the direct-entry Flatpickr mode. */
.yolo-eu-date-birth-display.is-invalid {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}