.enr-panel { margin-top: 8px; border-top: 1px solid var(--border); padding-top: 8px; }
  .enr-toggle { width: 100%; text-align: left; border: 0; background: var(--panel); color: var(--text);
    padding: 8px 10px; border-radius: 8px; cursor: pointer; font-weight: 600; }
  .enr-toggle .chev { float: right; opacity:.8; }
  .enr-body { margin-top: 6px; background: #0f141b; color: var(--text); border: 1px solid var(--border);
    border-radius: 8px; padding: 10px; }
  .enr-loading { opacity: .85; font-style: italic; }
  .enr-error { color: #f66; }
  .enr-subtitle { font-weight: 700; margin: 6px 0 4px; }
  .enr-foot { margin-top: 8px; opacity: .65; font-size: 12px; }
  /* Stato di caricamento ENR non-bloccante */
  .enr-panel.is-loading .enr-toggle { opacity: .6; }
  .enr-panel .enr-error { margin-top: .5rem; color: #f66; font-size: .9rem; }

  /* --- Rendiamo il pannello info scrollabile e con layout a colonna --- */
  #info-panel{
    display: flex;
    flex-direction: column;
    max-height: 72vh;            /* evita che esca dallo schermo */
    overflow: hidden;            /* header fisso, body scrolla */
  }

  /* Titolo come “maniglia” per trascinare */
  #zone-title{
    padding-right: 22px;         /* spazio per la X */
    border-bottom: 1px solid var(--border);
    margin-bottom: 8px;
  }


  /* L’area di testo scorre indipendentemente dal pannello */
  #zone-desc{
    overflow: auto;
    -webkit-overflow-scrolling: touch;  /* scrolling fluido su iOS/Android */
    padding-right: 2px;                 /* piccolo spazio per la scrollbar */
  }