/* Testeur hreflang, Nemo Ciment
   Se charge après outils.css (réutilise .verdicts, .r-table) ; pastilles HTTP reprises du vérificateur de redirections. */

.outil .actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.outil .actions .btn { min-height: 46px; }
.outil .actions .btn:disabled { opacity: .6; cursor: progress; }
.outil .verdicts:empty, .resultats .verdicts:empty { display: none; }
.outil .champ + .champ { margin-top: 14px; }

.lp-body p.hl-depart { margin: 0 0 4px; font-size: 15px; color: #d0d0d4; overflow-wrap: anywhere; }
.lp-body p.hl-depart span { color: var(--muted); }
.lp-body p.hl-compte { margin: 8px 0 0; font-size: 14.5px; color: var(--muted); }
.hl-depart code, .hl-preuve code { font: 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; color: #c9c9cf; overflow-wrap: anywhere; }

.hl-table td { font-size: 14px; }
.hl-code { font: 600 14px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; color: var(--ink); white-space: nowrap; width: 1%; }
.hl-url { display: block; font: 13.5px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; color: var(--ink); overflow-wrap: anywhere; }
.lp-body p.hl-preuve { margin: 6px 0 0; font-size: 13px; line-height: 1.5; padding: 6px 10px; border-radius: 8px; background: rgba(255,255,255,.03); border: 1px solid var(--line); }
.hl-preuve span { color: var(--muted-2); margin-right: 4px; }
.hl-source, .hl-http, .hl-retour { white-space: nowrap; width: 1%; }
.hl-soi { color: var(--muted); font-size: 13.5px; }
.hl-retour.non { color: #f5c264; }
.hl-adresse { min-width: 260px; }
.hl-verdict { min-width: 220px; }
.hl-verdict .verdicts { margin: 0; }
.verdicts li { overflow-wrap: anywhere; }
.hl-src-l { color: var(--muted-2); }

.code-http { display: inline-block; min-width: 3.2em; text-align: center; font: 600 13.5px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; padding: 2px 9px; border-radius: 999px; background: rgba(255,255,255,.08); color: var(--muted); }
.code-http.c-ok { background: rgba(34,197,94,.16); color: #4ade80; }
.code-http.c-redir { background: rgba(96,165,250,.16); color: #93c5fd; }
.code-http.c-erreur { background: rgba(245,165,36,.16); color: #f5c264; }

@media (max-width: 900px) {
  .outil .champ input { font-size: 16px; }
}
@media (max-width: 640px) {
  .hl-table tr { grid-template-columns: auto 1fr auto auto; align-items: center; }
  .hl-table .hl-code { grid-row: 1; grid-column: 1; }
  .hl-table .hl-source { grid-row: 1; grid-column: 2; color: var(--muted); width: auto; }
  .hl-table .hl-http { grid-row: 1; grid-column: 3; width: auto; }
  .hl-table .hl-retour { grid-row: 1; grid-column: 4; width: auto; }
  .hl-table .hl-adresse, .hl-table .hl-verdict { grid-column: 1 / -1; min-width: 0; }
  .hl-table .hl-retour:not(:empty)::before { content: "↩ "; color: var(--muted-2); }
}

/* Le tableau a six colonnes : sur grand écran, la zone de résultats déborde de la colonne de texte. */
@media (min-width: 1100px) {
  #resultats { margin-inline: calc(50% - min(560px, 50vw - 40px)); }
}