.notif-etat.ok { color: var(--text); }
  .notif-ligne input { margin-top: 3px; flex: none; accent-color: var(--accent); }
  /* LA CARTE DE CET APPAREIL (maquette : « status-card ») : ambre quand il
     ne sera pas prévenu, vert quand il le sera — les couleurs d'état des
     quatre thèmes, jamais une teinte fixe. */
  .notif-carte {
    display: flex; gap: 14px; align-items: flex-start; padding: 16px;
    margin: 0 0 14px; border-radius: var(--r-cadre);
    border: 1px solid var(--line2); background: var(--panel2);
  }
  .notif-carte.off {
    border-color: color-mix(in srgb, var(--etat-att) 45%, var(--line2));
    background: color-mix(in srgb, var(--etat-att) 9%, var(--panel2));
  }
  .notif-carte.on {
    border-color: color-mix(in srgb, var(--etat-bon) 45%, var(--line2));
    background: color-mix(in srgb, var(--etat-bon) 8%, var(--panel2));
  }
  .notif-carte-ic {
    width: 36px; height: 36px; flex: none; display: grid; place-items: center;
    border: 1px solid currentColor; border-radius: 12px; color: var(--etat-att);
  }
  .notif-carte.on .notif-carte-ic { color: var(--etat-bon); }
  .notif-carte-ic svg { width: 20px; height: 20px; }
  .notif-carte .notif-etat { margin: 0; font-weight: 600; color: var(--text); }
  .notif-suite {
    margin: 5px 0 0; color: var(--muted); font-size: var(--t-note); line-height: 1.5;
  }
  .notif-suite:empty { display: none; }
  .notif-etapes {
    margin: 0 0 14px; padding-left: 22px; font-size: var(--t-corps); line-height: 1.6;
  }
  .notif-etapes li { margin-bottom: 6px; }