html, body {
    height: 100%;
    background-color: #f8f9fa;
}

textarea {
    resize: vertical;
}

.table-responsive {
    overflow-x: auto;
}

thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: white;
    box-shadow: 0 -1px 0 #dee2e6, 0 1px 0 #dee2e6;
    border-top: 1px solid #dee2e6;
}
.table th, .table td {
    vertical-align: middle;
}

/* Fijar horizontalmente solo las celdas del cuerpo de la primera columna */
tbody td.sticky-index {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: white;
    box-shadow: 2px 0 2px rgba(0, 0, 0, 0.05);
}

.boton-parametros {
    position: relative;
    display: inline-block;
}
.boton-parametros .entorno-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(25%, -25%);
    padding: 2px 6px;
    font-size: 0.75rem;
    font-weight: bold;
    background-color: #079979; /* color similar a lo que mostraste */
    color: #ffffff;
    border-radius: 4px;
}