/* Poids de la page et de ses ressources, Nemo Ciment
   Se charge après outils.css, dont il reprend le tableau de résultats (.r-table, .pastille,
   .fichier) : seuls les états propres à cet outil et la liste complète des fichiers sont ici. */

.source-ligne .btn { min-height: 46px; }
.e-ok .pastille { background: rgba(34,197,94,.16); color: #4ade80; }
.e-revoir .pastille { background: rgba(245,165,36,.16); color: #f5c264; }
.r-table tbody th[scope] code { overflow-wrap: anywhere; font-weight: 500; }
.r-table .r-statut { white-space: nowrap; }
.resultats h3 { margin: 30px 0 0; font-size: 17px; color: var(--ink); }

.p-toutes { width: 100%; border-collapse: collapse; font: 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.p-toutes th, .p-toutes td { text-align: left; vertical-align: top; padding: 6px 10px; border-bottom: 1px solid rgba(255,255,255,.05); color: #c9c9cf; overflow-wrap: anywhere; }
.p-toutes thead th { color: var(--muted-2); font-weight: 600; }
.p-toutes td:first-child { width: 38%; }
.p-toutes code { color: var(--ink); font: inherit; }
.p-variante, .p-finale { display: inline-block; margin-left: 6px; font-size: 12px; color: var(--muted-2); }
.p-finale { display: block; margin-left: 0; }

@media (max-width: 640px) {
  .p-toutes thead { display: none; }
  .p-toutes, .p-toutes tbody, .p-toutes tr, .p-toutes td { display: block; width: auto; }
  .p-toutes tr { padding: 8px 14px; border-bottom: 1px solid rgba(255,255,255,.05); }
  .p-toutes td { padding: 0; border: 0; }
  .p-toutes td:first-child { width: auto; }
  .p-toutes td:not(:first-child) { display: inline; }
  .p-toutes td:not(:first-child):not(:last-child)::after { content: " · "; }
}
