/* 07/11/2026 (Ayoub : « in المساعدات للطلبة I cant see the whole screen, i have to scroll down then scroll left ... fix that in this screen
   and in all the other screens where we have the same problem »). Tableaux trop larges, reglage automatique par static/tableaux.js :
   1. tb-souple : le texte des cellules passe a la ligne (au lieu de nowrap) ;
   2. tb-casse  : les longs mots (codes de groupe, motifs) peuvent etre coupes ;
   3. telephone (<= 760 px) : tb-pile, chaque ligne devient une carte, le titre de colonne au-dessus de chaque valeur ;
   4. ordinateur, encore trop large : la boite du tableau defile dans l ecran (hauteur limitee, en-tete fixe) au lieu d obliger
      a descendre en bas de la page pour trouver la barre de defilement.
   Un tableau qui tient deja dans l ecran ne change pas. Ecran seulement (l impression garde les tableaux d origine). */
@media screen{
table.tb-souple th,table.tb-souple td{white-space:normal;overflow-wrap:break-word}
table.tb-casse td{overflow-wrap:anywhere}
.tb-boite{max-width:100%;overflow-x:auto}
.tb-boite.tb-haut{max-height:calc(100vh - var(--hh,0px) - 96px);max-height:calc(100dvh - var(--hh,0px) - 96px);overflow:auto;overscroll-behavior-x:contain}
.tb-haut>table>thead th,.tb-haut>table>thead td{position:sticky;top:0;z-index:2;background:var(--sf);box-shadow:0 1px 0 var(--bd)}
table.tb-pile,table.tb-pile>tbody,table.tb-pile>tfoot,table.tb-pile>tbody>tr,table.tb-pile>tfoot>tr,table.tb-pile>tr,
table.tb-pile>tbody>tr>td,table.tb-pile>tbody>tr>th,table.tb-pile>tfoot>tr>td,table.tb-pile>tfoot>tr>th,table.tb-pile>tr>td,table.tb-pile>tr>th{display:block;width:auto!important;min-width:0!important;max-width:none}
table.tb-pile{min-width:0!important}
table.tb-pile>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
table.tb-pile>tbody>tr,table.tb-pile>tfoot>tr,table.tb-pile>tr{border:1px solid var(--bd);border-radius:14px;padding:6px 12px;margin:0 0 8px;background:var(--sf)}
table.tb-pile>tbody>tr[hidden],table.tb-pile>tfoot>tr[hidden],table.tb-pile>tr[hidden]{display:none}
table.tb-pile td,table.tb-pile th{border:0!important;padding:5px 0!important;white-space:normal!important;overflow-wrap:anywhere;text-align:start}
table.tb-pile td+td,table.tb-pile th+td,table.tb-pile td+th{border-top:1px dashed var(--bd)!important}
table.tb-pile td:empty,table.tb-pile th:empty{display:none}
table.tb-pile [data-l]::before{content:attr(data-l);display:block;font-size:12px;font-weight:700;color:var(--mu);margin-bottom:2px}
.tb-pile-boite{overflow:visible!important;max-height:none!important}
}
@media screen{html[dir=rtl] table.tb-pile td,html[dir=rtl] table.tb-pile th{text-align:right}html[dir=ltr] table.tb-pile td,html[dir=ltr] table.tb-pile th{text-align:left}}