/**
 * CSS for custom time inputs
 * This ensures time inputs are always displayed in 24h format
 */
.time-input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.time-input-wrapper input[type="text"] {
    width: 100%;
    padding-right: 30px;
}

/* Add a 24h indicator */
.time-input-wrapper::after {
    content: "24h";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.75em;
    color: #666;
    pointer-events: none;
}