/* Fix form input colors for dark mode */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
textarea,
select {
    background-color: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
}

.dark input[type="text"],
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="number"],
.dark input[type="url"],
.dark input[type="tel"],
.dark input[type="date"],
.dark input[type="time"],
.dark input[type="datetime-local"],
.dark textarea,
.dark select {
    background-color: #1f2937 !important;
    color: #f3f4f6 !important;
    border: 1px solid #374151 !important;
}

/* Fix readonly fields */
input[readonly],
textarea[readonly],
select[disabled] {
    background-color: #f3f4f6 !important;
    color: #6b7280 !important;
}

.dark input[readonly],
.dark textarea[readonly],
.dark select[disabled] {
    background-color: #111827 !important;
    color: #9ca3af !important;
}

/* Fix placeholder text */
input::placeholder,
textarea::placeholder {
    color: #9ca3af !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
    color: #6b7280 !important;
}

/* Hide related object add/edit/delete/view icons */
.related-widget-wrapper-link {
    display: none !important;
}

/* Increase font size for form fields and labels */
.form-row label,
.form-row input,
.form-row select,
.form-row textarea {
    font-size: 1rem !important;
}

.field-service label,
.field-appointment_date label,
.field-appointment_time label {
    font-size: 1rem !important;
}

/* Make eindtijd field same width as starttijd */
.field-end_time_display input,
.field-end_time_display p {
    width: 100px !important;
    display: inline-block !important;
}