/* ============================================================
   Régua de territórios — Rodada 7 · TDR-2153
   Sem hex novo: tudo sai dos tokens do design system (sync/conferir-design.mjs
   bloqueia cor nova dentro de js/modules, e aqui a regra é a mesma por disciplina).
   ============================================================ */
.rg-wrap{padding:2px 0 24px}
.rg-topo{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.rg-h{margin:0 0 4px;font-size:15px;color:var(--text)}
.rg-h5{margin:18px 0 8px;font-size:12.5px;color:var(--text);text-transform:uppercase;letter-spacing:.6px}
.rg-sub{margin:0;font-size:11.5px;line-height:1.5;color:var(--text2);max-width:760px}
.rg-leg{margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}

.rg-acoes{display:flex;gap:6px;flex-wrap:wrap}
.rg-btn{font-size:10.5px;padding:4px 11px;border:1px solid var(--border);border-radius:14px;
  background:transparent;color:var(--text2);cursor:pointer;font-family:inherit;white-space:nowrap}
.rg-btn:hover{color:var(--primary);border-color:var(--primary)}
.rg-btn.on{color:var(--primary);border-color:var(--primary);background:transparent}

.rg-rol{overflow:auto;border:1px solid var(--border);border-radius:10px;max-height:66vh}
.rg-tab{width:100%;border-collapse:collapse;font-size:11.5px}
.rg-tab th,.rg-tab td{padding:5px 6px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}
.rg-tab thead th{position:sticky;top:0;background:var(--bg-surface);color:var(--text2);
  font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;z-index:2}
.rg-tab tbody tr{cursor:pointer}
.rg-tab tbody tr:hover{background:var(--bg-hover)}
.rg-nome{min-width:230px;color:var(--text)}
.rg-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text)}
.rg-num small{color:var(--text2)}
.rg-num.rg-zero b{color:var(--text2)}
.rg-vert{width:20px;text-align:center;color:var(--text2)}

/* A célula tem TRÊS estados, e o terceiro é o que a maioria das réguas esconde. */
.rg-cel{width:20px;height:18px;padding:0;border-left:1px solid var(--bg-page)}
.rg-ok{background:var(--primary)}            /* conferido contra a base */
.rg-dec{background:var(--border-light)}      /* declarado: leitura secundária */
.rg-dub{background:var(--ocre)}              /* a verificar */
.rg-vazio{background:transparent}
/* ARMADILHA DE TOKEN, e ela custou duas rodadas de teste: os tokens --rd-conta-*,
   --accent-l, --bg-elev e --text3 sao declarados DENTRO do escopo de css/redes.css
   e nao existem fora dele. Usados aqui, resolviam para transparente e as celulas
   "declarado" e "a verificar" sumiam — quem olhasse veria so o verde e leria "o
   resto esta vazio", que e o CONTRARIO do que a celula diz. Aqui so entram tokens
   que existem no escopo global: --primary, --accent, --ocre, --border-light,
   --text, --text2, --border, --bg-*. Regra: token de cor tem escopo; conferir com
   getComputedStyle antes de confiar. */

.rg-selo{display:inline-block;padding:1px 7px;border-radius:5px;font-size:9.5px;font-weight:700;
  border:1px solid var(--border);color:var(--text2);white-space:nowrap}
.rg-naoav{color:var(--accent);border-color:var(--accent)}
.rg-ok-s{color:var(--primary);border-color:var(--primary)}
.rg-dec-s{color:var(--text2)}
.rg-dub-s{color:var(--accent);border-color:var(--accent)}
.rg-vazio-s{color:var(--text2)}

.rg-det{margin-top:16px;padding:14px 16px;border:1px solid var(--border-light);
  border-radius:12px;background:var(--bg-card)}
.rg-det-tab{margin-top:10px}
.rg-det-tab td{font-size:11.5px}
.rg-cn{width:26px;color:var(--text2);text-align:right}
.rg-qo{color:var(--text2);max-width:340px}
.rg-se{width:96px;text-align:right}

.rg-cat{margin:10px 0}
.rg-cat > b{font-size:11.5px;color:var(--text)}
.rg-cat small{color:var(--text2)}
.rg-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.rg-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:14px;
  border:1px solid var(--border);background:var(--bg-page);font-size:11px;color:var(--text2)}
.rg-chip a{color:var(--text);text-decoration:none;border-bottom:1px dotted var(--border-light)}
.rg-chip a:hover{color:var(--primary)}
.rg-chip i{font-style:normal;font-size:9px;font-weight:700;width:14px;height:14px;line-height:14px;
  text-align:center;border-radius:50%;background:var(--bg-elev);color:var(--text2)}
.rg-chip i.rg-f4{background:var(--primary);color:var(--white)}
.rg-chip i.rg-f5{background:var(--ocre);color:var(--bg-page)}

@media(max-width:900px){
  .rg-nome{min-width:150px}
  .rg-rol{max-height:52vh}
  .rg-qo{max-width:150px}
}

/* "não aparece nominalmente" e a composição da rede aberta no lugar (+) */
.rg-chip-fora{border-style:dashed}
.rg-mais{cursor:pointer;color:var(--accent);font-weight:700;padding:0 2px}
.rg-mais:hover{color:var(--text)}
.rg-mem{flex-basis:100%;margin-top:6px;padding:7px 10px;border-radius:8px;
  background:var(--bg-page);border:1px solid var(--border);font-size:11px;
  line-height:1.5;color:var(--text2);white-space:normal}