/* La recherche des classes de Nice de /tools/nice-classes (outil-nice, 08/10/2026) : le bloc « Nice class search (tool) ».
   Le champ, le cadre et les boutons de choix reprennent ceux des autres outils (blocs.css : .outil__form, .outil-modes) ;
   ici, les resultats par classe et la liste des 45 classes repliables. Proprietes logiques (inline-start/end) : l'arabe
   se lit de droite a gauche sans regle a part. */
.outil-nice__options{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:16px}
.outil-nice__options .outil-modes{margin:0;flex-wrap:wrap;border-radius:14px}
.outil-nice__langue{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--bl-texte)}
.outil-nice__langue label{margin:0;font-weight:700;color:var(--bl-encre)}
.outil-nice__langue select{min-height:38px;padding:4px 10px;border:1px solid var(--bl-ligne);border-radius:8px;background:#fff;font:inherit;font-size:14px;color:var(--bl-encre)}
.outil-nice__langue select:focus{outline:none;border-color:var(--bl-orange);box-shadow:0 0 0 3px rgba(255,132,0,.18)}
.outil-nice__langue-note{max-width:760px}
.outil-nice__etat{min-height:1.6em;margin:22px 0 0;font-size:15px;font-weight:700;color:var(--bl-encre)}
.outil-nice__etat:empty{margin-top:0;min-height:0}
.outil-nice__resultats{margin-top:12px}
.outil-nice__resultats:empty{margin-top:0}
.outil-nice__groupes{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.outil-nice__groupe{margin:0;padding:18px 22px;background:var(--bl-carte);border:1px solid var(--bl-ligne);border-radius:10px;box-shadow:0 10px 28px -22px rgba(31,34,43,.4)}
.outil-nice__groupe-tete{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.outil-nice__num{font-size:16px;font-weight:700;color:var(--bl-encre);white-space:nowrap}
a.outil-nice__num{color:var(--bl-orange-fonce);text-decoration:underline;text-underline-offset:3px}
.outil-nice__nature{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}
.outil-nice__nature--p{background:#e7f0ff;color:#1d4fa8}
.outil-nice__nature--s{background:#e6f7ec;color:#1b7a3d}
.outil-nice__groupe-intitule{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--bl-doux)}
.outil-nice__entrees{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--bl-ligne)}
.outil-nice__entrees li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-bottom:1px dashed var(--bl-ligne);font-size:15.5px;color:var(--bl-encre)}
.outil-nice__entrees li:focus{outline:2px solid var(--bl-orange);outline-offset:2px}
.outil-nice__libelle{min-width:0;overflow-wrap:anywhere}
.outil-nice__base{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--bl-doux);font-variant-numeric:tabular-nums}
.outil-nice__mention{margin:10px 0 0;font-size:14px;color:var(--bl-texte)}
.outil-nice__mention a{color:var(--bl-orange-fonce);font-weight:700;text-decoration:underline}
.outil-nice__plus{appearance:none;margin-top:10px;padding:6px 14px;border:1px solid var(--bl-ligne);border-radius:999px;background:var(--bl-fond);font:inherit;font-size:14px;font-weight:700;color:var(--bl-encre);cursor:pointer}
.outil-nice__plus:hover,.outil-nice__plus:focus-visible{border-color:var(--bl-orange);outline:none}
.outil-nice__deposer{margin:18px 0 0}
.outil-nice__classes{margin-top:40px}
.outil-nice__classes-tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:14px}
.outil-nice__titre{margin:0;font-size:24px;font-weight:700;color:var(--bl-encre);line-height:1.25}
.outil-nice__actions{display:flex;gap:8px}
.outil-nice__action{appearance:none;padding:5px 12px;border:1px solid var(--bl-ligne);border-radius:999px;background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:var(--bl-texte);cursor:pointer}
.outil-nice__action:hover,.outil-nice__action:focus-visible{border-color:var(--bl-orange);color:var(--bl-encre);outline:none}
.outil-nice__liste{border-top:1px solid var(--bl-ligne)}
.outil-nice__classe{border-bottom:1px solid var(--bl-ligne)}
.outil-nice__resume{display:grid;grid-template-columns:auto auto 1fr 12px;align-items:baseline;gap:4px 12px;padding:14px 4px;cursor:pointer;list-style:none}
.outil-nice__resume::-webkit-details-marker{display:none}
/* Le chevron de la classe, vers le bas, retourne une fois ouverte (symetrique : le meme dans les deux sens de lecture). */
.outil-nice__resume::after{content:"";grid-column:4;grid-row:1;align-self:center;width:8px;height:8px;margin-top:-4px;border-right:2px solid var(--bl-doux);border-bottom:2px solid var(--bl-doux);transform:rotate(45deg);transition:transform .15s}
.outil-nice__classe[open]>.outil-nice__resume::after{margin-top:4px;transform:rotate(-135deg)}
.outil-nice__resume:hover .outil-nice__intitule{color:var(--bl-encre)}
.outil-nice__resume:focus-visible{outline:2px solid var(--bl-orange);outline-offset:2px;border-radius:4px}
.outil-nice__resume .outil-nice__num{min-width:5.5em}
.outil-nice__intitule{font-size:15px;line-height:1.5;color:var(--bl-texte)}
.outil-nice__classe[open] .outil-nice__intitule{color:var(--bl-encre);font-weight:600}
.outil-nice__classe[open] .outil-nice__num{color:var(--bl-orange-fonce)}
.outil-nice__note{margin:0 0 18px;padding:16px 20px;border-radius:8px;background:var(--bl-fond);font-size:15px}
.outil-nice__note-titre{margin:14px 0 6px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bl-encre)}
.outil-nice__note-titre:first-child{margin-top:0}
.outil-nice__note-texte{margin:0;color:var(--bl-texte)}
.outil-nice__points{margin:0;padding-inline-start:20px;list-style:disc}
.outil-nice__points li{margin:3px 0}
.outil-nice__points a{color:var(--bl-orange-fonce);font-weight:700;text-decoration:underline;white-space:nowrap}
.outil-nice__source{margin-top:22px}
.outil-nice__source .outil__lien{display:inline-block;margin-top:4px}
/* L'interface arabe va de droite a gauche ; la classification reprise du latin garde son sens (dir="ltr" sur ses textes). */
.outil--nice[dir="rtl"] .outil-nice__intitule,.outil--nice[dir="rtl"] .outil-nice__groupe-intitule,.outil--nice[dir="rtl"] .outil-nice__note-texte{text-align:start}
.outil--nice[dir="rtl"] [dir="ltr"]{unicode-bidi:isolate}
/* Le champ et son bouton restent places comme sur les autres outils (icone, saisie, bouton) ; la saisie suit son texte (dir="auto"). */
.outil--nice[dir="rtl"] .input-group{direction:ltr}
@media (max-width:767px){
  .outil-nice__options{flex-direction:column;align-items:stretch}
  .outil-nice__options .outil-modes{display:flex;justify-content:space-between}
  .outil-nice__options .outil-modes__bouton{flex:1 1 auto;padding:7px 10px;font-size:13px}
  .outil-nice__langue{justify-content:space-between}
  .outil-nice__groupe{padding:14px 16px}
  .outil-nice__resume{grid-template-columns:auto 1fr 12px;padding:12px 2px}
  .outil-nice__resume::after{grid-column:3}
  .outil-nice__resume .outil-nice__nature{justify-self:start}
  .outil-nice__intitule{grid-column:1 / -1;grid-row:2;font-size:14.5px}
  .outil-nice__note{padding:14px 14px}
  .outil-nice__entrees li{flex-direction:column;gap:2px}
  .outil-nice__titre{font-size:21px}
}