/* AJUSTES OPTIMIZADOS PARA COLUMNAS */

/* Asegurar espaciado uniforme en el grid principal */
.content-area {
    width: 100%;
    box-sizing: border-box;
    /* El gap ya está definido en style.css como 20px */
}

/* Uniformizar todas las columnas */
.left-column, 
.right-column, 
.center-column {
    margin-top: 5px;
    position: relative;
    z-index: 2;
    align-self: start;
    width: 100%; /* Ocupar todo el espacio asignado */
    box-sizing: border-box;
}

/* Asegurar que todos los contenedores dentro de las columnas tengan el mismo ancho */
.left-column > *,
.right-column > *,
.center-column > * {
    width: 100%;
    box-sizing: border-box;
}

/* Ajuste especial para el contenedor de estadísticas que se superpone */
.server-stats-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
}