/* ============================================================
   BMonacoEditor – Estilos do componente nativo MadBuilder
   ============================================================ */

/* Wrapper externo: agrupa barra de ferramentas + área do editor */
.bmonacoeditor-wrapper {
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    width: 100%;
    /* Sem flexbox nem overflow:hidden para não interferir na altura
       explícita definida pelo PHP no container interno */
}

/* Barra de ferramentas com o seletor de linguagem */
.bmonacoeditor-toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #c0c0c0;
    user-select: none;
}

/* Rótulo "Linguagem:" dentro da barra de ferramentas */
.bmonacoeditor-lang-label {
    font-size: 12px;
    color: #555;
    white-space: nowrap;
}

/* <select> de linguagem na barra de ferramentas */
.bmonacoeditor-lang-select {
    display: inline-block !important;
    width: auto !important;
    max-width: 160px;
    height: 28px !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    cursor: pointer;
}

.bmonacoeditor-lang-select:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Ponto de montagem do Monaco.
   A altura é sempre definida inline pelo PHP (ex.: style="height:350px").
   Largura 100% garante que o editor ocupe toda a coluna do formulário. */
.bmonacoeditor-container {
    width: 100%;
}