/* Page Objets : grille d'icônes par famille, recherche, fiche au survol */
.md-content__inner:has(.el-cat) { max-width: none; }
.el-cat { display: grid; grid-template-columns: 300px 1fr; gap: 14px; align-items: start; margin-top: 1em; }
.el-cat__fiche, .el-cat__droite {
  background: linear-gradient(180deg, rgba(111, 232, 255, 0.04), transparent 40%), var(--el-panel);
  border: 1px solid var(--el-panel-edge);
}
.el-cat__fiche { position: sticky; top: 4.5rem; padding: 14px 16px; max-height: calc(100vh - 6rem); overflow: auto; font-size: 0.72rem; }
.el-cat__grande {
  width: 128px; height: 128px; background: var(--el-bg-1); border: 1px solid var(--el-panel-edge);
  display: flex; align-items: center; justify-content: center; margin-bottom: 10px;
}
.el-cat__grande img { max-width: 120px; max-height: 120px; }
.md-typeset .el-cat__fiche h2 { margin: 0 0 6px; font-size: 0.9rem; color: var(--el-cyan); display: block; }
.md-typeset .el-cat__fiche h2::after { display: none; }
.md-typeset .el-cat__fiche h3 { margin: 14px 0 4px; font-size: 0.62rem; color: var(--el-text-1); }
.md-typeset .el-cat__fiche ul { margin: 0 0 0 1em; }
.md-typeset .el-cat__fiche li { margin: 0; }
.md-typeset .el-cat__fiche p { margin: 0 0 4px; }
.el-cat__aide { color: var(--el-text-1); }
.el-cat__onglets { display: flex; flex-wrap: wrap; gap: 5px; padding: 8px; border-bottom: 1px solid var(--el-panel-edge); }
.el-cat__onglet {
  display: flex; align-items: center; gap: 6px; background: var(--el-bg-1); border: 1px solid var(--el-panel-edge);
  color: var(--el-text-0); padding: 3px 8px 3px 3px; cursor: pointer; font: inherit; font-size: 0.62rem;
}
.el-cat__onglet img { width: 24px; height: 24px; }
.el-cat__vide { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; color: var(--el-amber); }
.el-cat__onglet small { color: var(--el-text-2); }
.el-cat__onglet:hover { border-color: var(--el-cyan-dim); }
.el-cat__onglet.actif { border-color: var(--el-cyan); color: var(--el-cyan); }
.el-cat__outils { display: flex; gap: 10px; align-items: center; padding: 8px; border-bottom: 1px solid var(--el-panel-edge); }
.el-cat__outils input {
  flex: 1 1 220px; min-width: 140px; background: var(--el-bg-0); border: 1px solid var(--el-panel-edge);
  color: var(--el-text-0); padding: 6px 10px; font: inherit; font-size: 0.72rem;
}
.el-cat__outils input:focus { outline: none; border-color: var(--el-cyan); }
#el-compte { color: var(--el-text-1); font-size: 0.65rem; white-space: nowrap; }
.el-cat__grille { padding: 8px; display: grid; grid-template-columns: repeat(auto-fill, minmax(68px, 1fr)); gap: 3px; align-content: start; }
.el-cat__case {
  height: 68px; background: var(--el-bg-1); border: 1px solid var(--el-panel-edge); cursor: pointer;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.el-cat__case:hover, .el-cat__case.sel, .el-cat__case:focus { background: #12303a; border-color: var(--el-cyan); outline: none; }
.el-cat__case img { max-width: 82%; max-height: 82%; }
.el-cat__nom { font-size: 0.55rem; text-align: center; padding: 2px; color: var(--el-text-0); }
.el-cat__groupe {
  grid-column: 1 / -1; color: var(--el-amber); font-family: var(--el-title-font); font-size: 0.62rem;
  text-transform: uppercase; letter-spacing: 0.12em; padding: 8px 2px 2px;
}
@media (max-width: 760px) {
  .el-cat { grid-template-columns: 1fr; }
  .el-cat__fiche { position: static; max-height: none; }
  .el-cat__grille { grid-template-columns: repeat(auto-fill, minmax(56px, 1fr)); }
  .el-cat__case { height: 56px; }
}