/* Strumento aperto da una pratica (Venduto, GeoMaps, Fisco…): fascia + testa su UNA riga sola.
   Torna · targhetta · indirizzo (alias grigio) ········ codice · data · autore.
   DOM da fascia-pratica.js + testa-strumento.js; usato da index.html. Non tocca la scheda pratica né lo strumento dal menu. */

/* Nessun margine sopra: il «menu sinistro» ne dà 1.5rem alla testata, qui non serve. */
html.mestiere-nel-centro .page-header:has(.fascia-pratica:not([hidden])):has(#page-sottotitolo) {
  margin-top: 0 !important;
}

.page-header .fascia-pratica .fascia-riga {
  flex-wrap: nowrap;
  gap: 0.6rem;
  min-width: 0;
}
.page-header .fascia-pratica .fascia-indietro { flex: 0 0 auto; }

/* La testa riempie il mezzo; se manca spazio si accorcia l'indirizzo. */
.page-header .testa-strumento:not([hidden]) {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex: 1 1 auto;
  min-width: 0;
}
.page-header .testa-strumento .testa-strumento-nome {
  display: flex;
  flex: 0 4 auto;
  min-width: 0;
}
.page-header .testa-strumento .targhetta-strumento { flex: 0 0 auto; }
.page-header .testa-strumento .testa-titolo {
  flex: 0 1 auto;
  min-width: 4rem;
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: -0.01em;
}
.page-header .testa-strumento .testa-alias {
  margin-left: 0.4rem;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0;
}

/* Codice · data · autore: a destra, una riga; se manca spazio si tronca anche lui. */
.page-header .fascia-pratica .fascia-destra { flex: 0 1 auto; }
.page-header .fascia-pratica .fascia-dati {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Respiro fra la linea della riga e la pulsantiera sotto (prima era attaccata). */
html.mestiere-nel-centro:has(.page-header .fascia-pratica:not([hidden])) .page-body {
  margin-top: 0.6rem;
}