.rowAnalysisView {
  display: grid;
  grid-template-columns: 650px calc(100% - 650px - 4px);
  grid-template-rows: 38px calc(100% - 42px - 8px);
  gap: 4px;
  overflow: hidden;

  .rowMessage {
      width: 100%;
      height: 100%;
      grid-column-start: 1;
      grid-column-end: 3;
  }

  .rowTable {
      width: 100%;
      height: 100%;
  }

  .rowGraphic {
      width: 100%;
      height: 100%;
  }

  /* Ajustes para pantallas medianas */
  @media only screen and (max-width: 1280px) {
      grid-template-columns: 100%;
      grid-template-rows: 40px 320px calc(100% - 60px - 320px);
      gap: 4px;

      .rowMessage {
          grid-column-start: 1;
          grid-column-end: 2;
      }

      .rowTable {
          grid-row-start: 2;
          grid-row-end: 3;
      }

      .rowGraphic {
          grid-row-start: 3;
          grid-row-end: 4;
      }
  }

  /* Ajustes para pantallas pequeñas */
  @media only screen and (max-width: 768px) {
      grid-template-columns: 100%;
      grid-template-rows: 50px 300px calc(100% - 50px - 300px);
      gap: 8px;

      .rowMessage {
          grid-row-start: 1;
          grid-row-end: 2;
      }

      .rowTable {
          grid-row-start: 2;
          grid-row-end: 3;
      }

      .rowGraphic {
          grid-row-start: 3;
          grid-row-end: 4;
      }
  }

  /* Ajustes para pantallas muy pequeñas */
  @media only screen and (max-width: 500px) {
      grid-template-columns: 100%;
      grid-template-rows: 52px 350px calc(100% - 60px - 350px);
      gap: 4px;

      .rowMessage {
          grid-row-start: 1;
          grid-row-end: 2;
      }

      .rowTable {
          grid-row-start: 2;
          grid-row-end: 3;
      }

      .rowGraphic {
          grid-row-start: 3;
          grid-row-end: 4;
      }
  }
}