/* Home dello studente nello stile della cabina docente (28/10/2026). Il tema scuro è ologramma.css. */
.sistemi { display: inline-flex; align-items: center; gap: 8px; padding: 4px 10px; border: 1px solid var(--linea);
  font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12px; letter-spacing: .12em; color: var(--ok); }
.sistemi .led, .barra-home .led { width: 7px; height: 7px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 8px var(--ok); }
.cerca { font: inherit; font-size: 15px; display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; flex: 0 1 320px; min-width: 0;
  color: var(--sec); background: var(--campo-fondo); border: 1px solid var(--bordo); cursor: pointer; text-align: left; }
.cerca:hover { border-color: var(--acc); }
.cerca .tasto { margin-left: auto; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 13px; }
.barra-home { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 8px 24px; border-bottom: 1px solid var(--linea);
  font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12px; letter-spacing: .12em; color: var(--sec); }
.barra-home b { color: var(--testo); }
.barra-home > b:first-child { color: var(--acc); }
.barra-home i { width: 1px; height: 12px; background: var(--linea); }
.barra-home .spinge { flex: 1; }
.barra-home .ok { color: var(--ok); }
.home-cabina { max-width: 1900px; margin: 0 auto; padding: 18px 24px 30px; display: grid; gap: 18px; }
.home-cabina .sec { color: var(--sec); margin: 0 0 14px; }
.scheda-unita .num { color: var(--sec); font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 14px; }
.scheda-unita.in-corso { border-color: var(--avviso); }
.scheda-unita .fin-qui { display: block; margin-top: 6px; color: var(--avviso); font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 13px; letter-spacing: .06em; }
.ver-unita { border-bottom: 1px solid var(--linea); }
.ver-unita summary { display: flex; align-items: baseline; gap: 14px; padding: 10px 0; cursor: pointer; list-style: none; }
.ver-unita summary::-webkit-details-marker { display: none; }
.ver-unita summary::before { content: "›"; color: var(--acc); transition: transform .2s; display: inline-block; }
.ver-unita[open] summary::before { transform: rotate(90deg); }
.ver-unita summary .num { color: var(--sec); font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 13px; }
.ver-unita ol { padding-bottom: 10px !important; }
.ver-unita h3 { margin: 0; font-size: 14px; color: var(--acc); letter-spacing: .08em; text-transform: uppercase; }
.ver-unita ol { list-style: none; margin: 0; padding: 0; }
.ver-unita li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 8px 0; border-bottom: 1px dashed var(--linea); }
.ver-unita li > a { display: flex; gap: 12px; color: var(--testo); text-decoration: none; flex: 1 1 320px; min-width: 0; }
.ver-unita li > a:hover { color: var(--acc); }
.ver-unita .n { font-family: ui-monospace, "SF Mono", Menlo, monospace; color: var(--acc); min-width: 52px; }
.home-cabina .vuoto { color: var(--sec); }
#vista-home .piede { color: var(--eti); border-top: 1px solid var(--linea); }
@media (max-width: 860px) { .sistemi, .cabina-testa .chi, .cerca .tasto { display: none; } }
/* pagina di accesso con lo stesso tema scuro */
.accesso { background: transparent; box-shadow: inset 4px 0 0 var(--acc); }
.accesso .sopra { color: var(--eti); }
.accesso p { color: var(--testo); }
.accesso .errore { color: var(--avviso); }
.accesso .entra-google { display: inline-block; margin: 8px 0 4px; text-decoration: none; }
.accesso .entra-google[hidden] { display: none; }
.accesso input { background: var(--campo-fondo); color: var(--testo); border: 1px solid var(--bordo); }
.home-cabina .es-elenco .vuoto, .home-cabina .es-elenco .sec { background: transparent; border: 1px dashed var(--linea); color: var(--sec); }