/* Allenamenti — foglio di stile del sito.
   L'aspetto comune (tavolozza blu navy, Barlow, testata, menu, piede, prima pagina) è nel foglio della famiglia
   MyBluSea, pj_base/famiglia/myblusea.css (si cambia in pj-base). Qui solo ciò che è di Allenamenti.
   Colori solo dalle variabili dei temi (questi blocchi sono l'unico posto con colori scritti), niente opacity;
   caratteri e spazi in rem. Corsia, preparazione e fune sono i colori della barra del tempo del creatore
   (creatore.css), carta il fondo dei loghi. Contrasti: li controlla sito/tests/test_stile.py. */

/* Chiaro */
:root{
  --corsia:#1d5c8a; --corsia-chiara:#a9cbe4; --preparazione:#6b7a88; --fune:#c0392b; --carta:#ffffff; --carta-testo:#3b4650;
}
/* Penombra */
:root[data-theme="medio"]{
  --corsia:#13305c; --corsia-chiara:#8fb0d0; --preparazione:#3d4f63; --fune:#8b1a10; --carta:#ffffff; --carta-testo:#3b4650;
}
/* Scuro */
:root[data-theme="dark"]{
  --corsia:#6cc6d8; --corsia-chiara:#2f5a78; --preparazione:#7b8a97; --fune:#ff7b6b; --carta:#ffffff; --carta-testo:#3b4650;
}
/* Automatico: con il sistema scuro, gli stessi colori del tema Scuro (copia: lo controlla un test) */
@media (prefers-color-scheme:dark){
  :root:not([data-theme]){
  --corsia:#6cc6d8; --corsia-chiara:#2f5a78; --preparazione:#7b8a97; --fune:#ff7b6b; --carta:#ffffff; --carta-testo:#3b4650;
  }
}

main{min-height:60vh}
.pagina{padding-bottom:2rem}

/* Allenamenti: sessioni, esercizi, esecuzioni */
.filtri{display:flex;flex-wrap:wrap;gap:0 1rem;align-items:flex-end;margin:1rem 0 .5rem}
.filtri .campo{flex:1 1 12rem;min-width:0}
.filtri p{margin:0 0 1.1rem}
.azioni-scheda{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0 0 1rem;padding:0}
.azioni-scheda form{margin:0}
.tabella table.fasi td:nth-child(n+2){white-space:nowrap}
.riga-titolo td{font-weight:700;border-top:2px solid var(--testo)}
.riga-recupero td:first-child,.riga-giro td:first-child{font-style:italic}
.sforamento{color:var(--errore)}
.blocco{margin-top:2rem}
.riquadro,.gruppi{border:1px solid var(--linea);border-radius:.35rem;padding:.6rem 1rem;margin:0 0 1.2rem;min-width:0}
.riquadro legend,.gruppi legend{font-weight:700;padding:0 .3rem}
.gruppi.con-errore{border-color:var(--errore)}
textarea.codice{font-family:ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace;font-size:.92rem;line-height:1.45}
.avviso-fisso{border:2px solid var(--accento);border-left-width:.5rem;background:var(--superficie);padding:.6rem 1rem;border-radius:.3rem;margin:1rem 0}
.avviso-pericolo{border:2px solid var(--errore);border-left-width:.6rem;background:var(--superficie);padding:.2rem 1rem;border-radius:.3rem;margin:0 0 1.2rem}
.figura{margin:0 0 1.5rem}
.figura img{display:block;max-height:32rem;width:auto;border:1px solid var(--linea);border-radius:.3rem}