/* =====================================================================
   TEST « le meilleur de medinote » sur AZUR — 30 sept. 2026, décision Robert
   Trois pièces seulement, sans toucher aux couleurs, à la police (Inter)
   ni à la barre du haut :
     1. cartes à bandeau (bande teintée + tuile d'icône + pastille de compte)
     2. titres plus gros et plus gras sur bureau (téléphone inchangé)
     3. gris plus foncés (étiquettes, sous-titres, en-têtes de tableau)
   RETIRER LE TEST = supprimer la ligne @import de ce fichier dans design.css.
   Point de retour : tag restore-2026-09-30-avant-test-medinote.
   ===================================================================== */

/* ---------- 3. contraste : le gris sourd #8B9099 (3,2:1 sur blanc) → #5F6670 (5,9:1) ---------- */
body.theme-app2{ --cd2-sourd: #5F6670; }
body.theme-app2 .wrap .sous{ color: #5F6670; }
body.theme-app2 th{ color: #5F6670 !important; }
body.theme-app2 .sec{ color: #4A515B !important; }

/* ---------- 1. cartes à bandeau ---------- */
body.theme-app2 .carte{
  background: #FFFFFF;
  border: 1px solid var(--cd2-ligne, #E2E5E8);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(20,40,60,.05);
  padding: 20px 22px 22px;
  margin-bottom: 18px;
  overflow: hidden;
}
body.theme-app2 .carte::before{ display: none; }
body.theme-app2 .carte > .sec:first-child{
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin: -20px -22px 20px; padding: 13px 22px;
  background: #F1F5F9;
  border-bottom: 1px solid var(--cd2-ligne, #E2E5E8);
  color: var(--cd2-texte, #28303A) !important;
  font-size: 14px !important; font-weight: 700 !important;
  letter-spacing: 0 !important; text-transform: none !important;
}
/* tuile d'icône : la coche de la marque, en bleu, sur bleu très pâle */
body.theme-app2 .carte > .sec:first-child::before{
  content: ""; width: 30px; height: 30px; border-radius: 8px; flex: none;
  background: #DCE8F3 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66.58 57.08'><path d='M0 33.70 L24.85 57.08 L66.58 8.84 L56.37 0 L23.85 37.60 L9.26 23.86 Z' fill='%232F6FA8'/></svg>") center / 13px no-repeat;
}
/* la page fournit déjà son icône (<span class="pic">) : elle prend la tuile */
body.theme-app2 .carte > .sec:first-child:has(> .pic)::before{ display: none; }
body.theme-app2 .carte > .sec:first-child > .pic{
  width: 30px; height: 30px; border-radius: 8px; flex: none; background: #DCE8F3; color: #2F6FA8;
  display: inline-flex; align-items: center; justify-content: center;
}
/* pastille de compte (le <small> du titre) */
body.theme-app2 .carte > .sec:first-child small{
  font-size: 12px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important;
  color: #1E4E75 !important; background: #DCE8F3; border-radius: 999px; padding: 3px 10px;
}
body.theme-app2 .carte > .sec:first-child small:empty{ display: none; }
/* le mois du calendrier n'est pas un compteur : sans pastille */
body.theme-app2 .carte > .sec:first-child small#cal-mois-lbl{ background: transparent; padding: 0; color: var(--cd2-texte, #28303A) !important; }
body.theme-app2 .carte > .sec:first-child > div[style*="margin-left:auto"]{ margin-left: auto; }
@media (max-width: 720px){
  body.theme-app2 .carte{ padding: 16px 14px 18px; border-radius: 12px; }
  body.theme-app2 .carte > .sec:first-child{ margin: -16px -14px 16px; padding: 11px 14px; }
}

/* ---------- 2. bureau : titres plus gros et plus gras (téléphone inchangé) ---------- */
@media (min-width: 721px){
  body.theme-app2 .wrap h1{ font-size: 32px; font-weight: 800; text-transform: none; letter-spacing: -.4px; line-height: 1.15; }
  body.theme-app2 .wrap .sous{ font-size: 15px; font-weight: 500; }
  body.theme-app2 .carte > .sec:first-child{ font-size: 17px !important; }
  body.theme-app2 .carte > .sec:first-child small{ font-size: 13px !important; }
  body.theme-app2 .sec{ font-size: 13px !important; }
  body.theme-app2 th{ font-size: 13px !important; }
  body.theme-app2 table{ font-size: 15px; }
}