/* Modalità Scuola (js/scuola.js). Stessa palette del brand, niente colori dei livelli di
   allerta: il verde qui indica solo "modulo completato", non un'allerta assente. */

.scuola-panel { max-width: 480px; }

.scuola-intro { font-size: 0.85rem; color: #555; line-height: 1.5; margin: 0 0 12px; }

.scuola-tabs { display: flex; gap: 8px; margin-bottom: 14px; }
.scuola-tab {
    flex: 1; padding: 10px; border-radius: 10px; border: 2px solid #003366; background: #fff;
    color: #003366; font-weight: 700; font-size: 0.82rem; cursor: pointer;
}
.scuola-tab-attiva { background: #003366; color: #fff; }

.scuola-etichetta { display: block; font-size: 0.78rem; font-weight: 700; color: #003366; margin: 10px 0 4px; }
.scuola-pannello input[type="text"], .scuola-pannello input[type="password"], .scuola-pannello input[type="email"], .scuola-textarea {
    width: 100%; padding: 10px; border-radius: 8px; border: 1px solid #ddd; font-size: 0.85rem; box-sizing: border-box;
}
.scuola-textarea { font-family: inherit; resize: vertical; margin-bottom: 8px; }

.scuola-moduli { display: flex; flex-direction: column; gap: 6px; margin: 6px 0 14px; max-height: 180px; overflow-y: auto; }
.scuola-checkbox { font-size: 0.85rem; display: flex; align-items: center; gap: 8px; }

.scuola-btn { background: #e67e22; color: #fff; border: none; border-radius: 20px; padding: 10px 18px; font-weight: 800; font-size: 0.82rem; cursor: pointer; margin-top: 4px; }
.scuola-btn-testo { background: transparent; border: none; color: #003366; font-weight: 700; font-size: 0.78rem; text-decoration: underline; cursor: pointer; }
.scuola-errore { color: #b03a2e; font-size: 0.8rem; font-weight: 600; min-height: 1.2em; margin: 8px 0 0; }

.scuola-tuo { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; background: #eef4fa; border-radius: 10px; padding: 12px 14px; margin-bottom: 12px; font-size: 0.85rem; }
.scuola-codice-mostrato { font-size: 0.8rem; color: #555; }

.scuola-percorso { list-style: none; margin: 0 0 10px; padding: 0; }
.scuola-passo { display: flex; align-items: center; gap: 8px; padding: 8px 4px; border-bottom: 1px solid #f2f2f2; font-size: 0.85rem; }
.scuola-passo i { color: #ccc; }
.scuola-passo-fatto i { color: #1e7e34; }
.scuola-passo-fatto { color: #1e7e34; }
.scuola-passo .scuola-btn-testo { margin-left: auto; }

.scuola-conteggio-modulo {
    background: #eef4fa; color: #003366; font-size: 0.72rem; font-weight: 800;
    border-radius: 10px; padding: 2px 8px; margin-left: 8px;
}

.scuola-sep { border: none; border-top: 1px solid #eee; margin: 16px 0; }
.scuola-sottotitolo { color: #003366; font-size: 0.95rem; margin: 14px 0 6px; display: flex; align-items: center; gap: 8px; }

.scuola-vuota { font-size: 0.82rem; color: #717171; padding: 8px 0; }
.scuola-classifica-lista { list-style: none; margin: 0 0 14px; padding: 0; }
.scuola-classifica-lista li { font-size: 0.85rem; padding: 6px 4px; border-bottom: 1px solid #f2f2f2; }
.scuola-classifica-lista li:first-child { font-weight: 800; color: #9c5617; }