/* YAML Editor Styles */
.CodeMirror {
    border: 1px solid #ddd;
    border-radius: 4px;
    height: auto;
    margin-bottom: 10px;
}

.validation-message {
    font-size: 0.875rem;
    font-weight: 500;
}

.text-success {
    color: #00b74a !important;
}

.text-danger {
    color: #f93154 !important;
}

/* YAML validity border indicator */
.CodeMirror.yaml-valid {
    border: 2px solid #00b74a !important;
    box-shadow: 0 0 0 2px #00b74a33;
}
.CodeMirror.yaml-invalid {
    border: 2px solid #f93154 !important;
    box-shadow: 0 0 0 2px #f9315433;
}

/* Make the editor responsive */
@media (max-width: 768px) {
    .CodeMirror {
        max-height: 150px;
    }
}