/* Testeur de favicon, Nemo Ciment
   Se charge après outils.css, dont il reprend le formulaire d'adresse, .r-table, .pastille, .r-ed. */

.source-ligne .btn { min-height: 46px; }
.pastille.l-ok { background: rgba(34,197,94,.16); color: #4ade80; }
.pastille.l-noter { background: rgba(245,165,36,.16); color: #f5c264; }
.pastille.l-corriger { background: rgba(239,68,68,.16); color: #f87171; }
.r-statut .pastille { white-space: nowrap; }
.constats td.r-detail { width: auto; }
.liens-fav tbody th[scope] { width: 72px; }
.liens-fav code { font-size: 13.5px; font-weight: 500; overflow-wrap: anywhere; }

.fav-cadre { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 10px;
  background: #f4f4f5; }
.fav-cadre img { width: 32px; height: 32px; object-fit: contain; }
.fav-vide { color: #52525b; font-weight: 600; }

.fav-tailles { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; margin: 6px 0 18px; }
.fav-taille { margin: 0; text-align: center; font-size: 13px; color: var(--muted); }
.fav-taille img { display: block; margin: 0 auto 6px; padding: 10px; border-radius: 10px; background: #f4f4f5; box-sizing: content-box; }

.fav-resultat { max-width: 600px; padding: 16px 18px; border-radius: 12px; background: #fff; color: #202124; }
.fav-resultat-tete { display: flex; align-items: center; gap: 12px; }
.fav-pastille { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%;
  background: #f1f3f4; }
.fav-pastille img { width: 18px; height: 18px; object-fit: contain; }
.fav-site { display: flex; flex-direction: column; min-width: 0; font-size: 14px; line-height: 1.3; }
.fav-site b { font-weight: 400; color: #202124; }
.fav-site span { color: #4d5156; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fav-titre { margin-top: 6px; font-size: 20px; line-height: 1.3; color: #1a0dab; }

@media (max-width: 640px) {
  .liens-fav tbody tr { grid-template-columns: 1fr; }
  .constats tbody tr { grid-template-columns: auto 1fr; }
  .fav-titre { font-size: 18px; }
}
.liens-fav .r-ed { overflow-wrap: anywhere; }