/* Question Editor Shared Styles */

/* Common border styles */
.border-dashed {
    border: 2px dashed var(--primary-color) !important;
    background-color: rgba(15, 105, 255, 0.1);
}

/* Editor container styles with focus states */
.question-editor .rz-textbox:focus,
.question-editor .rz-textarea:focus,
.assessment-editor .rz-textbox:focus,
.assessment-editor .rz-textarea:focus,
.text-question-editor .rz-textbox:focus,
.text-question-editor .rz-textarea:focus,
.goal-achievement-editor .rz-textbox:focus,
.goal-achievement-editor .rz-textarea:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(15, 105, 255, 0.25);
}

/* Configuration section styles */
.config-section {
    border-left: 4px solid var(--primary-color) !important;
}

.evaluation-editor {
    border-left: 4px solid var(--primary-color) !important;
}

.text-question-config {
    border-left: 4px solid var(--info-color) !important;
}

.goal-category-editor {
    border-left: 4px solid var(--success-color) !important;
}

/* Goal achievement specific styles */
.achievement-levels .rz-badge {
    font-size: 0.875rem;
}

/* Add section button area */
.add-section {
    transition: all 0.2s ease-in-out;
}

.add-section:hover {
    background-color: rgba(15, 105, 255, 0.15) !important;
    border-color: var(--primary-color) !important;
}