/*
 * Le tableau des tickets, et lui seul. Fichier à part pour la même raison
 * que `activate.css` : le CSP du site n'admet aucun style en ligne.
 */
  .board .legend { font-size: .9rem; line-height: 2; opacity: .85; }
  .board .state { display: block; margin: 24px 0; font-size: .95rem; opacity: .75; }
  .board .state.bad { color: #c0392b; opacity: 1; }
  /* La feuille commune donne aux <section> de la landing 88 px de marge
     et une bordure ; ici une section n'est qu'un titre et sa liste. */
  .board section { margin-top: 36px; padding: 0; border-top: 0; }
  .board h2 small { font-size: .8rem; font-weight: 400; opacity: .6; margin-left: 8px; }
  .board .tickets { list-style: none; padding: 0; margin: 0; }
  .board .tickets li {
    padding: 14px 0; border-top: 1px solid var(--line, #d8d5cf);
    display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; align-items: baseline;
  }
  .board .tickets li:last-child { border-bottom: 1px solid var(--line, #d8d5cf); }
  .board .tickets .title { font-weight: 600; }
  .board .tickets .title.pending { font-weight: 400; font-style: italic; opacity: .7; }
  .board .tickets .meta { grid-column: 2; font-size: .82rem; opacity: .6; font-family: ui-monospace, monospace; }
  .board .tickets .summary { grid-column: 2; margin: 2px 0 0; font-size: .95rem; line-height: 1.5; }
  .board .tickets .summary a { text-decoration: underline; }

  /* Un badge par statut : la couleur est un repère, le mot reste lisible sans elle. */
  .board .status {
    display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: .78rem;
    font-weight: 600; border: 1px solid currentColor; white-space: nowrap; line-height: 1.7;
  }
  .board .s-new { color: #7a7a7a; }
  .board .s-accepted { color: #1f7a4d; }
  .board .s-done { color: #2b5fb3; }
  .board .s-duplicate { color: #8a6d1a; }
  .board .s-declined { color: #9a3d3d; }
  .board .s-needs_info { color: #7a5aa8; }

  .board [hidden] { display: none !important; }