/* Styling voor formulier in berichten */
.message .form-display {
    margin-bottom: 12px;
    border-radius: 8px;
    background-color: rgba(245, 245, 245, 0.7);
    padding: 12px;
    border: 1px solid #e0e0e0;
}

.message.user .form-display {
    background-color: rgba(255, 255, 255, 0.1);
}

.message.ai .form-display {
    background-color: rgba(245, 245, 250, 0.7);
}
/* Styling voor formulieren in berichten */

.form-display {
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 12px;
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.user-form-values {
    background-color: rgba(0, 123, 255, 0.05);
}

/* 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;
    color: #555 !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;
    color: #555;
}

.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;
}

.message-content {
    max-width: 100%;
}