.CodeMirror {
    height: 500px !important;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    font-size: 13px;
    border: none;
}

.CodeMirror-gutters {
    background-color: #263238;
    border-right: 1px solid #37474f;
}

.CodeMirror-linenumber {
    color: #546e7a;
}

.CodeMirror-cursor {
    border-left: 1px solid #fff;
}

#haproxy_config {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    font-size: 13px;
    line-height: 1.5;
    padding: 12px;
    border: none;
    width: 100%;
    overflow: hidden;
    resize: none;
    background: #1e1e1e;
    color: #e8e8e8;
}

#edit_form button {
    white-space: nowrap;
}

/* Alert styling */
.alert {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeaa7;
    color: #856404;
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

@media (max-width: 768px) {
    .CodeMirror {
        height: 300px !important;
        font-size: 12px;
    }
    
    #haproxy_config {
        font-size: 12px;
        min-height: 300px;
    }
}