/* Himilco — vue mobile des tableaux de donnees (<=767px) */
@media (max-width: 767px) {
  .overflow-x-auto > table[style*="min-width"] {
    min-width: 0 !important;
    width: 100% !important;
    display: block;
  }
  .overflow-x-auto > table[style*="min-width"] > thead { display: none; }
  .overflow-x-auto > table[style*="min-width"] > tbody { display: block; }

  .overflow-x-auto > table[style*="min-width"] > tbody > tr {
    display: block;
    margin: 10px;
    padding: 12px 14px;
    border: 1px solid #eef2f7;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .05);
  }

  .overflow-x-auto > table[style*="min-width"] > tbody > tr > td {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 5px 2px !important;
    border: none !important;
  }

  .overflow-x-auto > table[style*="min-width"] > tbody > tr > td:first-child { padding-bottom: 0 !important; }
  .overflow-x-auto > table[style*="min-width"] > tbody > tr > td[colspan] { justify-content: center; }

  .overflow-x-auto > table[style*="min-width"] > tbody > tr > td > div,
  .overflow-x-auto > table[style*="min-width"] > tbody > tr > td > select { width: 100%; }

  .overflow-x-auto > table[style*="min-width"] > tbody > tr > td:last-child > div { justify-content: flex-end; }
}