/* Styles propres au module Veille (complètent src/styles/global.css sans le modifier). */
/* La remise à zéro Tailwind supprime le centrage natif des <dialog> (_ui/modal.twig) : on le rétablit ici. */
dialog#m-simuler, dialog#m-rejet { margin: auto; }
.veille-chip { display: inline-block; font-size: 12px; font-weight: 600; padding: 2px 9px; margin: 0 4px 4px 0; border-radius: 6px; background: #F3F3F4; color: #3A3A3C; border: 1px solid #E7E7E9; }
.veille-dl { display: grid; grid-template-columns: 170px 1fr; gap: 8px 14px; font-size: 14px; }
.veille-dl dt { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: #7A7A7D; padding-top: 3px; }
.veille-dl dd { margin: 0; }
@media (max-width: 640px) { .veille-dl { grid-template-columns: 1fr; } .veille-dl dd { margin-bottom: 6px; } }
.veille-texte { white-space: pre-line; font-size: 14px; background: #F3F3F4; border-radius: 8px; padding: 12px 14px; max-height: 420px; overflow-y: auto; }
.veille-check { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; padding: 6px 10px; border: 1.5px solid #E7E7E9; border-radius: 8px; cursor: pointer; min-height: 38px; }
.veille-check:has(input:checked) { border-color: #3A3A3C; background: #F3F3F4; }
.veille-mail { border: 1px solid #E7E7E9; border-radius: 8px; padding: 10px 14px; margin-bottom: 8px; }
.veille-mail > summary { display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; }
.veille-mail > summary::-webkit-details-marker { display: none; }
.veille-point { border: 1px solid #E7E7E9; border-radius: 8px; padding: 10px 12px; }
.veille-progress { border: 1px solid #E7E7E9; border-radius: 10px; padding: 12px 14px; background: #fff; }
.veille-spin { width: 22px; height: 22px; border-radius: 50%; border: 3px solid #E7E7E9; border-top-color: #DB2232; animation: veille-rot .8s linear infinite; flex: none; }
@keyframes veille-rot { to { transform: rotate(360deg); } }
.veille-steps { list-style: none; padding: 0; margin: 0; font-size: 13px; display: grid; gap: 4px; }
.veille-steps li { padding-left: 22px; position: relative; color: #7A7A7D; }
.veille-steps li::before { content: "○"; position: absolute; left: 4px; }
.veille-steps li.on { color: #262628; font-weight: 600; }
.veille-steps li.on::before { content: "●"; color: #DB2232; }
.veille-steps li.done { color: #1F9D55; }
.veille-steps li.done::before { content: "✓"; }
.veille-steps li.fail { color: #B81A28; font-weight: 600; }
.veille-steps li.fail::before { content: "✕"; }

/* Ancres intérieures aux étapes : même marge de défilement que les étapes (socle). */
#mails, #checklist { scroll-margin-top: 440px; }