/* Blocco 1.2.5 — il Builder resta utilizzabile al primo frame sui viewport mobili. */
@media (max-width: 760px) {
  #diagramBuilderModal .premium-builder-header {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  #diagramBuilderModal .premium-builder-title {
    min-width: 0;
    overflow: hidden;
  }

  #diagramBuilderModal .premium-builder-title b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #diagramBuilderModal .premium-builder-title span { display: none; }

  #diagramBuilderModal .premium-builder-shell {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(104px, auto);
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  #diagramBuilderModal .premium-builder-left {
    grid-column: 1;
    grid-row: 1;
  }

  #diagramBuilderModal .premium-stage {
    grid-column: 2;
    grid-row: 1;
  }

  #diagramBuilderModal .premium-builder-right {
    position: static;
    grid-column: 1 / -1;
    grid-row: 2;
    width: auto;
    max-height: 150px;
    border-top: 1px solid #22303b;
    border-left: 0;
    box-shadow: none;
  }

  #diagramBuilderModal .premium-ball-grid {
    grid-template-columns: repeat(4, minmax(14px, 1fr));
    gap: 2px;
  }

  #diagramBuilderModal .premium-ball-choice { max-width: 20px; }
}

@media (max-width: 390px) {
  #diagramBuilderModal .premium-builder-shell {
    grid-template-columns: 72px minmax(0, 1fr) !important;
  }

  #diagramBuilderModal .premium-builder-right { max-height: 140px; }
}