/* ==========================================================================
   A9 · Saúde e reputação
   Quem recebe decide se aceita a mensagem olhando o IP que mandou. Esta tela
   mostra o que os outros servidores enxergam do nosso.
   ========================================================================== */

.a9__par { display: grid; grid-template-columns: 104rem minmax(0, 1fr); gap: 12rem; align-items: baseline; }
.a9__par .rotulo { font-size: 10rem; letter-spacing: .1em; }
.a9__pares { display: flex; flex-direction: column; gap: 10rem; }

.a9__medidor { height: 6rem; background: var(--panel-2); position: relative; }
.a9__medidor i { position: absolute; left: 0; top: 0; bottom: 0; background: var(--ok); }
.a9__medidor b { position: absolute; top: -3rem; bottom: -3rem; width: 1rem; background: var(--fail); }

.a9__listas,
.a9__listas-cabeca { grid-template-columns: 170rem minmax(0, 1fr) 130rem 110rem; }
.a9-rolagem-listas { min-width: 840rem; }
.a9__volume,
.a9__volume-cabeca { grid-template-columns: minmax(0, 1fr) 82rem 90rem 90rem 78rem 96rem; gap: 12rem; }
.a9-rolagem-volume { min-width: 620rem; }
.mobile .a9-rolagem-listas,
.mobile .a9-rolagem-volume { min-width: 620rem; }

.a9__baixo { display: grid; grid-template-columns: minmax(0, 1fr) 320rem; gap: 16rem; align-items: start; }
.mobile .a9__baixo { grid-template-columns: minmax(0, 1fr); }
.a9__fila-linha { display: flex; justify-content: space-between; align-items: baseline; gap: 12rem; }