/* Fournisseurs : cartes et détail d'activité compacts sur tablette et mobile. */
@media (max-width: 980px) {
  #page-suppliers .page-head {
    gap: 10px;
    margin-bottom: 14px;
  }

  #page-suppliers .page-head h1 {
    margin: 2px 0;
    font-size: clamp(22px, 4vw, 27px);
  }

  #page-suppliers .page-head p {
    font-size: 10px;
    line-height: 1.4;
  }

  #page-suppliers .supplier-grid { gap: 9px; }

  #page-suppliers .supplier-card { padding: 14px; }
  #page-suppliers .supplier-top { gap: 10px; }
  #page-suppliers .supplier-logo { width: 34px; height: 34px; font-size: 10px; }
  #page-suppliers .supplier-top b { font-size: 11px; }
  #page-suppliers .supplier-top small { font-size: 8px; }

  #page-suppliers .supplier-stats {
    margin: 12px 0;
    padding: 10px 0;
  }

  #page-suppliers .supplier-stats span { font-size: 7px; }
  #page-suppliers .supplier-stats b { margin-top: 3px; font-size: 10px; }
  #page-suppliers .supplier-prices-link { font-size: 9px; }

  .price-history-modal { padding: 18px 16px; }
  .price-history-modal .product-history-header { gap: 12px; margin-bottom: 14px; }
  .price-history-modal .product-history-header h2 { font-size: 20px; }
  .price-history-modal .product-history-header p { font-size: 9px; line-height: 1.35; }
  .price-history-modal .product-history-header select { min-height: 38px; padding: 8px 28px 8px 10px; }
  .price-history-modal .product-history-kpis { gap: 8px; margin-bottom: 10px; }
  .price-history-modal .product-history-kpis > div { padding: 11px; }
  .price-history-modal .product-history-kpis span { margin-bottom: 4px; font-size: 8px; }
  .price-history-modal .product-history-kpis strong { font-size: 16px; }
  .price-history-modal .product-price-chart { min-height: 180px; }
  .price-history-modal .product-history-summary { margin: 10px 2px 6px; }
}

@media (max-width: 560px) {
  #page-suppliers .page-head { align-items: stretch; }
  #page-suppliers .page-head .primary { width: 100%; min-height: 40px; }
  #page-suppliers .supplier-card { padding: 13px; }
  #page-suppliers .supplier-stats { margin: 10px 0; }

  .price-history-modal { padding: 16px 14px; }
  .price-history-modal .product-history-header label { margin-top: 10px; }
  .price-history-modal .product-history-kpis > div { min-height: 74px; padding: 10px; }
  .price-history-modal .product-price-chart { min-height: 155px; }
}