.ds-form-wrapper {
    background-color: #f8f9fa;
}

/* Style for the AI response block */
.ds-ai pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 0.95rem;
    line-height: 1.6;
    background-color: #e9ecef;
    border: 1px solid #dee2e6;
}

/* Hide role-specific fields by default to prevent flash of content */
.ds-form .form-field-wrapper[data-role="student"],
.ds-form .form-field-wrapper[data-role="teacher"],
.ds-form .form-field-wrapper[data-role="parent"] {
    display: none;
}