/* ══ ch.498 — « QUI ALIMENTE EN ATTENTE » : lisible sur un téléphone ═════════════════════
   ⛔ CE FICHIER NE CONTIENT QUE DES @media : le rendu DESKTOP existant ⛔ NE BOUGE PAS.
      C'est une garantie STRUCTURELLE (motif ch.469), ⛔ pas une intention — vérifiable en
      comptant les sélecteurs hors media query : il doit y en avoir ZÉRO.
   ⛔ Tous les sélecteurs sont préfixés par #mail-concentration-overlay ⇒ ⛔ aucune règle
      générique ne peut atteindre un autre écran (motif ch.469 : une règle générique casse). */

@media (max-width: 768px) {
  /* Le modal prend la largeur utile, sans jamais déborder. */
  #mail-concentration-overlay { padding: 8px !important; }
  #mail-concentration-overlay > div { width: 100% !important; max-height: 94vh !important; }

  /* ⛔ Une table à 5 colonnes ⛔ NE TIENT PAS à 375 px : les colonnes de dates et d'objet
     sont RETIRÉES — ⛔ la donnée n'est pas tronquée, elle reste lisible en desktop. */
  #mail-concentration-overlay th:nth-child(3),
  #mail-concentration-overlay td:nth-child(3),
  #mail-concentration-overlay th:nth-child(4),
  #mail-concentration-overlay td:nth-child(4),
  #mail-concentration-overlay th:nth-child(5),
  #mail-concentration-overlay td:nth-child(5) { display: none !important; }

  /* ⇒ il ne reste que « Expéditeur » et « Nb » : une seule colonne d'information utile. */
  #mail-concentration-overlay table { table-layout: fixed !important; width: 100% !important; }
  #mail-concentration-overlay td:nth-child(1) { word-break: break-all !important; font-size: 12px !important; }

  /* ⛔ Zone tactile : la croix de fermeture reste atteignable (44 px, motif ch.459). */
  #mail-concentration-overlay #conc-close { min-height: 44px !important; min-width: 44px !important; }
}