/* ============================================================================
   « À FAIRE AUJOURD'HUI » — le bloc partagé (a-faire-widget.js)
   ============================================================================
   Sorti de index.html le 2026-10-11 (U36 A) : la Vue simplifiée montre la
   MÊME liste, avec les mêmes styles. Deux classes au moins sur ce qui porte
   une couleur : le thème pose « color: inherit » (0,1,2) sur tout. Cibles de
   38 px de CSS, soit 32 px à l'écran sous le zoom global de 0,85.
   ========================================================================== */
.hdsn-afaire { padding: 16px 24px; margin: 24px 0 0; background: var(--ivory);
  border: 1px solid var(--warm-grey); border-radius: 16px; box-shadow: var(--shadow-sm); }
.hdsn-afaire .hdsn-ech-head { margin-bottom: 10px; }
.hdsn-afaire-liste { display: flex; flex-wrap: wrap; gap: 8px; }
.hdsn-afaire .hdsn-afaire-item { display: inline-flex; align-items: center; gap: 8px; min-height: 38px;
  padding: 4px 14px 4px 5px; border: 1px solid var(--warm-grey); border-radius: 999px;
  background: var(--cream-light); color: var(--charcoal-warm); font-size: 14px; text-decoration: none; }
.hdsn-afaire .hdsn-afaire-item:hover { border-color: var(--mint-deep); }
.hdsn-afaire .hdsn-afaire-n { display: inline-flex; align-items: center; justify-content: center;
  min-width: 28px; height: 28px; padding: 0 7px; border-radius: 999px; font-weight: 700;
  font-variant-numeric: tabular-nums; background: var(--mint-light); color: var(--mint-darker); }
.hdsn-afaire .hdsn-afaire-item.critique .hdsn-afaire-n { background: var(--error-bg); color: var(--coral-deeper); }
.hdsn-afaire .hdsn-afaire-item.important .hdsn-afaire-n { background: var(--warning-bg); color: var(--warning-text); }
.hdsn-afaire .hdsn-afaire-item.information .hdsn-afaire-n { background: var(--warm-grey); color: var(--charcoal-warm); }
.hdsn-afaire .hdsn-afaire-n.inconnu { background: var(--warm-grey); color: var(--charcoal-warm); }
.hdsn-afaire .hdsn-afaire-item em { font-style: normal; color: var(--taupe); }
.hdsn-afaire .hdsn-afaire-geste { color: var(--mint-darker); font-weight: 600; }
/* Le verdict de trésorerie : la ligne qui coupe le souffle, en tête. */
.hdsn-afaire .hdsn-afaire-item.urgent { flex-basis: 100%; flex-wrap: wrap; border-radius: 12px; padding: 8px 14px;
  border-color: var(--coral-deep); background: var(--error-bg); color: var(--coral-deeper); }
/* Au téléphone, « Voir la prévision » passe sous la phrase au lieu de
   l'écraser en colonne étroite. */
.hdsn-afaire .hdsn-afaire-item.urgent .hdsn-afaire-lib { flex: 1 1 240px; }
.hdsn-afaire .hdsn-afaire-item.urgent .hdsn-afaire-geste { margin-left: auto; color: var(--coral-deeper); white-space: nowrap; }
.hdsn-afaire .hdsn-afaire-plus { display: inline-flex; align-items: center; min-height: 38px; padding: 0 6px;
  font-size: 14px; font-weight: 600; color: var(--mint-darker); text-decoration: none; }
.hdsn-afaire .hdsn-afaire-plus:hover { text-decoration: underline; }
.hdsn-afaire .hdsn-afaire-etat { font-size: 14px; color: var(--taupe); }
.hdsn-afaire .hdsn-afaire-etat.ok { color: var(--mint-darker); font-weight: 600; }
.hdsn-afaire .hdsn-afaire-etat.erreur { color: var(--coral-deeper); font-weight: 600; }