/* La barra di navigazione fra le sedi — 03/10/2026.
   Identica in tutte e quattro le app e da tenere identica (strumenti/carica_menu.py).
   Colori della casa: ardesia di fondo, crema sopra, corallo sulla voce dove si è.
   Non dipende da vd.css: le quattro app hanno fogli diversi e la barra deve essere la stessa
   dappertutto, quindi i colori sono scritti qui per esteso. */
.vd-menu {
  position: sticky; top: 0; z-index: 90;
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  /* Ardesia, non petrolio: in cucina e al bar la testata dell'app è già petrolio e una barra
     dello stesso colore ci si fonde, sembrando parte dell'intestazione invece che una cosa che
     sta sopra tutte le sedi. Il filetto salvia la stacca anche dalle pagine a fondo chiaro. */
  background: #254E5E; color: #F5DDC3;
  border-bottom: 2px solid #6E9277;
  padding: 8px 16px;
  font: 400 13px/1.3 Montserrat, -apple-system, 'Helvetica Neue', Arial, sans-serif;
}
/* Solo il trattore del marchio: il logo intero, rimpicciolito, diventa una macchia illeggibile
   perché ha la scritta tutt'attorno (Alberto, 03/10/2026). Incorporato qui dentro, così il menù
   resta tre file e non quattro cartelle di immagini da tenere allineate. */
.vd-menu-logo {
  width: 34px; height: 22px; flex: none;
  border: 0; padding: 0; cursor: pointer; appearance: none;
  background: url("data:image/png;base64,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") center/contain no-repeat;
}
/* Le voci della barra disegnata prima che il server risponda: si vedono, non si cliccano, e appena
   arriva la risposta vengono sostituite da quelle vere. Meglio una barra che si accende di una che manca. */
