/* apps/dirigeants/static/dirigeants.css
   ----------------------------------------
   Habillage du site des transactions des dirigeants, charte A Free Lunch.

   La palette (--corail, --corail-dark, --rose, --rose-deep, --noir, --gris,
   --gris-bord) et les polices viennent de `afl/base.html` ; carte, tuile de
   chiffre, pastille et tableau viennent du jeu commun (`composants.css`).
   Cette feuille ne pose que ce qui est propre à l'outil, sous le préfixe
   `dg-`, et ne redéfinit aucune valeur de marque au `:root`
   (`test_composants_communs.py`).

   Les couleurs des familles disent un SENS, pas une marque : achat en vert,
   vente en corail (la couleur de la marque, déjà lue comme « sortie » sur les
   pages A Free Lunch), attribution en bleu, le reste en gris. */

/* ── Cartouche de titre : le bandeau rose sous l'en-tête, comme les pages de
   l'outil vente à découvert. ── */
.dg-cartouche { background: var(--rose); padding: 30px 0 34px; margin-bottom: 32px; }
.dg-h1 { font-family: var(--font-heading); font-size: 2rem; font-weight: 800; color: var(--noir);
         line-height: 1.1; letter-spacing: -0.025em; margin: 0 0 6px; }
.dg-h2 { font-family: var(--font-heading); font-size: 1.3rem; font-weight: 700; color: var(--noir);
         letter-spacing: -0.01em; margin: 0 0 0.75rem; }
.dg-lede { font-size: 1.05rem; color: #444; margin: 0; max-width: 60rem; }
.dg-maj { font-size: 0.78rem; color: var(--gris); margin: 0.6rem 0 0;
          text-transform: uppercase; letter-spacing: 0.06em; }
.dg-sous-titre { font-size: 0.9rem; color: var(--gris); margin: 0.4rem 0 0.9rem; }

/* ── Sections et note de lecture ── */
.dg-section { margin-top: 2.25rem; }
/* Quatre tuiles sur une ligne, de même largeur : rangées par le flex du jeu
   commun, elles prenaient la largeur de leur détail et passaient à la ligne
   à trois (vu au rendu, 20/10/2026). */
.dg-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
            margin-top: 0; margin-bottom: 1.5rem; --m-stat-largeur-min: 0; }
.dg-note { background: var(--rose); border-left: 3px solid var(--corail);
           border-radius: 0 8px 8px 0; padding: 0.75rem 1rem; margin: 0 0 1.75rem;
           font-size: 0.88rem; line-height: 1.55; color: #444; }
.dg-note strong { color: var(--noir); }
.dg-deux-colonnes { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.dg-suite { margin-top: 1.25rem; }
.dg-lettres { margin-bottom: 0.5rem; }
.dg-texte { max-width: 52rem; }
.dg-texte .dg-h2 { margin-top: 1.75rem; }
.dg-texte li { margin-bottom: 0.4rem; }
.dg-source { font-size: 0.85rem; color: var(--gris); margin-top: 2.5rem; padding-top: 1rem;
             border-top: 1px solid var(--gris-bord); }

/* ── Dans les tableaux ── */
.dg-fonction { display: block; font-size: 0.78rem; color: var(--gris); line-height: 1.35; }
.dg-operations td { vertical-align: top; }
.dg-a-verifier { color: #92400e; cursor: help; }
.dg-hors-marche { color: var(--gris); cursor: help; }

/* ── Pastille de famille ── */
.dg-famille { display: inline-block; padding: 1px 9px; border-radius: 999px; font-size: 0.78rem;
              font-weight: 600; white-space: nowrap; }
.dg-famille--achat { background: #e7f6ec; color: #085229; }
.dg-famille--vente { background: var(--rose-deep); color: var(--corail-dark); }
.dg-famille--attribution { background: #eef2ff; color: #3730a3; }
.dg-famille--autre { background: #f1f1f1; color: #555; }

@media (max-width: 800px) {
  .dg-deux-colonnes { grid-template-columns: 1fr; }
  .dg-stats { grid-template-columns: repeat(2, minmax(0, 1fr));
              --m-stat-taille: 1.5rem; --m-stat-marge: 0.85rem 1rem; }
  .dg-h1 { font-size: 1.6rem; }
}