/* Speciale styling voor read-only formulieren in user messages */
.user-form .form-field {
    margin-bottom: 6px !important;
}

.user-form .field-label {
    font-weight: 500 !important;
    padding: 2px 0 !important;
}

.user-form .field-value {
    padding: 2px 0 !important;
}

/* Schakel hover effecten uit voor read-only formulieren */
.read-only .form-field:hover {
    background-color: transparent;
}

/* Subtiele scheiding tussen velden */
.dynamic-form.read-only .form-fields {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 10px;
    padding-top: 8px;
}

/* Verklein vorm titels in berichten */
.message-form .form-title {
    font-size: 1em !important;
}

.message-form .form-description {
    font-size: 0.85em !important;
}
.form-readonly {
    width: 100%;
}

.form-readonly .field-label {
    font-weight: 500;
}

.form-readonly .field-value {
    word-break: break-word;
}

.form-readonly .text-value {
    white-space: pre-wrap;
}

/* Algemene styling verbetering voor berichten */
.message-text {
    white-space: pre-wrap;
    word-break: break-word;
}

/* moved to ChatMessage.vue scoped styles */