/* Plannings ULIS — v3 */
:root{
  --paper:#fbfaf7; --white:#fff; --ink:#1f1d1a; --muted:#6b665d; --rule:#ddd8ce; --soft:#f2efe8;
  --ulis:#1e6b5f; --ulis-bg:#e3efea;
  --pec:#6d4a7c; --pec-bg:#efe7f2;
  --pecx:#35577f; --pecx-bg:#e4ecf6;
  --abs:#9b3b33; --abs-bg:#f7e8e5;
  --warn:#8a5d0c; --warn-bg:#fbf1dc;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font:15px/1.45 "Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;font-weight:600;line-height:1.2;margin:0}
h1{font-size:24px} h2{font-size:21px} h3{font-size:16px;margin-bottom:8px}
p{margin:0 0 8px}
a{color:var(--ulis)}
.muted{color:var(--muted)}
.err{color:var(--abs);min-height:1.2em;margin:6px 0 0;font-size:14px}
.sp{flex:1}
[hidden]{display:none!important}

/* ---------- en-tête ---------- */
.top{display:flex;align-items:center;gap:22px;padding:8px 20px;border-bottom:1px solid var(--rule);background:var(--white);position:sticky;top:0;z-index:20;flex-wrap:wrap}
.brand{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:18px;white-space:nowrap}
.brand span{font-family:"Source Sans 3",sans-serif;font-weight:400;color:var(--muted);font-size:14px;margin-left:4px}
#tabs{display:flex;gap:2px;flex-wrap:wrap}
#tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:8px 10px;cursor:pointer;color:var(--muted)}
#tabs button:hover{color:var(--ink)}
#tabs button.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}
.save{margin-left:auto;font-size:13px;color:var(--muted)}
.save.ok{color:var(--ulis)} .save.err{color:var(--abs)} .save.warn{color:var(--warn)}
.histo{display:flex;gap:4px}
.histo .btn:disabled{opacity:.4;cursor:default;border-color:var(--rule)}
.banner{background:var(--warn-bg);border-bottom:1px solid #ecd9ae;padding:10px 20px;font-size:14px}
.banner button{margin-left:8px}
main{padding:18px 20px 80px;max-width:1500px;margin:0 auto}

/* ---------- boutons & champs ---------- */
.btn{border:1px solid var(--rule);background:var(--white);border-radius:6px;padding:6px 12px;cursor:pointer;line-height:1.3}
.btn:hover{border-color:#b9b2a3}
.btn.pri{background:var(--ink);border-color:var(--ink);color:#fff}
.btn.pri:hover{background:#3a362f}
.btn.dan{color:var(--abs)}
.btn.sm{padding:4px 10px;font-size:14px}
.lnk{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-size:14px}
.lnk:hover{color:var(--ink)}
.lnk.dan{color:var(--abs)}
input[type=text],input:not([type]),input[type=date],input[type=time],input[type=password],input[type=email],select,textarea{border:1px solid var(--rule);border-radius:6px;padding:5px 8px;background:var(--white);max-width:100%}
textarea{width:100%;resize:vertical}
input[type=color]{width:30px;height:30px;padding:0;border:1px solid var(--rule);border-radius:6px;background:none;cursor:pointer}
:focus-visible{outline:2px solid var(--ulis);outline-offset:2px}
label.chk{display:inline-flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}
.seg{display:inline-flex;border:1px solid var(--rule);border-radius:6px;overflow:hidden;background:var(--white)}
.seg button{border:0;border-right:1px solid var(--rule);background:none;padding:4px 12px;cursor:pointer;font-size:14px}
.seg button:last-child{border-right:0}
.seg button.on{background:var(--ink);color:#fff}

.bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.bar h2{min-width:0}
.navs{display:inline-flex;gap:4px}
mark.aesh{background:#fff0a0;color:inherit;padding:0 3px;border-radius:3px}
.sub.aeshu{font-size:.92em;margin-bottom:1px}
.hsel{display:inline-flex;gap:3px;align-items:center}
.hsel select{padding:4px 6px}
/* « Montrer seulement les changements » : « ULIS idem », puis + arrivées / − départs */
.idemtxt{font-weight:400;text-transform:none;letter-spacing:0;font-size:12px;color:var(--muted);margin-left:3px}
.g.idem{padding-top:1px;padding-bottom:1px}
.g.idem .lab{margin-bottom:0}
.sub.chg{font-size:.95em}
.bar h2.ptitre{min-width:11.5em}
.dpbtn{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:4px}
.dpbtn:hover{text-decoration-style:solid}
.calpop{position:absolute;z-index:60;width:262px;background:var(--white);border:1px solid var(--rule);border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.12);padding:10px;font-size:14px}
.calh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.calh b{font-weight:600}
.calh button{background:none;border:1px solid var(--rule);border-radius:6px;width:30px;height:28px;cursor:pointer;font-size:16px}
.calh button:hover{border-color:#b9b2a3}
.calg{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.calg .cj{font-size:12px;color:var(--muted);padding:2px 0}
.calg button{background:none;border:0;border-radius:5px;height:30px;cursor:pointer;font:inherit;color:var(--ink)}
.calg button:hover{background:var(--soft)}
.calg button.off{color:#b3ada2}
.calg button.auj{box-shadow:inset 0 0 0 1px var(--ink)}
.calg button.sel{background:var(--ulis-bg);color:var(--ulis);font-weight:600}
.calf{margin-top:6px;text-align:right}
@media print{.dpbtn{text-decoration:none}}

/* ---------- grille de présence ---------- */
.wrap{overflow-x:auto;border:1px solid var(--rule);background:var(--white);border-radius:4px}
table.pl{border-collapse:collapse;width:100%;table-layout:fixed}
table.pl.sem{min-width:880px}
table.pl th,table.pl td{border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);vertical-align:top;padding:6px 8px;text-align:left}
table.pl tr>*:last-child{border-right:0}
table.pl th{background:var(--soft);font-weight:600;font-size:14px}
table.pl th small{display:block;font-weight:400;color:var(--muted)}
table.pl th.auj{background:#e6ece9}
.jb{background:none;border:0;padding:0;cursor:pointer;font-weight:600;text-align:left}
.jb span{font-weight:400;color:var(--muted)}
.jb:hover{text-decoration:underline}
th.t,td.t{width:96px}
td.t{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}
td.t b{color:var(--ink);font-weight:600}
td.t small{display:flex;align-items:center;gap:3px;flex-wrap:wrap;font-size:11.5px;line-height:1.25;margin-top:3px}
td.t small .dot{width:7px;height:7px}
tr.midi td{background:var(--soft);color:var(--muted);font-size:13px;padding:4px 8px}
td.off{background:repeating-linear-gradient(45deg,#f6f4ef,#f6f4ef 6px,#eeebe4 6px,#eeebe4 12px)}
td.c{position:relative;font-size:13px}
table.pl.j td.c{font-size:13.5px}
.g{margin:0 0 5px}
.g:last-child{margin-bottom:0}
.g .lab{display:block;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);line-height:1.3}
.g.cl{border-left:3px solid var(--c,#999);padding-left:6px}
.g.ess{border:1px dashed var(--warn);background:var(--warn-bg);border-radius:4px;padding:3px 6px;margin:0 0 4px -3px}
.g.ess .lab{color:var(--warn)}
.mtitre{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.mtitre h2{margin:0!important}
#fCoordInfo{margin:0 0 10px;font-size:13.5px;color:var(--muted)}
#fEssInfo{margin:2px 0 10px;font-size:13.5px;color:var(--muted)}
.g.ulis{background:var(--ulis-bg);border-radius:4px;padding:3px 6px;margin-left:-3px;color:var(--ulis-txt,inherit)}
.g.ulis .lab{color:var(--ulis-ink,var(--ulis))}
.g.ulis .meta{color:var(--ulis-meta,var(--muted))}
.g.pec{background:var(--pec-bg);border-radius:4px;padding:3px 6px;margin-left:-3px;color:var(--pec-txt,inherit)}
.g.pec .lab{color:var(--pec-ink,var(--pec))}
.g.pec .meta{color:var(--pec-meta,var(--muted))}
.g.pecx{background:var(--pecx-bg);border-radius:4px;padding:3px 6px;margin-left:-3px;color:var(--pecx-txt,inherit)}
.g.pecx .lab{color:var(--pecx-ink,var(--pecx))}
.g.pecx .meta{color:var(--pecx-meta,var(--muted))}
.g.abs .lab{color:var(--abs)}
.g.abs .nm{color:var(--abs)}
.sub{display:block}
.nm{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;text-align:left}
.nm:hover{text-decoration:underline}
.sub.dim .nm{color:var(--muted)}
.meta{color:var(--muted)}
.meta s{color:var(--abs)}
.mv{font-size:12px;color:var(--warn);margin-top:3px;line-height:1.3}
/* « + ajouter » : en bas à droite de la case, visible au survol de la case */
.plus{position:absolute;right:3px;bottom:3px;border:1px solid var(--rule);background:var(--white);color:var(--muted);cursor:pointer;font-size:12px;line-height:1.2;padding:2px 6px;border-radius:4px;opacity:0}
td.c:hover .plus,.plus:focus-visible{opacity:1}
.plus:hover{color:var(--ink);border-color:var(--muted)}
td.c:has(.plus:hover){background:var(--soft)}
@media (hover:none){td.c{padding-right:24px} .plus{opacity:1;font-size:0;border:0;background:none;padding:2px 5px;color:#9a9486} .plus::before{content:"+";font-size:18px}}
/* blocs qu'on clique pour les modifier */
.clic{cursor:pointer;border-radius:4px}
.clic:hover{outline:2px solid var(--rule);outline-offset:1px}
.g.clic .sub,.sub.clic{cursor:pointer}
.voir .clic{cursor:default}
.voir .clic:hover{outline:0}
.cejour{margin-top:14px;padding:10px 12px;background:var(--soft);border-radius:6px;font-size:14px}
.cejour p{margin:0 0 4px}

/* ---------- vue jour ---------- */
.jour{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.side section{border-top:1px solid var(--rule);padding:12px 0 14px}
.side section:first-child{border-top:0;padding-top:0}
.tog{border:1px solid var(--rule);background:var(--white);border-radius:999px;padding:3px 11px;cursor:pointer;font-size:14px}
.tog.abs{background:var(--abs-bg);border-color:#e3c3bd;color:var(--abs)}
ul.chg{list-style:none;margin:0 0 10px;padding:0}
ul.chg li{padding:5px 0;border-bottom:1px dotted var(--rule);font-size:14px}
.note{border-left:3px solid var(--rule);padding:4px 0 4px 10px;margin:10px 0}
.note p{margin:0 0 4px;font-size:14.5px}
.note footer{font-size:13px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tag{background:var(--soft);border-radius:999px;padding:0 8px;font-size:12.5px;color:var(--ink)}

/* ---------- options (pastilles) ---------- */
.opts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.opts.sm .opt span{font-size:13px;padding:2px 9px}
.opt{position:relative;display:inline-block}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt span{display:inline-block;border:1px solid var(--rule);border-radius:999px;padding:3px 11px;cursor:pointer;font-size:14px;background:var(--white);user-select:none}
.opt input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.opt input:focus-visible+span{outline:2px solid var(--ulis);outline-offset:2px}
.og{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}
.ogl{font-size:12px;color:var(--muted);min-width:100%;margin-top:2px}
/* « Autre classe » : le choix de la classe n'apparaît que si cette option est cochée */
.f select[name=autre]:disabled{display:none}
.f select[name=autre]{border-color:var(--ink)}

/* ---------- élèves ---------- */
.el{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}
.liste{position:sticky;top:64px;max-height:calc(100vh - 80px);overflow:auto;padding-bottom:10px}
.liste .grp{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:14px 0 4px;display:flex;align-items:center;gap:6px}
.liste .grp:first-child{margin-top:0}
.it{display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;text-align:left;background:none;border:0;padding:5px 8px;border-radius:5px;cursor:pointer}
.it small{color:var(--muted);font-size:12.5px}
.it:hover{background:var(--soft)}
.it.on{background:var(--ink);color:#fff}
.it.on small{color:#d8d3c9}
.liste .actions{display:flex;flex-direction:column;gap:6px;margin-top:16px;align-items:flex-start}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}
.fh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.fh label{font-size:14px;color:var(--muted);display:inline-flex;gap:6px;align-items:center}
.nomIn{font-family:"Source Serif 4",Georgia,serif;font-size:22px;font-weight:600;border:1px solid transparent!important;background:transparent!important;padding:2px 6px!important;margin-left:-6px;width:auto;min-width:6ch;max-width:100%}
.nomIn:hover,.nomIn:focus{border-color:var(--rule)!important;background:var(--white)!important}
.bloc{margin:26px 0 0}
.bloc>.bar{margin-bottom:10px}
.bloc>.bar h3{margin:0}

table.edt{border-collapse:collapse;width:100%;table-layout:fixed;min-width:640px;background:var(--white)}
table.edt th,table.edt td{border:1px solid var(--rule);padding:5px 7px;vertical-align:top;text-align:left;font-size:13.5px}
table.edt th{background:var(--soft);font-weight:600}
table.edt td.t{width:92px;white-space:nowrap;color:var(--muted);font-size:12.5px}
table.edt td.ulis{background:var(--ulis-bg);color:var(--ulis-txt,inherit)}
table.edt td.pec{background:var(--pec-bg);color:var(--pec-txt,inherit)}
table.edt td.pecx{background:var(--pecx-bg);color:var(--pecx-txt,inherit)}
table.edt td.abs{background:var(--abs-bg);color:var(--abs-txt,inherit)}
table.edt td.encl{background:var(--classe-bg,transparent);color:var(--classe-txt,inherit)}
table.edt td.ulis .meta{color:var(--ulis-meta,var(--muted))}
table.edt td.pec .meta{color:var(--pec-meta,var(--muted))}
table.edt td.pecx .meta{color:var(--pecx-meta,var(--muted))}
table.edt td.abs .meta{color:var(--abs-meta,var(--muted))}
table.edt td.encl .meta{color:var(--classe-meta,var(--muted))}
table.edt td.pause,table.edt tr.midi td{background:var(--soft);color:var(--muted);font-size:12.5px}
table.edt td.off{background:repeating-linear-gradient(45deg,#f6f4ef,#f6f4ef 6px,#eeebe4 6px,#eeebe4 12px)}
table.edt b{font-weight:600}
table.edt .meta{display:block;font-size:12.5px}

table.lst{border-collapse:collapse;width:100%;font-size:14px}
table.lst th{font-weight:600;color:var(--muted);font-size:12.5px;text-align:left;padding:4px 8px;border-bottom:1px solid var(--rule)}
table.lst td{padding:6px 8px;border-bottom:1px solid var(--soft);vertical-align:top}
table.lst td:nth-child(3){white-space:nowrap}
.vac{padding:6px 0 8px;border-bottom:1px dotted var(--rule)}
.vac>input{width:100%;max-width:260px}
table.lst tr[data-act]{cursor:pointer}
table.lst tr[data-act]:hover td{background:var(--soft)}
.st{font-size:12px;border-radius:999px;padding:0 7px;white-space:nowrap}
.st.now{background:var(--ulis-bg);color:var(--ulis)}
.st.past{background:var(--soft);color:var(--muted)}
.st.soon{background:var(--warn-bg);color:var(--warn)}
.alerte{background:var(--warn-bg);border-left:3px solid #d8b25f;padding:8px 12px;font-size:14px;margin:0 0 6px}
details.conflits summary{cursor:pointer;font-size:15px;color:var(--muted);padding:4px 0;margin-bottom:6px}
details.conflits summary:hover{color:var(--ink)}
details.conflits[open] summary{color:var(--ink)}

/* ---------- classes & réglages ---------- */
.cls{border-top:1px solid var(--rule);padding:18px 0 22px}
.cls:first-of-type{border-top:0;padding-top:0}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0}
.row>.k{color:var(--muted);font-size:14px;min-width:110px}
.reg{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px 32px}
.reg section{border-top:2px solid var(--ink);padding-top:10px}
.reg .hint{font-size:13.5px;color:var(--muted)}
.vide{max-width:560px;padding:30px 0}
.vide p{font-size:16px}

/* ---------- popover & fenêtre ---------- */
.pop{position:absolute;z-index:40;background:var(--white);border:1px solid var(--rule);border-radius:6px;box-shadow:0 8px 28px rgba(0,0,0,.14);min-width:240px;max-width:340px;padding:4px 0}
.pop .h{padding:7px 14px 5px;font-size:12.5px;color:var(--muted);border-bottom:1px solid var(--soft);margin-bottom:2px}
.pop button{display:block;width:100%;text-align:left;background:none;border:0;padding:7px 14px;cursor:pointer;font-size:14.5px}
.pop button:hover,.pop button:focus-visible{background:var(--soft);outline:0}
.modal{position:fixed;inset:0;background:rgba(31,29,26,.38);display:flex;align-items:flex-start;justify-content:center;padding:36px 16px;z-index:50;overflow:auto}
.sheet{background:var(--white);border-radius:8px;max-width:660px;width:100%;padding:20px 22px 16px;box-shadow:0 12px 44px rgba(0,0,0,.2)}
.sheet.small{max-width:380px}
.sheet h2{margin-bottom:12px}
.sheet #authPw{width:100%}
.champ{display:block;font-size:14px;color:var(--muted);margin-top:10px}
.champ input{display:block;width:100%;margin-top:4px;color:var(--ink);font-size:16px}
.authLiens{margin:12px 0 0;display:flex;gap:16px;flex-wrap:wrap}
.chk.rester{margin-top:12px;color:var(--ink)}
.chk.rester input{width:18px;height:18px}
#authCode{font-size:22px;letter-spacing:4px;text-align:center}
#authForm .foot{flex-direction:column-reverse;align-items:stretch;gap:12px}
#authForm .foot .sp{display:none}
#authForm .foot .lnk{align-self:flex-start}
#authBtn{padding:10px 14px}
.compte .row{gap:8px;flex-wrap:wrap}
.compte input[type=password]{flex:1;min-width:200px}
.f{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--soft);align-items:start}
.f>.k{color:var(--muted);font-size:14px;padding-top:4px}
.f .inl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.f input[name=quoi],.f input[name=note]{width:100%}
.foot{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}
.foot .sp{flex:1}
details summary{cursor:pointer;color:var(--muted);font-size:14px;margin-top:4px}

/* ---------- petits écrans ---------- */
@media (max-width:900px){
  .jour{grid-template-columns:1fr}
  .el{grid-template-columns:1fr}
  .liste{position:static;max-height:none}
}
@media (max-width:560px){
  main{padding:14px 16px 70px}
  .top{gap:10px;padding:8px 16px}
  .f{grid-template-columns:1fr;gap:4px}
  th.t,td.t{width:70px}
}

/* ---------- impression ---------- */
#printArea{display:none}
@media print{
  body{background:#fff;font-size:11px}
  body.printing>*:not(#printArea){display:none!important}
  body.printing #printArea{display:block}
  .plus,.noprint{display:none!important}
  .pb{break-after:page}
  .pb:last-child{break-after:auto}
  .pt{font-size:17px;margin:0 0 2px}
  .ps{color:#555;margin:0 0 8px;font-size:11px}
  table.pl.sem,table.edt{min-width:0}
  table.pl td.c{font-size:10px;padding:3px 5px}
  table.pl.j td.c{font-size:11px}
  table.edt th,table.edt td{font-size:11px;padding:4px 5px}
  .wrap{border:0;overflow:visible}
  tr{break-inside:avoid}
  .g{margin:0 0 2px}
  .g .lab{display:inline;margin-right:4px}
  .g.ulis,.g.pec,.g.pecx{padding:1px 4px}
  td.t small{font-size:9px}
  .g.ulis,.g.pec,.g.pecx,table.edt td.ulis,table.edt td.pec,table.edt td.pecx,table.edt td.abs,table.edt td.encl{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

.absj{color:var(--abs)!important;margin-top:2px}
.absj .nm{color:var(--abs)}
.absjour{margin:0 0 8px;font-size:15px}
.absjour .absj{font-size:15px}

/* cahier journal & journée par élève */
.jourtop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px 32px;margin-bottom:14px;padding:12px 14px;background:var(--white);border:1px solid var(--rule);border-radius:4px}
.jourtop section{padding:0}
.jourtop h3{font-size:15px}
.jourtop.solo{grid-template-columns:1fr}
table.pl.j th.jr,table.pl.j td.jr{width:62%}
table.pl.j th.t{width:96px}
table.pl.j th.jr .btn{margin-left:12px;font-weight:400;vertical-align:middle}
table.pl.j th.jr .btn+.btn{margin-left:6px}
/* cahier journal imprimé (une page A4 portrait) */
.cjpage{font-size:11px;line-height:1.3;color:#000}
.cjpage .cjh{font-size:1.25em;margin:0 0 .3em}
.cjpage .cjabs{margin:0 0 .4em}
table.cjt{width:100%;border-collapse:collapse;table-layout:fixed}
table.cjt th,table.cjt td{border:1px solid #000;padding:.25em .4em;vertical-align:top;text-align:left;font-size:1em}
table.cjt th{font-weight:600}
table.cjt .h{width:12%;white-space:nowrap}
table.cjt .q{width:33%}
table.cjt .j{width:55%}
table.cjt td.q{font-size:.9em}
table.cjt td.q i{font-style:normal;color:#444}
table.cjt tr.midi td{padding:.15em .4em;font-size:.85em}
td.jr{padding:4px!important;background:#fffefb}
.jrtxt{width:100%;min-height:56px;border:1px solid transparent;border-radius:4px;background:transparent;padding:5px 6px;font-size:14px;line-height:1.4;resize:vertical}
.jrtxt:hover{border-color:var(--rule)}
.jrtxt:focus{border-color:var(--ulis);background:var(--white);outline:0}
table.par-eleve td.t{width:130px;color:var(--ink);font-size:14.5px}
table.par-eleve th.t{width:130px}
table.par-eleve td.t small{color:var(--muted)}
.puce{display:inline-block;border-radius:4px;padding:2px 7px;margin:2px 4px 2px 0;font-size:13.5px;background:var(--soft)}
.puce b{font-weight:600;font-variant-numeric:tabular-nums;margin-right:2px}
.puce.ulis{background:var(--ulis-bg);color:var(--ulis-ink,#154c43)}
.puce.pec{background:var(--pec-bg);color:var(--pec-ink,#4f3459)}
.puce.pecx{background:var(--pecx-bg);color:var(--pecx-ink,#2c4a6e)}
.puce.abs{background:var(--abs-bg);color:var(--abs-ink,var(--abs))}
.puce.dim{background:var(--classe-bg,none);border:1px solid var(--classe-bd,var(--soft));color:var(--classe-ink,var(--muted))}
.row.coul .puce{margin:0}
@media (max-width:900px){.jourtop{grid-template-columns:1fr} table.pl.j{min-width:760px}}
@media print{td.jr{font-size:10.5px;background:none} .puce{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10px}}

/* réglages : élèves */
.reg-el{border-top:2px solid var(--ink);padding-top:10px;margin-bottom:26px;max-width:820px}
.regtab td{padding:4px 8px 4px 0;border-bottom:1px solid var(--soft)}
.regtab td.act{white-space:nowrap;text-align:right}
.regtab td.act .lnk{margin-left:8px}
.regtab tr.arch td{opacity:.55}

/* EDT élève cliquable */
table.edt td.clic{cursor:pointer}
table.edt td.clic:hover{box-shadow:inset 0 0 0 2px var(--ulis)}
table.edt td.clic:focus-visible{outline:2px solid var(--ulis);outline-offset:-2px}

/* ULIS seule */
table.ulisv td.c{font-size:13.5px}
table.ulisv .g.ulis{background:none;padding:0;margin:0}
/* rendu PDF (hors écran) */
.pdfzone{position:fixed;left:-20000px;top:0;background:#fff}
.pdfpage{background:#fff;padding:4px;color:var(--ink);font-size:13px}
.pdfpage .pt{font-size:22px;margin:0 0 2px}
.pdfpage .ps{color:#555;margin:0 0 10px;font-size:13px}
.pdfpage .wrap{border:0;overflow:visible}
.pdfpage table.pl.sem,.pdfpage table.edt{min-width:0}
.pdfpage .plus{display:none}

/* jours passés : consultation seulement */
.fige-info{font-size:14px;color:var(--muted);margin:-6px 0 10px}
.tog.fige{cursor:default;opacity:.75}
.opt input:disabled+span{opacity:.4;cursor:default}