/* 1. COMPACTACIÓN DE CÓDIGO (Universal) */
pre, .highlight, .CodeMirror-lines, .thebe-input pre, .CodeMirror {
    line-height: 1.1 !important;
    font-size: 13px !important;
    padding: 4px !important;
    font-family: 'Fira Code', monospace !important;
}

/* 2. EVITAR DUPLICIDAD */
/* Thebe oculta automáticamente el original si se configura bien, pero por si acaso: */
.thebe-input-active + .highlight {
    display: none !important;
}

/* 3. BOTÓN DE ACTIVACIÓN (Thebe Button) */
/* El botón que genera la directiva .. thebe-button:: */
.thebe-button {
    background: #00f2fe !important;
    color: #020617 !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 4px 12px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    margin-bottom: 10px !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 10px rgba(0, 242, 254, 0.3) !important;
}

.thebe-button:hover {
    background: #fff !important;
    transform: translateY(-1px) !important;
}

/* 4. EL BOTÓN RUN (Aparece tras activar) */
.thebelab-run-button {
    background: #10b981 !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 3px 12px !important;
    font-size: 10px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    margin-top: 5px !important;
}

/* Ocultar botones que no queremos */
.thebe-status-field, .thebe-button-wrapper:not(.thebelab-run-button) {
    display: none !important;
}

/* Contenedor de salida */
.thebelab-cell-output {
    margin-top: 10px !important;
    border-left: 2px solid #10b981 !important;
    padding-left: 10px !important;
}