/* Carrousel KPI commun aux tableaux de bord.
 *
 * Le bureau conserve la grille propre a chaque page. La tablette harmonise les
 * rails a trois cartes ; le telephone n'en montre qu'une, balayable au doigt.
 * Le composant ne change ni le contenu ni les actions des cartes existantes. */
[data-stu-kpi-carousel]{min-width:0}
[data-stu-kpi-carousel]>.stu-kpi-slide{min-width:0}
.stu-kpi-pagination{display:none;align-items:center;justify-content:center;gap:6px;margin:8px 0 18px;color:var(--ink3,#667085);font-size:.7rem;font-weight:700}

@media(min-width:641px) and (max-width:1024px){
  [data-stu-kpi-carousel]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  [data-stu-kpi-carousel]>.stu-kpi-slide{width:auto!important;max-width:none!important}
}

@media(max-width:640px){
  [data-stu-kpi-carousel]{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;width:100%;max-width:100%;margin-inline:0!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:2px;padding:3px 2px 9px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  [data-stu-kpi-carousel]::-webkit-scrollbar{display:none}
  [data-stu-kpi-carousel]>.stu-kpi-slide{box-sizing:border-box;flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-width:100%!important;scroll-snap-align:start;scroll-snap-stop:always}
  .stu-kpi-pagination{display:flex}
}

@media(prefers-reduced-motion:reduce){
  [data-stu-kpi-carousel]{scroll-behavior:auto!important}
}