/* SD ONE — lot 55 : écrans Statistiques — blocs masquables et pagination des longues listes.
   Couleurs : bleu nuit #0B1F3A, bleu #1E5AA8, argent #C9D2DE / #5B6B80. Boutons de 44 px au moins sur téléphone. */
.sd55-masque{display:none!important}

/* bouton « Ne plus voir » dans le titre d'un bloc */
.sd55-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sd55-x{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;min-width:36px;padding:0 10px;margin-left:auto;
  border:1px solid #C9D2DE;border-radius:10px;background:#fff;color:#5B6B80;font:inherit;font-size:12px;font-weight:700;cursor:pointer;flex:none;
  transition:background .15s,color .15s,border-color .15s}
/* libellé en CSS : le bouton ne contient aucun texte (la clé de publie13 = texte du h3 reste intacte) */
.sd55-x[data-l]::after{content:attr(data-l)}
/* titre avec le bouton « Masquer » de publie13 (margin-left:auto) : « Ne plus voir » toujours à sa droite, collé */
.sd55-t > .sd55-x{order:2}
.sd55-t > .sx-rep{order:1}
.sd55-t > .sx-rep + .sd55-x,.sd55-t > .wp6c-etoile + .sd55-x,.sd55-t > .sx-rep ~ .sd55-x{margin-left:0}
@supports selector(:has(a)){ .sd55-t:has(> .sx-rep) > .sd55-x{margin-left:0} }
.sd55-x:hover{background:#0B1F3A;border-color:#0B1F3A;color:#fff}
.sd55-x:focus-visible{outline:2px solid #1E5AA8;outline-offset:2px}
.sd55-x svg{flex:none}
.sd55-a-coin{position:relative}
.sd55-x.sd55-coin{position:absolute;top:6px;right:6px;padding:0;margin:0;opacity:.75}
.sd55-a-coin:hover > .sd55-x.sd55-coin,.sd55-x.sd55-coin:focus-visible{opacity:1}
.sx-k.sd55-a-coin small{padding-right:40px}

/* barre « Réafficher les blocs masqués (N) » */
.sd55-barre{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:8px 10px;border-radius:14px;
  background:linear-gradient(180deg,rgba(30,90,168,.22),rgba(11,31,58,.45));border:1px solid rgba(201,210,222,.45)}
.sd55-barre button{min-height:44px;padding:0 14px;border-radius:11px;font:inherit;font-weight:700;cursor:pointer}
.sd55-tout{border:1px solid #1E5AA8;background:#1E5AA8;color:#fff;font-size:13.5px}
.sd55-tout:hover{background:#0B1F3A;border-color:#0B1F3A}
.sd55-liste{display:flex;gap:6px;flex-wrap:wrap}
.sd55-un{border:1px solid #C9D2DE;background:#fff;color:#0B1F3A;font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd55-un::before{content:"+ ";color:#1E5AA8}
.sd55-un:hover{border-color:#1E5AA8}
.sd55-barre button:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* pagination */
tr.sd55-hors{display:none}
.sd55-pag{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin:10px 0 2px;font-size:13px;color:#5B6B80}
.sd55-info b{color:#0B1F3A}
.sd55-pages,.sd55-taille{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.sd55-taille{margin-left:auto}
.sd55-taille small{margin-right:4px;font-size:12px}
.sd55-pag button{min-width:40px;height:40px;padding:0 8px;border:1px solid #C9D2DE;border-radius:10px;background:#fff;color:#0B1F3A;
  font:inherit;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums}
.sd55-pag button:hover:not(:disabled){border-color:#1E5AA8;color:#1E5AA8}
.sd55-pag button.on{background:#0B1F3A;border-color:#0B1F3A;color:#fff}
.sd55-pag button:disabled{opacity:.4;cursor:default}
.sd55-pag button:focus-visible{outline:2px solid #1E5AA8;outline-offset:2px}
.sd55-saut{padding:0 2px}

/* téléphone et écran tactile : 44 px au moins */
@media (max-width:760px),(pointer:coarse){
  .sd55-x,.sd55-x.sd55-coin{min-height:44px;min-width:44px}
  .sd55-x.sd55-coin{opacity:1}
  .sx-k.sd55-a-coin small{padding-right:48px}
  .sd55-pag button{min-width:44px;height:44px}
}
@media (max-width:760px){
  .sd55-x span{display:none}
  .sd55-x[data-l]::after{content:none}
  .sd55-x{padding:0}
  .sd55-taille{margin-left:0}
  .sd55-barre{flex-direction:column;align-items:stretch}
  .sd55-un{max-width:none}
}

/* PDF (impression) : toutes les lignes, pas de boutons */
@media print{
  tr.sd55-hors{display:table-row!important}
  .sd55-pag,.sd55-barre,.sd55-x{display:none!important}
}