/* modulo: viaggio — riservato al suo workstream. Vedi README.md § Moduli.
   Prefisso .vg su tutto: nessuna classe condivisa con gli altri fogli. */

/* --- testata della scheda di menu --- */
.vgtesta { font-size:10px; color:#7a2c2c; line-height:1.6; margin-bottom:8px; }
.vgtesta span { display:block; font-size:7px; color:#7a6a4a; margin-top:3px; }

/* --- navigazione fra le tre viste --- */
.vgnav { display:flex; gap:4px; margin-bottom:8px; flex-wrap:wrap; }
.vgtab {
  font-family:inherit; font-size:7px; padding:6px 7px; cursor:pointer;
  background:#e8dcc0; color:var(--ink); border:2px solid var(--ink); border-radius:4px;
}
.vgtab.on { background:var(--acc); }

/* --- elenco dei luoghi --- */
.vgrow { cursor:pointer; }
.vgqui-row { background:#efe4c4; border-style:dashed; cursor:default; }
.vgqui, .vgpend, .vgfatto {
  font-size:6px; padding:3px 5px; border-radius:3px; margin-left:4px;
  white-space:nowrap; vertical-align:middle;
}
.vgqui { background:#2c4a2c; color:var(--cream); }
.vgpend { background:#7a2c2c; color:var(--cream); }
.vgfatto { background:#d8ccb0; color:#5a5244; }
.vgdet { font-size:7px; color:#7a2c2c; line-height:1.8; }

/* --- quanto manca --- */
.vggrande { font-size:26px; color:#7a2c2c; text-align:center; margin:4px 0 2px; }
.vggrande span { font-size:12px; color:#7a6a4a; }
.vgvoce { font-size:8px; line-height:1.7; margin-bottom:7px; }
.vgvoce .cima { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.vgvoce .et { color:#4a4034; }
.vgbar { height:6px; background:#d8ccb0; border:2px solid var(--ink); border-radius:3px; margin-top:3px; overflow:hidden; }
.vgbar i { display:block; height:100%; background:var(--acc); }

/* --- statistiche di partita --- */
.vggriglia { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:5px; margin-bottom:10px; }
.vgbox {
  background:#fff8e8; border:2px solid var(--ink); border-radius:4px;
  padding:7px 8px; line-height:1.6;
}
.vgbox span { display:block; font-size:6px; color:#7a6a4a; }
.vgbox b { font-size:10px; }

/* --- pannello aperto dal segno nel mondo --- */
.vgcard { text-align:left; }
.vgcard .cnum, .vgcard .csub { text-align:center; }
.vgbody { max-height:52dvh; overflow:auto; margin-bottom:6px; }