/* Navigation — Header · istanza 85:4474 · 1512 x 91
   Sovrapposto all'Hero (entrambi a y=0). L'Hero compensa con padding-top 171. */

.nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: var(--page-width);
  height: 91px;                       /* 24 + 43 + 24 */
  padding: 24px var(--page-gutter);
  background: var(--color-tertiary);  /* tinta piatta, nessun blur */
  color: var(--color-white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0;
}

/* Blocco Logo 85:4406 — box 263x32, immagine 131.2x32 (131.8 di vuoto a destra) */
.nav__logo { width: 263px; height: 32px; display: flex; flex-direction: column; align-items: flex-start; }
.nav__logo-img { width: 131.2px; height: 32px; }

/* Blocco menu 85:4408 — in Figma 570x19, gap 32.
   I 570px sono la larghezza HUG del blocco calcolata con l'Inter di Figma.
   Qui il blocco resta hug (width auto): con Inter v4, leggermente piu largo,
   fissare 570 manderebbe "Monitoring & Reporting" su due righe. */
.nav__menu {
  width: auto;
  height: 19px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  white-space: nowrap;
}

/* Blocco Actions 85:4414 — 209x43, gap 8 */
.nav__actions {
  width: 209px;
  height: 43px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-2);
}
.nav__actions .btn { width: 145px; }