.vd-menu-attesa { opacity: .45; cursor: default; }
.vd-menu-scaduto { color: var(--crema); border: 1px solid var(--corallo); opacity: 1; cursor: help; }
.vd-menu-chi {
  font-weight: 600; letter-spacing: .04em; text-transform: uppercase; font-size: 12px;
  padding-right: 16px; border-right: 1px solid rgba(245, 221, 195, .3);
  white-space: nowrap;
}
.vd-menu-voci { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.vd-menu-voce {
  color: #F5DDC3; text-decoration: none;
  padding: 5px 10px; border-bottom: 2px solid transparent; white-space: nowrap;
}
.vd-menu-voce:hover { border-bottom-color: #6E9277; }
/* Dove si è adesso: non è un link e si vede che non lo è. */
.vd-menu-voce.qui { color: #FFFFFF; font-weight: 600; border-bottom-color: #F8674D; cursor: default; }
/* Nelle pagine interne la voce della sezione è accesa ma resta un collegamento alla home (16/10/2026). */
a.vd-menu-voce.qui { cursor: pointer; }
/* Il Playbook chiede una password: il pallino avverte prima che compaia la finestra. */
/* Una freccia, non un puntino: il puntino non diceva niente e la spiegazione stava solo nel
   suggerimento del mouse, che sul telefono non si apre. La freccia dice la cosa che conta — si
   apre fuori di qui, in un'altra scheda — e la password la si incontra arrivando. (03/10/2026) */
.vd-menu-voce.con-chiave::after {
  content: '↗'; margin-left: 5px; color: #6E9277; font-size: 11px; vertical-align: text-top;
}
@media print { .vd-menu { display: none; } }
@media (max-width: 560px) {
  .vd-menu { gap: 8px; padding: 6px 12px; }
  /* Trattore e nome restano SULLA STESSA RIGA e le voci vanno a capo sotto (Alberto, 03/10/2026).
     Prima il nome prendeva tutta la larghezza e spingeva il trattore su una riga sua: tre righe
     di barra su un telefono, per dire due cose che stanno in una. */
  .vd-menu-chi { flex: 1 1 auto; width: auto; border-right: 0; padding-right: 0; }
  .vd-menu-voci { flex-basis: 100%; }
  .vd-menu-voce { padding: 4px 8px; }
}

/* Il logo esce dalle testate: il marchio sta nella barra del menù, in cima a ogni pagina, e nella
   testata era la seconda volta nella stessa schermata (Alberto, 03/10/2026).
   Il TITOLO resta dove dice qualcosa che il menù non dice: la barra segna «Cucina», non «Legenda
   dei campi» né «Compila la Scheda Cucina». Sparisce solo nelle home, dove ripeteva la voce già
   evidenziata nella barra. */
.testata .logo, .legenda .appeso .logo { display: none; }
/* Il titolo della home non si vede ma resta nel documento: chi naviga con un lettore di schermo
   si orienta sui titoli, e toglierlo del tutto lo lascerebbe senza punto di riferimento. */
.solo-lettori {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
/* La linguetta «Oggi…» delle pagine interne serve solo a chi NON ha la barra: chi apre con un
   link diretto — le chat del mattino, i giri automatici, un segnalibro vecchio — altrimenti non
   ha nessuna strada per tornare alla home. Con la barra è la stessa strada due volte.
   (03/10/2026: togliendola dal bar avevo allineato le due app al difetto che la cucina aveva già.) */
.vd-con-menu .tab a.tab-oggi { display: none; }
/* Le tre scorciatoie della home vanno a capo invece di uscire dallo schermo: su 360 px la terza
   («Legenda») arrivava al bordo e si tagliava. (03/10/2026) */
#vai-compila { flex-wrap: wrap; }
#vai-compila > a { min-width: 30%; }
@media (max-width: 420px) {
  #vai-compila > a { flex: 1 1 100%; }
}
/* ---------------------------------------------------------------------------------------
   LA RIGA SOTTO IL MENÙ, uguale nelle quattro app (Alberto, 03/10/2026: stesso fondo, stesso
   bordo, stesso carattere, stessa dimensione — e stesso contenuto).
   Sta qui e non nei quattro fogli delle app perché è una cosa sola: scritta in quattro posti
   sarebbe tornata a divergere entro la settimana. Il riferimento è la cucina, che l'aveva già
   giusta: fondo petrolio, testo sabbia a 12px, nessun bordo colorato. */
.testata, .masthead {
  background: #0A3E4F;
  border-bottom: 0;
  padding: 14px 16px 0;
}
.testata .agg, .masthead .mt, #vd-agg {
  font: 400 12px/1.3 Montserrat, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  color: #E2DCCD;
  margin: 2px 0 12px;
}
/* Nei verbali la testata portava anche un occhiello e un titolone: il titolo lo dice già il
   menù, come nelle altre tre. */
.masthead .mt .kick, .masthead .mt h1 { display: none; }
.masthead { padding-bottom: 0; }

/* ------------------------------------------------------------------ la soglia, uguale in tutte le sedi
   Solo il marchio, il saluto e un pulsante: niente menù, niente linguette. È la soglia di casa — si guarda
   un momento e si entra (Alberto, 04/10/2026). Sta qui, col menù, perché come il menù è un pezzo solo
   copiato in quattro app. */
body.vd-in-soglia > *:not(#vd-soglia) { display: none !important; }
body.vd-in-soglia { background: #F5DDC3; }
#vd-soglia[hidden] { display: none !important; }   /* «hidden» da solo perde contro il display qui sotto */
#vd-soglia { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center;
             padding: 24px 16px; background: #F5DDC3; overflow: auto; }
.vd-soglia-dentro { width: 100%; max-width: 420px; text-align: center; }
.vd-soglia-marchio { display: block; width: min(260px, 70%); height: 150px; margin: 0 auto 26px; border: 0;
                     padding: 0; cursor: pointer; background: url("../img/logo-petrolio.png") center/contain no-repeat,
                     transparent; }
.vd-soglia-saluto { font: 400 34px/1 'Bebas Neue', Impact, sans-serif; letter-spacing: .03em; text-transform: uppercase;
                    color: #0A3E4F; margin: 0; }
.vd-soglia-frase { font: 600 17px/1.4 Montserrat, -apple-system, Arial, sans-serif; color: #0A3E4F; margin: 12px 0 0; }
.vd-soglia-data { font-size: 13px; color: #4F7058; margin: 6px 0 0; }
.vd-soglia-data::first-letter { text-transform: uppercase; }
.vd-soglia-accedi { display: block; width: 100%; margin: 28px 0 0; padding: 18px 16px; border: 0; cursor: pointer;
                    background: #F8674D; color: #fff; font: 700 19px/1 Montserrat, -apple-system, Arial, sans-serif;
                    letter-spacing: .12em; text-transform: uppercase; }
.vd-soglia-accedi:hover { background: #DA442B; }
.vd-soglia-accedi:focus-visible, .vd-soglia-marchio:focus-visible { outline: 3px solid #0A3E4F; outline-offset: 4px; }
.vd-soglia-coda { font-size: 12px; color: #4F7058; margin: 18px 0 0; }
@media (max-width: 560px) { .vd-soglia-saluto { font-size: 28px; } }

/* Il campanello della soglia: quello che aspetta una mano, prima ancora di entrare.
   Fondo bianco su crema, filetto salvia: si vede, e non urla. Ogni riga è un tasto che porta al punto. */
.vd-soglia-campanello { background: #FFFFFF; border-left: 4px solid #DA442B; margin: 18px auto 0; padding: 12px 14px;
                        max-width: 30em; text-align: left; }
/* «Attenzione» in vermiglio: è il rosso che la guida di casa vuole per le scritte piccole — il corallo
   sta bene solo in grande. Il campanello è un disegno e prende lo stesso colore del testo. */
.vd-soglia-campanello-testa { font: 700 13px/1.3 Montserrat, -apple-system, Arial, sans-serif; color: #DA442B;
                              margin: 0 0 6px; text-transform: uppercase; letter-spacing: .06em;
                              display: flex; align-items: center; gap: 6px; }
.vd-campanello { width: 16px; height: 16px; flex: none; }
.vd-soglia-campanello ul { list-style: none; margin: 0; padding: 0; }
.vd-soglia-campanello li + li { border-top: 1px solid #E2DCCD; }
.vd-soglia-campanello button { display: block; width: 100%; text-align: left; background: transparent; border: 0;
                               padding: 8px 0; font: 500 15px/1.4 Montserrat, -apple-system, Arial, sans-serif;
                               color: #0A3E4F; cursor: pointer; }
.vd-soglia-campanello button::after { content: " ›"; color: #4F7058; font-weight: 700; }
.vd-soglia-campanello button:hover, .vd-soglia-campanello button:focus-visible { color: #DA442B; }