/* Aggiunte allo stile dell'Ufficio (../ufficio/src/stile.css). */
.kanji {
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;
  font-weight: 400; font-size: .78em; margin-left: 4px; color: var(--tenue);
}
/* Il registro è un solo riquadro: l'ultima riga piena, le precedenti sbiadite. */
.registro {
  display: flex; flex-direction: column; gap: 4px; max-width: min(520px, 60vw);
  padding: 9px 13px; border-radius: 11px; font-size: 13px;
  background: var(--carta); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--filo);
}
.registro:empty { display: none; }
.piede .registro p { padding: 0; background: none; border: 0; backdrop-filter: none; -webkit-backdrop-filter: none; border-radius: 0; font-size: inherit; animation: entra .45s ease-out; }
.registro p:not(:first-child) { color: var(--tenue); }
.registro p:nth-child(n+3) { opacity: .7; }
.registro i {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px;
  background: var(--c); box-shadow: 0 0 6px var(--c); vertical-align: 1px;
}
.registro time { color: var(--tenue); margin-right: 7px; font-variant-numeric: tabular-nums; }
.etichetta .quando.vivo::before { content: "● "; color: #3ddb8a; }

/* Il tasto della vista da fuori, accanto ai segmenti; durante il volo resta acceso e la scheda tace. */
.fuori {
  border: 1px solid var(--filo); background: var(--carta); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  padding: 6px 12px; border-radius: 9px; cursor: pointer; font: inherit; font-size: 13.5px; font-weight: 600; color: inherit;
}
.fuori[aria-pressed="true"] { background: var(--attivo); color: var(--attivo-testo); }
body.in-volo #etichetta { display: none; }

@keyframes entra { from { opacity: 0; transform: translateY(6px); } }

@media (max-width: 760px) {
  .registro { max-width: none; }
  .registro p:nth-child(n+3) { display: none; }
  .segmenti button, .fuori { padding: 6px 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .registro p { animation: none; }
}

/* Con volo e tetti la barra non sta più su una riga: va a capo, allineata a destra. */
.comandi { flex-wrap: wrap; justify-content: flex-end; max-width: calc(100vw - 40px); }
/* Sul telefono la barra sta in basso e ora occupa più righe: il registro sale quanto serve (--barra la misura machi.js). */
@media (max-width: 760px) {
  .comandi { justify-content: flex-end; max-width: none; }
  .piede { bottom: calc(var(--barra, 46px) + 24px); }
}