/* Mes études : le dossier du matin mis en avant, puis la liste des études du cabinet. */
.ce-matin {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 28px;
  background: var(--feuille); border: 1px solid var(--filet); border-left-width: 4px; border-left-color: var(--bleu);
  border-radius: var(--rayon); padding: 22px 24px; margin-bottom: 20px;
}
.ce-matin > div { display: grid; gap: 6px; max-width: 72ch; }
.ce-matin h2 { font-size: clamp(24px, 2.6vw, 30px); color: var(--petrole); }
.ce-matin p:not(.signe-machine) { color: var(--encre-2); }

.tableau--etudes { min-width: 720px; }
.tableau--etudes th[scope='row'] { font-size: 15px; color: var(--encre); white-space: normal; padding: 12px 14px; font-weight: 400; }
.tableau--etudes th[scope='row'] strong { display: block; font-weight: 500; }
.tableau--etudes th[scope='row'] span { display: block; font-size: 13px; color: var(--encre-2); }
.tableau--etudes td { vertical-align: middle; }
.etude--vedette { background: var(--bleu-voile); }
.etude--vedette a { color: var(--petrole); font-weight: 700; text-underline-offset: 3px; }

.etat { display: inline-block; font-size: 13px; font-weight: 500; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
.etat--machine { background: var(--bleu-voile); color: var(--bleu-texte); }
.etude--vedette .etat--machine { background: var(--feuille); }
.etat--vigilance { background: var(--ambre-voile); color: var(--ambre-texte); }
.etat--attente { background: var(--papier); color: var(--encre-2); }

@media (max-width: 760px) {
  .ce-matin { padding: 18px; }
}