/* Diario bankroll — stili specifici. La base è in ../comune/stile.css e ../comune-dati/dati.css. */

.massimi {
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
.massimi-titolo { font-weight: 700; font-size: 14px; opacity: .9; }
.massimi-righe {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 8px;
}
.massimi-righe div {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: var(--raggio-piccolo);
  min-width: 0;
}
.massimi-righe span { font-size: 13px; font-weight: 700; opacity: .9; }
.massimi-righe strong { font-size: 24px; font-weight: 800; line-height: 1.1; overflow-wrap: anywhere; }
.massimi-righe small { font-size: 12px; opacity: .85; }

.aggiungi .scelte { margin-bottom: 4px; }

.aggiungi [data-scelta="genere"] button { flex: 1 1 calc(50% - 6px); min-width: 0; }
@media (min-width: 520px) { .aggiungi [data-scelta="genere"] button { flex: 1 1 0; } }

/* Riquadro "A cosa serve / Quando usarlo": sempre visibile in alto. */
.a-cosa-serve {
  display: grid;
  gap: 8px;
  padding: 14px 16px;
  background: var(--fondo-2);
  border: 1px solid var(--linea);
  border-left: 5px solid var(--accento);
  border-radius: var(--raggio-piccolo);
}
.a-cosa-serve p { margin: 0; font-size: 16px; line-height: 1.45; }
.a-cosa-serve strong { color: var(--accento-scuro); }

.massimi-cosa { margin: 10px 0 0; font-size: 13px; line-height: 1.4; opacity: .9; }
.spiega-genere { margin: 0 0 10px; }