.plan-college{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));gap:6px;max-width:560px;margin:0 auto}.plan-college .couloir{align-self:center;padding-right:4px;font-weight:700;text-align:right}.plan-college .salle{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border:2px solid var(--aside-border-color);border-radius:6px;background:var(--back);color:var(--paragraph-color);font:inherit;cursor:pointer}.plan-college .salle:disabled{cursor:default}.plan-college .salle-profs{grid-column:2/-1}.plan-college .nom-salle{font-weight:700}.plan-college .effectif-salle{font-size:.85em}.plan-college .salle[aria-pressed=true]{border-color:var(--blue-text);background:color-mix(in srgb,var(--blue-transparent) 45%,var(--back))}.plan-college .salle.population{border-color:var(--green-text);background:color-mix(in srgb,var(--green-transparent) 45%,var(--back))}.plan-college .salle.en-trop{border-color:var(--red-text);background:color-mix(in srgb,var(--red-transparent) 35%,var(--back));text-decoration:line-through}.plan-college .salle.oubliee{border-color:var(--red-text);border-style:dashed}.atelier-fiches{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:flex-start;justify-content:center}.fiche-eleve{display:flex;flex-direction:column;gap:4px;min-width:250px;padding:8px;border:2px solid var(--aside-border-color);border-radius:8px;background:var(--back)}.fiche-eleve .ligne-fiche{margin:0;padding:4px 8px;border:2px solid transparent;border-radius:6px;background:none;color:var(--paragraph-color);font:inherit;text-align:left;cursor:pointer}.fiche-eleve .ligne-fiche:not(:disabled):hover{border-color:var(--aside-border-color)}.fiche-eleve .ligne-fiche:disabled{cursor:default}.fiche-eleve .ligne-fiche[aria-pressed=true]{border-color:var(--blue-text);background:color-mix(in srgb,var(--blue-transparent) 45%,transparent)}.fiche-eleve .ligne-fiche.bonne{border-color:var(--green-text)}.fiche-eleve .ligne-fiche.fausse{border-color:var(--red-text)}.fiche-eleve .nom-ligne{font-weight:700}.releve-classe{flex:1 1 260px;max-width:400px}.releve-classe .attente-releve,.releve-classe .titre-releve{margin:4px 0 8px}.grille-releve{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.grille-releve .carte-releve{display:flex;flex-direction:column;padding:4px;border:1px solid var(--aside-border-color);border-radius:6px;opacity:0;transition:opacity .25s}.grille-releve .carte-releve.arrivee{opacity:1}.grille-releve .prenom-releve{font-size:.8em}.grille-releve .valeur-releve{font-weight:700}.releve-hugo{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:12px}.releve-hugo .fiche-releve{padding:3px 7px;border:1px solid var(--aside-border-color);border-radius:5px;font-size:.9em;transition:background-color .2s}.releve-hugo .fiche-releve.comptee.valeur-0{background:color-mix(in srgb,var(--blue-transparent) 60%,transparent)}.releve-hugo .fiche-releve.comptee.valeur-1{background:color-mix(in srgb,var(--green-transparent) 60%,transparent)}.releve-hugo .fiche-releve.comptee.valeur-2{background:color-mix(in srgb,var(--purple-transparent) 60%,transparent)}.releve-hugo .fiche-releve.comptee.valeur-3{background:color-mix(in srgb,var(--orange-transparent) 60%,transparent)}.releve-hugo .fiche-releve.comptee.valeur-4{background:color-mix(in srgb,var(--red-transparent) 50%,transparent)}.tableau-hugo :is(th,td){padding:4px 6px}.tableau-hugo .case-hugo{min-width:2.4em;padding:2px 6px;border:2px solid transparent;border-radius:6px;background:none;color:var(--paragraph-color);font:inherit;cursor:pointer}.tableau-hugo .case-hugo:not(:disabled):hover{border-color:var(--aside-border-color)}.tableau-hugo .case-hugo:disabled{cursor:default}.tableau-hugo .case-hugo[aria-pressed=true]{border-color:var(--blue-text);background:color-mix(in srgb,var(--blue-transparent) 45%,transparent)}.tableau-hugo .ligne-recompte td{font-weight:700}.tableau-hugo .ligne-recompte td.juste{color:var(--green-text)}.tableau-hugo .ligne-recompte td.faux{color:var(--red-text)}@media (max-width:560px){.plan-college .salle{font-size:.9em}.fiche-eleve{min-width:0;width:100%}.tableau-hugo :is(th,td){padding:3px;font-size:.9em}.tableau-hugo .case-hugo{min-width:1.8em;padding:2px 3px}}