/* Copertura mondiale, note dei bilanci, vigilanza.
   File separato apposta: sullo stesso portale lavorano piu' squadre e style.css e' conteso.
   Qui dentro ci sono SOLO le classi nuove di queste tre parti. */

/* --- ricerca dentro le note --- */
.notesearch { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.notesearch input[type="search"], .notesearch select {
  padding: .45rem .6rem; border: 1px solid var(--bd, #cfd6df); border-radius: 6px;
  font: inherit; background: inherit; color: inherit;
}
.notesearch button {
  padding: .45rem 1rem; border: 0; border-radius: 6px; cursor: pointer;
  background: #1e5aa8; color: #fff; font: inherit;
}
.notesearch label { display: inline-flex; align-items: center; gap: .3rem; }

/* Il pezzo di nota con le parole trovate evidenziate. <mark> e' l'UNICO marcatore che
   arriva dal database: il testo del bilancio viene neutralizzato prima (&, <, >). */
.notaestratto { margin: .25rem 0 .2rem 0; line-height: 1.45; }
.notaestratto mark { background: #ffe9a8; color: inherit; padding: 0 .1em; border-radius: 2px; }

/* Il testo intero di una nota: colonna stretta e leggibile, a capo rispettati. */
.notatesto {
  white-space: pre-wrap; word-wrap: break-word; line-height: 1.55;
  max-width: 46rem; font-size: .95rem;
}

/* La tabella dei paesi nel riquadro copertura puo' essere lunga: si scorre da sola. */
#copertura .scroll { max-height: 26rem; overflow-y: auto; }

@media (prefers-color-scheme: dark) {
  .notaestratto mark { background: #6b5a1e; color: #fff6d8; }
}