/* GRW Métricas — aba de desempenho. Reaproveita as pílulas e o segmentado da
   aba de Coordenação (grw-coordenacao.css); aqui só o que é próprio. */

#metricas-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  justify-content:space-between;margin-bottom:16px}

.met-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;margin-bottom:18px}
.met-card{display:flex;flex-direction:column;gap:2px;padding:12px 14px;
  border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:help}
.met-card-n{font-size:22px;font-weight:700;line-height:1.1;
  font-family:'JetBrains Mono',monospace}
.met-card-n small{font-size:12px;font-weight:600;color:var(--muted);margin-left:6px}
.met-card-t{font-size:11px;color:var(--muted)}

.met-tbl{width:100%;border-collapse:collapse;font-size:12px}
.met-tbl th,.met-tbl td{padding:7px 10px;border-bottom:1px solid var(--border);
  text-align:right;white-space:nowrap}
.met-tbl th{font-size:10px;color:var(--muted);text-align:right;font-weight:600;
  text-transform:uppercase;letter-spacing:.03em;cursor:help}
.met-tbl th:first-child,.met-tbl td:first-child,
.met-tbl th:nth-child(2),.met-tbl td:nth-child(2){text-align:left}
.met-tbl tbody tr:hover{background:rgba(127,127,127,.06)}
.met-pessoa{font-weight:700}
.met-papel{color:var(--muted);font-size:11px}
.met-pct{font-family:'JetBrains Mono',monospace;color:var(--muted)}
/* Só destaca quando há o que olhar: zero colorido em toda linha vira ruído e a
   tela deixa de ter para onde olhar. Zero fica apagado; número, em cor. */
.met-alerta{color:#c62828;font-weight:700}
.met-ok{color:#2e7d32;font-weight:700}
.met-forte{font-weight:700}
.met-zero{color:var(--muted);opacity:.45}

.met-nota{margin-top:14px;font-size:11px;color:var(--muted);line-height:1.5;max-width:70ch}