/* Telefono: barra in una riga, azioni a portata di pollice in basso, giri sotto la lista. */
.btn-mappa {
  display: none;
}
.piega summary {
  cursor: pointer;
  font-weight: 500;
  color: var(--testo);
  min-height: 32px;
}
.piega[open] summary {
  margin-bottom: 4px;
}

@media (max-width: 959px) {
  .vista-componi {
    display: flex;
    flex-direction: column;
  }
  .vista-componi .intestazione {
    order: 1;
  }
  .vista-componi .lista-ordini {
    order: 2;
    margin-top: 8px;
  }
  .vista-componi .giri-composti {
    order: 3;
    margin-top: 18px;
  }

  /* Barra azioni fissa in basso: Unisci resta raggiungibile mentre scorri 80+ ordini. */
  body.modo-componi .barra-azioni {
    position: fixed;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 1500;
    flex-wrap: nowrap;
    gap: 6px;
    padding: 8px 12px;
    padding-bottom: max(8px, env(safe-area-inset-bottom));
    background: var(--carta);
    border-top: 1px solid var(--bordo);
    box-shadow: 0 -2px 8px rgba(16, 24, 40, 0.08);
  }
  body.modo-componi .barra-azioni button {
    min-height: 48px;
    padding: 0 12px;
    white-space: nowrap;
  }
  body.modo-componi .btn-mappa {
    display: inline-block;
  }
  body.modo-componi .pannello {
    padding-bottom: 16px;
  }
  body.modo-componi .stato-salvataggio:empty {
    display: none;
  }
  body.modo-componi .colonna-mappa {
    margin-bottom: 72px;
    scroll-margin-top: 60px;
  }
  body.modo-componi .avviso {
    bottom: calc(80px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 559px) {
  .barra {
    flex-wrap: nowrap;
    gap: 8px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .marchio {
    display: none;
  }
  .modi button {
    padding: 0 8px;
    font-size: 13px;
  }
  .scelta-giornata {
    max-width: none;
    font-size: 15px;
  }
  .chi {
    font-size: 13px;
    max-width: 34vw;
  }
  .pannello {
    padding: 12px;
  }
  h1 {
    font-size: 19px;
  }
  .ordine {
    padding: 10px;
    gap: 10px;
  }
  .ordine-via {
    font-size: 14px;
    line-height: 1.3;
  }
}