/* ═══════════════════════════════════════════════════════════════════════════
   MARCA_81891_PAGINA_INVIA_FILE — la pagina del modulo «Invia file»
   (consegna 81891, 28/9/2026, richiesta di Giovanni del 28/9).

   Questo foglio NON inventa un aspetto nuovo: riusa per intero l'impaginazione
   delle tre pagine dei moduli per chi insegna (css/moduli-corsi.css, classi
   «mc-»). Qui dentro c'e' solo quel poco che cambia:

     1. il COLORE. Le classi «mc-» sono scritte tutte su var(--corsi) e
        var(--corsi-velo), il verde petrolio dei corsi. Invece di riscrivere
        venti regole, le due variabili si ridefiniscono sul <main> della
        pagina: da li' in giu' tutte le regole «mc-» prendono il colore di
        Invia file senza una riga in piu'. Il colore e' --ok/--ok-bg di
        temi.css, che e' gia' scritto nei tre temi (chiaro, scuro, e scuro di
        sistema): il tema scuro viene da solo.
     2. l'ANTEPRIMA SENZA TELEFONO. Le pagine dei corsi mettono una schermata
        vera del programma dentro un telefono, accanto al disegno. Qui il
        telefono non c'e', perche' il programma non e' acceso e una schermata
        non si inventa: senza questa classe resterebbe un buco di 104 punti
        sulla destra.
     3. il RIQUADRO «non e' ancora acceso» e due ritocchi minori.

   NESSUN colore scritto a mano: solo var(--...).
   Per toglierlo: consegna 81892.
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1. il colore della pagina ------------------------------------------------ */
main.pagina-invii,
.invii-tinta{
  --corsi:var(--ok);
  --corsi-velo:var(--ok-bg);
}

/* 2. l'anteprima senza il telefono accanto -------------------------------- */
.mc-anteprima.senza-telefono{padding-right:0;padding-bottom:0}
.mc-anteprima.senza-telefono .mc-attivita{margin-right:0}
.mc-anteprima.senza-telefono figcaption{max-width:none}

/* 3. il riquadro «questa parte non e' ancora accesa» (81893) ------------- */
.pagina-invii .riquadro-non-acceso{
  border-left-color:var(--ok);
  background:var(--surface);
  margin-top:20px;
}
.pagina-invii .riquadro-non-acceso p{margin:0;font-size:15px;color:var(--ink-2);max-width:none}
.pagina-invii .riquadro-non-acceso strong{color:var(--ink-strong)}
.pagina-invii .riquadro h4{color:var(--ok)}

/* i punti su due colonne quando c'e' spazio */
.pagina-invii .elenco-punti.due-colonne{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));
  column-gap:28px;
}

/* le tre schede dei moduli in fondo sono collegamenti: niente sottolineatura,
   e la riga colorata in cima la mette gia' .scheda-modulo di sito.css */
.pagina-invii a.scheda-modulo{text-decoration:none;color:inherit;display:block}
.pagina-invii a.scheda-modulo h3{color:var(--ink-strong)}
.pagina-invii a.scheda-modulo:hover h3{color:var(--tinta)}