/* Écran « SMS du jour » (05/09/2026).
   Fichier à part, pour la même raison que rappels_sms.js : style.css
   appartient à d'autres chantiers ce jour-là. Retirer les deux lignes
   d'index.html rend le CRM à son état d'avant. */

.rs-carte { margin-bottom: 12px; }

.rs-entete {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.rs-badges { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }

.rs-tel {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}

/* Le texte du SMS, affiché tel qu'il sera collé — jamais tronqué. Adrien
   doit lire ce qu'il s'apprête à envoyer. */
.rs-texte {
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--fond-survol, rgba(127, 127, 127, .08));
  line-height: 1.5;
  white-space: normal;
}

.rs-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

.rs-titre-faits { margin-top: 24px; }

.rs-faite { opacity: .72; }

/* La pastille du menu : le nombre de rappels qui restent. */
.rs-pastille {
  display: inline-block;
  margin-left: 6px;
  min-width: 18px;
  padding: 1px 6px;
  border-radius: 9px;
  background: var(--sobria-cuivre, #b87333);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  line-height: 16px;
}

/* Sur téléphone — là où Adrien lit sa liste du matin — la carte respire et
   les boutons deviennent atteignables au pouce. */
@media (max-width: 767px) {
  .rs-actions .btn, .rs-actions .carre-copier { min-height: 44px; }
  .rs-entete { flex-direction: column; gap: 6px; }
}