/* Outil · Raccourcis (Shortcuts), id raccourcis : seulement ce qui lui est propre (le reste vient de app/kit.css).
   Préfixe des classes : rc-
   Une seule colonne large : les onglets des logiciels en haut, la recherche et Mac / Windows, l'info, puis les raccourcis
   par groupe (deux colonnes sur ordinateur, dans une zone de hauteur fixe qui défile). */
.rc { gap: 14px; justify-content: flex-start; }   /* en haut, pas centrée : la page ne bouge pas quand la liste raccourcit */
.rc-onglets { display: flex; flex-wrap: wrap; gap: 8px; }
.rc-onglets .puce { cursor: pointer; }
.rc-barre { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 12px; align-items: center; }
.rc-recherche { margin: 0; }
.rc-systeme button:disabled { opacity: .25; cursor: default; }
.rc-info { flex: none; height: 1lh; margin: 0; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rc-liste { columns: 2 380px; column-gap: 48px; }
.rc-groupe { break-inside: avoid; margin-bottom: 18px; }
.rc-groupe .groupe { margin: 0; padding-top: 4px; }
.rc-ligne { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 42px; padding: 6px 0; border: 0; background: none;
  border-bottom: 1px solid var(--filet-doux); text-align: left; cursor: copy; color: var(--papier); }
.rc-ligne:hover .rc-action { color: var(--peche); }
.rc-action { font: 500 13.5px/1.35 var(--corps); transition: color .3s var(--courbe); }
.rc-touches { flex: none; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; max-width: 60%; }
.rc-touches i { font-style: normal; color: var(--texte2); font: 500 11px var(--mono); }
.rc-combo { display: inline-flex; gap: 3px; }
.rc kbd { display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 6px; font: 500 11.5px/1 var(--mono); color: var(--papier);
  background: rgba(242, 240, 235, .07); box-shadow: inset 0 0 0 1px var(--filet), inset 0 -2px 0 rgba(0, 0, 0, .25); white-space: nowrap; }
.rc-vide { margin: 40px 0; text-align: center; font: var(--valeur); letter-spacing: .06em; color: var(--texte2); }
/* Ordinateur : la liste a sa zone, de hauteur fixe, qui défile ; rien au-dessus ne bouge d'un logiciel à l'autre */
@media (min-width: 960px) {
  .rc { height: 100%; }
  .rc-liste { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding-right: 6px; }
}
@media (max-width: 559px) {
  .rc-barre { grid-template-columns: 1fr; } .rc-liste { columns: 1; }
  /* téléphone : les logiciels sur une ligne qui défile de côté (comme les puces du kit), pas cinq lignes d’onglets */
  .rc-onglets { flex-wrap: nowrap; overflow-x: auto; margin: 0 calc(var(--gouttiere) * -1); padding: 2px var(--gouttiere); scrollbar-width: none; }
  .rc-onglets::-webkit-scrollbar { display: none; }
  .rc-onglets .puce { flex: none; }
}