.rg-grupo {
  background: var(--card, #191817);
  border: 1px solid var(--linha, #2f2d2c);
  border-radius: 14px;
  padding: 22px 24px;
  margin-bottom: 18px;
}
.rg-grupo > h2 {
  font-size: 17px;
  margin: 0 0 6px;
  letter-spacing: -0.01em;
}
.rg-intro {
  margin: 0 0 20px;
  color: var(--dim, #9c9896);
  font-size: 13.5px;
  line-height: 1.55;
  max-width: 74ch;
}
.rg-campos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 20px 26px;
}
.rg-campo label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 7px;
  line-height: 1.35;
}
.rg-un {
  font-weight: 400;
  color: var(--dim, #9c9896);
  font-size: 11.5px;
  margin-left: 5px;
}
.rg-linha { display: flex; align-items: center; gap: 10px; }
.rg-campo input {
  width: 148px;
  padding: 8px 11px;
  border-radius: 9px;
  border: 1px solid var(--linha, #2f2d2c);
  background: var(--fundo2, #131212);
  color: inherit;
  font: inherit;
  font-variant-numeric: tabular-nums;
}
.rg-campo input:focus {
  outline: none;
  border-color: var(--acento, #4f7cff);
  box-shadow: 0 0 0 3px rgba(228, 38, 38, 0.16);
}
.rg-padrao {
  font-size: 11.5px;
  color: var(--dim, #9c9896);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}









.rg-campo.lista { grid-column: 1 / -1; }
.rg-campo.lista .rg-linha { display: block; }
.rg-campo.lista input { width: 100%; font-variant-numeric: normal; }
.rg-campo.lista .rg-padrao {
  display: block;
  margin-top: 6px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.rg-ajuda {
  margin: 8px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--dim, #9c9896);
  max-width: 52ch;
}

.rg-campo.editado {
  border-left: 2px solid var(--acento, #4f7cff);
  padding-left: 12px;
  margin-left: -14px;
}
.rg-campo.editado label::after {
  content: "alterado";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--acento, #4f7cff);
  margin-left: 8px;
}

.rg-barreira {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px 22px;
}
.rg-fmt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--linha, #2f2d2c);
  font-size: 13.5px;
}
.rg-fmt select {
  padding: 6px 9px;
  border-radius: 8px;
  border: 1px solid var(--linha, #2f2d2c);
  background: var(--fundo2, #131212);
  color: inherit;
  font: inherit;
  font-size: 12.5px;
}

.aviso {
  padding: 12px 16px;
  border-radius: 11px;
  margin-bottom: 16px;
  font-size: 13.5px;
  line-height: 1.5;
  background: rgba(228, 38, 38, 0.09);
  border: 1px solid rgba(228, 38, 38, 0.28);
}
.aviso.ok {
  background: rgba(52, 199, 123, 0.09);
  border-color: rgba(52, 199, 123, 0.3);
}
.aviso.erro {
  background: rgba(255, 88, 88, 0.1);
  border-color: rgba(255, 88, 88, 0.35);
}
.rg-dist {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  margin-top: 10px;
}
.rg-dist span {
  font-size: 12px;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
}















.mn-tab { border-collapse: collapse; font-size: 13.5px; margin: 6px 0 4px; }
.mn-tab th {
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--dim, #9c9896);
  padding: 0 14px 9px 0;
  border-bottom: 1px solid var(--linha, #2f2d2c);
}
.mn-tab td {
  padding: 11px 14px 11px 0;
  border-bottom: 1px solid var(--linha, #2f2d2c);
  vertical-align: top;
  line-height: 1.55;
}
.mn-tab tr:last-child td { border-bottom: 0; }
.mn-tab.compacta td { padding: 6px 14px 6px 0; }
.mn-tab td.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }





.mn-tab td.num.lista {
  white-space: normal; text-align: left; font-variant-numeric: normal;
  color: var(--dim, #9c9896); line-height: 1.5;
}
.mn-tab td.dim { color: var(--dim, #9c9896); font-size: 12px; }

@media (max-width: 900px) {
  
  .rg-campo.editado { margin-left: 0; }
}





.kpi b.o-mitico   { color: #ff6b5e; }   
.kpi b.o-lendario { color: #ffab3d; }   
.kpi b.o-forte  { color: #b794ff; }   
.kpi b.o-bom    { color: #6ea8ff; }   
.kpi b.o-acima  { color: #45c47e; }   
.kpi b.o-baixo  { color: #8d8885; }   
.heat[title] { cursor: help; }


.video-metrics {
  position: absolute;
  left: 10px;
  bottom: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  z-index: 2;
}
.vm {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  backdrop-filter: blur(3px);
  cursor: help;
}
.vm.vph   { background: rgba(18, 20, 26, 0.82); color: #eeedec; }
.vm.views { background: rgba(18, 20, 26, 0.82); color: #9fb3d6; }


.vm.out            { color: #fff; }
.vm.out.o-mitico   { background: var(--out-mitico);
  box-shadow: inset 0 0 0 1.5px var(--out-anel); }     
.vm.out.o-lendario { background: var(--out-lendario);
  color: var(--out-txt-lendario); }                    
.vm.out.o-forte    { background: var(--out-forte); }   
.vm.out.o-bom      { background: var(--out-bom); }     
.vm.out.o-acima    { background: var(--out-acima); }   
.vm.out.o-baixo    { background: var(--out-baixo); color: var(--out-txt-baixo); }


.hero-title { bottom: 34px; }


.card .who .pill {
  display: inline-block;
  margin-top: 5px;
  position: static;
  font-size: 11px;
  padding: 2px 8px;
}
.card .hero .fade { display: none; }        


.card.yt { background: transparent; border: 0; border-radius: 0; padding: 0; }
.card.yt .hero {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 11px;
  overflow: hidden;
  background: #111010;
}
.card.yt .hero img { width: 100%; height: 100%; object-fit: cover; display: block; }
.card.yt .card-body { padding: 10px 2px 0; }

.card.yt .linha1 { display: flex; gap: 10px; align-items: flex-start; }
.card.yt .av {
  width: 34px; height: 34px; border-radius: 50%;
  flex: 0 0 34px; object-fit: cover; margin-top: 1px;
}
.card.yt .txt { min-width: 0; flex: 1; }

.card.yt .v-title {
  font-size: 13.5px; font-weight: 600; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; margin-bottom: 3px;
}
.card.yt .v-canal,
.card.yt .v-canal-nums {
  font-size: 12px; color: var(--dim, #9c9896); line-height: 1.5;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.card.yt .v-canal-nums { margin-top: 3px; }


.card.yt .video-metrics { position: static; margin-top: 5px; }

.card.yt .chips { margin-top: 8px; gap: 4px; }
.card.yt .chip { font-size: 11px; padding: 2px 7px; }
.card.yt .chip.tipo { font-weight: 700; }


#grid { gap: 26px 16px; }


.grid { grid-template-columns: repeat(auto-fill, minmax(238px, 1fr)); }


.card.yt .v-canal-nums { white-space: normal; overflow: visible; }

.card.yt .v-video {
  font-size: 12px; color: var(--dim, #9c9896); line-height: 1.5; margin-top: 1px;
}
.card.yt .v-canal { white-space: normal; }


.tiras { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; margin-top: 3px; }
.tira { position: relative; aspect-ratio: 16 / 9; border-radius: 5px; overflow: hidden; background: #111010; }
.tira img { width: 100%; height: 100%; object-fit: cover; display: block; }
.t-out {
  position: absolute; top: 2px; left: 2px;
  font-size: 11px; font-weight: 800; padding: 0 4px; border-radius: 3px; color: #fff;
}
.t-out.o-mitico   { background: var(--out-mitico);
  box-shadow: inset 0 0 0 1.5px var(--out-anel); }
.t-out.o-lendario { background: var(--out-lendario); color: var(--out-txt-lendario); }
.t-out.o-forte { background: var(--out-forte); }
.t-out.o-bom   { background: var(--out-bom); }
.t-out.o-acima { background: var(--out-acima); }
.t-out.o-baixo { background: var(--out-baixo); color: var(--out-txt-baixo); }
.t-views {
  position: absolute; right: 2px; bottom: 2px;
  font-size: 11px; font-weight: 700; padding: 0 4px; border-radius: 3px;
  background: rgba(10,12,16,.82); color: #dbe3f0;
}


.seg { display: inline-flex; gap: 2px; background: var(--fundo2,#131212);
       border: 1px solid var(--linha,#2f2d2c); border-radius: 9px; padding: 2px; }
.seg button { background: none; border: 0; color: var(--dim,#9c9896); cursor: pointer;
              font: inherit; font-size: 12.5px; padding: 5px 11px; border-radius: 7px; }
.seg button.on { background: rgba(228,38,38,.16); color: #ffd3d0; font-weight: 600; }





.mq { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.mq-rot { font-size: 11px; color: var(--dim,#9c9896); letter-spacing: .01em;
          white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mq-linha { display: flex; align-items: baseline; gap: 4px; flex-wrap: wrap; }
.mq-linha b { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }

.mq-linha b.mq-nada { font-size: 11px; font-weight: 500; color: var(--dim,#9c9896); }











.mq-delta { font-size: 11px; font-weight: 700; padding: 1px 4px; border-radius: 5px;
            white-space: nowrap; font-variant-numeric: tabular-nums; }
.mq-delta.sobe  { background: rgba(52,199,123,.16); color: #5fd99b; }
.mq-delta.desce { background: rgba(255,88,88,.14);  color: #ff8b8b; }
.mq-delta.novo  { background: rgba(79,124,255,.16); color: #9dbaff; }


.lista { display: flex; flex-direction: column; gap: 10px; }
.linha-canal {
  display: grid; grid-template-columns: 300px 1fr; gap: 20px;
  background: var(--card,#191817); border: 1px solid var(--linha,#2f2d2c);
  border-radius: 13px; padding: 14px 16px; cursor: pointer;
}
.linha-canal:hover { border-color: rgba(228,38,38,.4); }
.lc-topo { display: flex; gap: 10px; align-items: center; }
.lc-av { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex: 0 0 38px; }


.lc-id { min-width: 0; flex: 1 1 auto; }


.lc-nome {
  font-weight: 650; font-size: 14px;
  display: flex; align-items: center; gap: 6px; min-width: 0;
}


.lc-nome > .lc-t {
  flex: 1 1 auto; min-width: 72px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.lc-nome > .chip.tipo.etiqueta { flex: 0 0 auto; }


.chip.tipo.etiqueta {
  font-size: 11px; padding: 2px 6px; font-weight: 600;
  letter-spacing: .01em; line-height: 1.35; white-space: nowrap;
}
.lc-sub { font-size: 11.5px; color: var(--dim,#9c9896); }

.lc-metricas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
               gap: 8px; margin: 11px 0 9px; }
.linha-canal .chips { display: flex; flex-wrap: wrap; gap: 4px; }

.lc-videos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.lv { display: block; text-decoration: none; color: inherit; min-width: 0; }
.lv-thumb { position: relative; display: block; aspect-ratio: 16/9;
            border-radius: 7px; overflow: hidden; background: #111010; }
.lv-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lv:hover .lv-thumb { outline: 2px solid rgba(228,38,38,.55); outline-offset: 1px; }
.lv-tit { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
          overflow: hidden; font-size: 11.5px; line-height: 1.35; margin-top: 5px; }
.lv-num { display: block; font-size: 11px; color: var(--dim,#9c9896); margin-top: 2px; }

@media (max-width: 1100px) {
  .linha-canal { grid-template-columns: 1fr; }
  .lc-videos { grid-template-columns: repeat(4, 1fr); }
}


.chip::first-letter,
.mq-rot::first-letter { text-transform: uppercase; }
.mq-delta.sem { background: rgba(255,255,255,.06); color: #8d8885; }


[data-prop] { cursor: pointer; }
[data-prop]:hover { outline: 1px solid rgba(228,38,38,.55); outline-offset: 1px; }
.chip.mais { opacity: .5; font-weight: 700; padding: 2px 8px; }
.chip.mais:hover { opacity: 1; }

.prop-menu {
  position: absolute; z-index: 900; min-width: 232px; max-width: 300px;
  background: #1d1c1b; border: 1px solid #373534; border-radius: 11px;
  box-shadow: 0 14px 40px rgba(0,0,0,.55); padding: 7px; cursor: default;
}
.pm-tit { font-size: 11px; text-transform: uppercase; letter-spacing: .05em;
          color: #9c9896; padding: 5px 8px 7px; }
.pm-nota { text-transform: none; letter-spacing: 0; color: #7ea2ff;
           background: rgba(228,38,38,.14); padding: 1px 6px; border-radius: 4px; }
.pm-lista { max-height: 264px; overflow-y: auto; }
.pm-op { display: block; width: 100%; text-align: left; background: none; border: 0;
         color: inherit; font: inherit; font-size: 13px; padding: 6px 9px;
         border-radius: 7px; cursor: pointer; }
.pm-op:hover { background: rgba(255,255,255,.06); }
.pm-op.sel { color: #ffb3ae; font-weight: 600; }
.pm-op.limpar { color: #ff8b8b; margin-top: 5px; border-top: 1px solid #2f2d2c;
                border-radius: 0 0 7px 7px; }
.pm-input { width: 100%; padding: 7px 9px; border-radius: 7px; background: #131212;
            border: 1px solid #373534; color: inherit; font: inherit; font-size: 13px; }
.pm-vazio { font-size: 12px; color: #9c9896; padding: 4px 9px 8px; }


.chip.tipo.novo_rapido    { background: rgba(232,37,111,.20); color: #ff9ec0; }
.chip.tipo.antigo_em_alta { background: rgba(228,38,38,.20);  color: #ff9d9d; }
.chip.tipo.fonte_temas    { background: rgba(79,124,255,.20); color: #a8c0ff; }
.chip.tipo.consistente    { background: rgba(52,199,123,.18); color: #7ee0aa; }
.chip.tipo.decadencia     { background: rgba(255,153,46,.18); color: #ffc27a; }
.chip.tipo.baixo_potencial{ background: rgba(255,255,255,.07); color: #a9a6a4; }
.chip.tipo.muito_novo     { background: rgba(45,199,199,.17); color: #7fe0e0; }
.chip.tipo.sem_dados      { background: rgba(255,255,255,.05); color: #8d8885; }




.lc-acoes {
  display: flex; gap: 4px; margin-left: auto; align-self: flex-start;
  opacity: 0; transition: opacity .12s;
}
.linha-canal:hover .lc-acoes, .linha-canal:focus-within .lc-acoes { opacity: 1; }

.lc-acoes.armado { opacity: 1 !important; }



.lc-canal { position: relative; }
.lc-canal > .lc-topo > .lc-acoes {
  position: absolute; top: 0; right: 0; margin: 0;
  background: linear-gradient(90deg, transparent, var(--card,#191817) 22%);
  padding-left: 14px;
}

.ac.ic {
  width: 24px; height: 24px; padding: 0; display: inline-flex;
  align-items: center; justify-content: center; font-size: 11px; line-height: 1;
}

.ac.ic.confirmando { width: auto; padding: 0 8px; font-size: 11px; }


.ac.ic.girando { animation: gira 0.8s linear infinite; opacity: .7; }
@keyframes gira { to { transform: rotate(360deg); } }



.ac.perigo.confirmando, .btn.confirmando {
  background: #d93636; border-color: #d93636; color: #fff; font-weight: 600;
  animation: pulsa-perigo .9s ease-in-out infinite;
}
@keyframes pulsa-perigo {
  0%, 100% { box-shadow: 0 0 0 0 rgba(217,54,54,.45); }
  50%      { box-shadow: 0 0 0 5px rgba(217,54,54,0); }
}



.card.yt { position: relative; }
.card.yt .lc-acoes { position: absolute; top: 8px; right: 8px; z-index: 2; margin: 0; }
.card.yt:hover .lc-acoes, .card.yt:focus-within .lc-acoes { opacity: 1; }
.card.yt .lc-acoes .ac { background: rgba(8,10,14,.8); backdrop-filter: blur(3px); }
.ac { font-size: 11.5px; padding: 4px 10px; border-radius: 7px; text-decoration: none;
      background: rgba(255,255,255,.06); color: #d0cfce; border: 0; cursor: pointer;
      font-family: inherit; }
.ac:hover { background: rgba(255,255,255,.12); }
.ac.perigo:hover { background: rgba(255,88,88,.18); color: #ff9b9b; }







.presets { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 9px; }
.preset {
  font: inherit; font-size: 12px; padding: 3px 10px; border-radius: 999px;
  background: var(--card, #191817); border: 1px solid var(--linha, #2f2d2c);
  color: var(--dim, #9c9896); cursor: pointer; transition: .12s;
}
.preset:hover { border-color: #605c5a; color: #e1e0df; }
.preset.on {
  background: rgba(228,38,38,.17); border-color: rgba(228,38,38,.55);
  color: #ffd3d0; font-weight: 600;
}
.preset.limpar { border-style: dashed; opacity: .65; }
.preset.limpar:hover { opacity: 1; }




.barra-filtros {
  display: flex; align-items: center; gap: 10px 12px; margin-bottom: 12px;
  flex-wrap: wrap;
}







.barra-filtros .conta { font-size: 12px; color: var(--dim, #9c9896); }
.barra-filtros .direita { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.barra-filtros .seg button { padding: 5px 9px; font-size: 13px; }

.filters.escondido { display: none; }
.filters {
  background: var(--card, #191817); border: 1px solid var(--linha, #2f2d2c);
  border-radius: 12px; padding: 13px 14px; margin-bottom: 13px;
}


.pm-busca {
  width: 100%; padding: 7px 9px; margin-bottom: 6px;
  border-radius: 7px; border: 1px solid var(--linha, #373534);
  background: #131212; color: inherit; font: inherit; font-size: 12.5px;
}
.pm-busca:focus { outline: none; border-color: var(--acento, #4f7cff); }
.pm-op.escondido { display: none; }

.pm-op.criar { color: #7fdc9a; border-bottom: 1px solid #2f2d2c; padding-bottom: 7px;
               margin-bottom: 4px; }
.pm-nada { font-size: 12px; color: #9c9896; padding: 8px 9px; }










.ciclo-wrap {
  display: block;

  
















  --cv-ouro:  52,199,123;
  --cv-ouro-tx:  #5fd99b;
  --cv-atencao: 255,176,32;
  --cv-atencao-tx: #ffb020;
  --cv-tarde: 228,38,38;
  --cv-tarde-tx: #ff6b6b;
}
.ciclo-cabeca h2 { font-size: 19px; margin: 0 0 11px; letter-spacing: -0.01em; }













.ciclo-grafico {
  background: var(--bg-3); border: 1px solid var(--line);
  border-radius: 16px; padding: 16px 16px 0; margin-bottom: 18px;
}
.ciclo-svg { display: block; width: 100%; height: 200px; }





.ciclo-svg .linha {
  fill: none; stroke-width: 2.5px; stroke-linecap: round;
  filter: drop-shadow(0 0 6px rgba(0,0,0,.55));
}
.ciclo-svg stop.cl-ouro    { stop-color: var(--cv-ouro-tx); }
.ciclo-svg stop.cl-atencao { stop-color: var(--cv-atencao-tx); }
.ciclo-svg stop.cl-tarde   { stop-color: var(--cv-tarde-tx); }

.ciclo-svg .ce rect { fill: transparent; cursor: pointer; transition: fill .12s; }
.ciclo-svg .ce:hover rect { fill: rgba(255,255,255,.05); }
.ciclo-svg .ce.cl-ouro    rect { fill: rgba(var(--cv-ouro),.10); }
.ciclo-svg .ce.cl-atencao rect { fill: rgba(var(--cv-atencao),.10); }
.ciclo-svg .ce.cl-tarde   rect { fill: rgba(var(--cv-tarde),.10); }
.ciclo-svg .ce.vazia rect { cursor: default; }







.ciclo-svg .ce .topo { stroke: transparent; stroke-width: 4px; }
.ciclo-svg .ce.on .topo { stroke: var(--cv-cor-tx); }
.ciclo-svg .ce.on rect  { fill: rgba(var(--cv-cor),.30); }
.ciclo-svg .ce.cl-ouro,    .ce-info.cl-ouro    { --cv-cor: var(--cv-ouro);    --cv-cor-tx: var(--cv-ouro-tx); }
.ciclo-svg .ce.cl-atencao, .ce-info.cl-atencao { --cv-cor: var(--cv-atencao); --cv-cor-tx: var(--cv-atencao-tx); }
.ciclo-svg .ce.cl-tarde,   .ce-info.cl-tarde   { --cv-cor: var(--cv-tarde);   --cv-cor-tx: var(--cv-tarde-tx); }
.ciclo-svg .div { stroke: rgba(255,255,255,.10); stroke-width: 1px; }

.ciclo-etapas {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px;
  border-top: 1px solid var(--line); margin: 0 -18px;
}
.ce-info {
  display: flex; flex-direction: column; gap: 2px; align-items: flex-start;
  padding: 13px 14px 15px; background: none; border: 0; cursor: pointer;
  font: inherit; text-align: left; color: inherit;
  border-right: 1px solid var(--line); transition: background .12s;
}
.ce-info:last-child { border-right: 0; }
.ce-info:hover { background: rgba(255,255,255,.04); }
.ce-info.on { background: rgba(var(--cv-cor),.16); box-shadow: inset 0 2px 0 var(--cv-cor-tx); }
.ce-nome  { font-size: 12.5px; font-weight: 650; line-height: 1.3; }
.ce-faixa { font-size: 11px; color: var(--txt-2); }
.ce-n     { font-size: 24px; font-weight: 700; line-height: 1.15; margin-top: 4px;
            font-variant-numeric: tabular-nums; }
.ce-views { font-size: 11px; color: var(--txt-2); }






.ce-info:disabled { cursor: default; opacity: .42; }
.ce-info:disabled:hover { background: none; }
.ciclo-svg .ce.vazia:hover rect { fill: rgba(var(--cv-cor),.10); }





.ce-barra {
  display: block; width: 100%; height: 3px; margin: 5px 0 4px;
  background: var(--line); border-radius: 3px; overflow: hidden;
}
.ce-barra i {
  display: block; height: 100%; border-radius: 3px;
  background: var(--txt-3); transition: width .18s;
}
.ce-info .ce-barra i { background: var(--cv-cor-tx); }






.ciclo-legenda {
  font-size: 11.5px; line-height: 1.55; color: var(--txt-2);
  margin: -8px 0 16px; max-width: 90ch;
}
.ciclo-legenda b { color: var(--txt); font-weight: 600; }





.ce-ouro  {
  font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  color: var(--cv-cor-tx); background: rgba(var(--cv-cor),.15);
  padding: 1px 6px; border-radius: 4px; margin-top: 5px;
}



.ce-melhor { font-size: 11px; font-weight: 700; color: var(--cv-cor-tx); margin-top: 4px; }
.nvp-ciclo .ce-melhor { display: none; }
.ciclo-tit {
  display: flex; align-items: center; gap: 10px;
  font-size: 13.5px; margin-bottom: 11px;
}
.ciclo-lista .vazio { color: var(--txt-2); text-align: center; padding: 40px 0; font-size: 13.5px; }

@media (max-width: 900px) {
  .ciclo-etapas { grid-template-columns: repeat(2, 1fr); }
  .ce-info { border-bottom: 1px solid var(--line); }
}




.lc-nichos { margin: 9px 0 0; }
.lc-nichos .chip.mais { opacity: .45; }
.lc-nichos:hover .chip.mais { opacity: 1; }


.lc-resumo {
  font-size: 12px; line-height: 1.5; color: #c2bfbe; margin: 9px 0 0;
  padding-left: 9px; border-left: 2px solid rgba(228,38,38,.45);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden; cursor: help;
}




.lc-dir { display: flex; flex-direction: column; gap: 10px; min-width: 0; }

.lc-mais { margin: 0; }
.lc-mais > summary {
  cursor: pointer; list-style: none; font-size: 11px; color: var(--dim,#9c9896);
  display: inline-flex; align-items: center; gap: 4px; user-select: none;
  padding: 2px 0;
}
.lc-mais > summary::-webkit-details-marker { display: none; }
.lc-mais > summary::before { content: "▸"; font-size: 11px; transition: transform .12s; }
.lc-mais[open] > summary::before { transform: rotate(90deg); }
.lc-mais > summary:hover { color: #ffada8; }

.lc-ts {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px 22px; margin-top: 8px; padding-top: 9px;
  border-top: 1px solid var(--linha,#2f2d2c);
}
@media (max-width: 1100px) { .lc-ts { grid-template-columns: 1fr; } }

.lc-par { font-size: 11.5px; color: #dfdede; cursor: pointer; line-height: 1.45; }
.lc-par[data-prop]:hover { color: #fff; }
.lc-par i {
  display: block; font-style: normal; font-size: 11px; letter-spacing: .05em;
  text-transform: uppercase; color: var(--dim,#9c9896);
}

.lc-par.lc-psi { color: #e0b978; line-height: 1.45; cursor: default; }

.lc-sem { font-size: 11.5px; color: var(--dim,#9c9896); margin: 8px 0 0; }
.lc-sem code { font-size: 11px; opacity: .8; }


.rq-crit { border-top: 1px solid var(--linha,#2f2d2c); padding: 15px 0 4px; }
.rq-crit:first-of-type { border-top: 0; }
.rq-cab { display: flex; align-items: baseline; gap: 10px; font-size: 14px; }
.rq-max { font-size: 11.5px; color: var(--dim,#9c9896); }
.rq-op  { display: flex; align-items: center; gap: 10px; padding: 4px 0; font-size: 13px; }
.rq-op input {
  width: 62px; padding: 5px 8px; border-radius: 7px; text-align: right;
  border: 1px solid var(--linha,#2f2d2c); background: var(--fundo2,#131212);
  color: inherit; font: inherit; font-variant-numeric: tabular-nums;
}
.rq-op input:focus { outline: none; border-color: var(--acento,#4f7cff); }
.rq-nome { font-weight: 600; min-width: 190px; }
.rq-mudou { font-size: 11px; color: #ffc27a; background: rgba(255,165,61,.14);
            padding: 1px 6px; border-radius: 4px; }
.rq-motivo { font-size: 11.5px; color: var(--dim,#9c9896); flex: 1;
             overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }





.an-sobre {
  background: var(--fundo2, #131212);
  border: 1px solid var(--linha, #2f2d2c);
  border-radius: 12px; padding: 15px 17px; margin-bottom: 18px;
}
.an-resumo { margin: 0; font-size: 14px; line-height: 1.6; max-width: 84ch; }
.an-ts {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px 26px; margin-top: 14px;
  padding-top: 13px; border-top: 1px solid var(--linha, #2f2d2c);
}
.an-ts > div { font-size: 12.5px; line-height: 1.45; color: #dfdede; }
.an-ts > div.psi { color: #e0b978; }
.an-ts i {
  display: block; font-style: normal; font-size: 11px; letter-spacing: .05em;
  text-transform: uppercase; color: var(--dim, #9c9896); margin-bottom: 2px;
}


.chart { width: 100%; height: 150px; display: block; margin: 4px 0 2px; overflow: visible; }
.chart .bar { fill: rgba(228, 38, 38, .55); }
.chart .bar.best { fill: rgba(228, 38, 38, .95); }
.chart .bar.out { fill: rgba(255, 165, 61, .55); }
.chart .bar.out.best { fill: rgba(255, 107, 94, .95); }
.chart .bar:hover { fill: #fff; }
.chart .lbl { font-size: 11px; fill: var(--dim, #9c9896); }

.chart.linha .ln { fill: none; stroke: #4f7cff; stroke-width: 2; vector-effect: non-scaling-stroke; }
.chart.linha .area { fill: rgba(228, 38, 38, .14); stroke: none; }
.chart.linha .pt { fill: #4f7cff; stroke: var(--card, #191817); stroke-width: 1.5; }
.chart.linha .pt:hover { fill: #fff; r: 4; }



.chart-wrap { margin: 4px 0 2px; }
.chart-wrap .chart { margin: 0; }
.chart-lbls { display: grid; margin-top: 4px; }
.chart-lbls span {
  font-size: 11px; color: var(--dim,#9c9896); text-align: center;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}





















.ctl {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 11px; color: var(--txt-2);
}
.ctl > span:first-child { white-space: nowrap; }
.ctl select {
  padding: 5px 9px; border-radius: 8px; font-size: 12px; font-family: inherit;
  border: 1px solid var(--line);
  background: var(--bg-2); color: var(--txt);
}
.ctl select:focus { outline: none; border-color: var(--accent); }








.ctl[hidden] { display: none; }








#gl-quem-cx, #gl-pasta-cx {
  gap: 9px; margin: 0;
}









.nf-linha-fim {
  display: inline-flex; align-items: center; gap: 9px; margin-left: auto;
}
#gl-quem-cx > span:first-child, #gl-pasta-cx > span:first-child {
  font-size: 11px; text-transform: uppercase; letter-spacing: .08em;
  color: var(--txt-2);
}





#gl-pasta-cx > span:first-child {
  display: inline-flex; align-items: center; gap: 6px;
}
#gl-pasta-cx .ico { width: 14px; height: 14px; }

















.dsc-topo {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 16px; margin-bottom: 14px; flex-wrap: wrap;
}
.dsc-topo h2 { font-size: 19px; margin: 0 0 4px; letter-spacing: -0.01em; }
.dsc-topo p { margin: 0; max-width: 68ch; }

.dsc-avancado { margin: 10px 0 14px; }
.dsc-avancado > summary {
  cursor: pointer; list-style: none; font-size: 12px; color: var(--dim,#9c9896);
  display: inline-flex; align-items: center; gap: 5px; padding: 4px 0;
}
.dsc-avancado > summary::-webkit-details-marker { display: none; }
.dsc-avancado > summary::before { content: "▸"; font-size: 11px; transition: transform .12s; }
.dsc-avancado[open] > summary::before { transform: rotate(90deg); }
.dsc-campos {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
  gap: 12px 16px; align-items: end; margin-top: 12px;
  padding: 16px; border-radius: 12px;
  background: var(--card,#191817); border: 1px solid var(--linha,#2f2d2c);
}
.dsc-campos label { display: flex; flex-direction: column; gap: 5px;
  font-size: 11px; color: var(--dim,#9c9896); }
.dsc-campos input, .dsc-campos select {
  padding: 7px 9px; border-radius: 8px; font: inherit; font-size: 12.5px;
  border: 1px solid var(--linha,#2f2d2c);
  background: var(--fundo2,#131212); color: var(--txt,#efeeee);
}
.dsc-campos input:focus, .dsc-campos select:focus {
  outline: none; border-color: var(--acento,#4f7cff);
}

.dsc-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
  gap: 12px; margin-top: 12px;
}
.dsc-card {
  background: var(--card,#191817); border: 1px solid var(--linha,#2f2d2c);
  border-radius: 12px; padding: 13px 15px;
  display: flex; flex-direction: column; gap: 8px;
}
.dsc-card:hover { border-color: rgba(228,38,38,.4); }

.dsc-card.tenho { opacity: .5; }
.dsc-card.tenho:hover { opacity: 1; }

.dsc-cab { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dsc-nome { font-weight: 650; font-size: 13.5px; }
.dsc-nicho { font-size: 11.5px; color: var(--dim,#9c9896); line-height: 1.4; }

.dsc-nums {
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 6px;
  padding-top: 9px; border-top: 1px solid var(--linha,#2f2d2c);
}
.dsc-nums div { min-width: 0; }
.dsc-nums b { display: block; font-size: 13px; font-variant-numeric: tabular-nums; }
.dsc-nums span {
  font-size: 11px; color: var(--dim,#9c9896); text-transform: uppercase;
  letter-spacing: .03em; display: block; line-height: 1.3;
}

.dsc-acoes { display: flex; gap: 6px; align-items: center; margin-top: 2px; }
.dsc-acoes .ac.forte {
  background: var(--acento,#4f7cff); color: #fff; font-weight: 600; border: 0;
}
.dsc-acoes .ac.forte:hover { background: #3f6ae8; }
.dsc-acoes .ac.tenho { background: none; color: #7ee0aa; padding-left: 0; }.dsc-modo button.on { background: rgba(228,38,38,.18); color: #ffb3ae; font-weight: 600; }.dv-card { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.dv-thumb {
  position: relative; display: block; aspect-ratio: 16/9; border-radius: 10px;
  overflow: hidden; background: #111010;
}
.dv-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dv-thumb:hover { outline: 2px solid rgba(228,38,38,.6); outline-offset: 1px; }




.dv-dur {
  position: absolute; bottom: 7px; right: 7px; padding: 1px 5px; border-radius: 4px;
  font-size: 11px; background: rgba(0,0,0,.8); color: #fff;
}
.dv-tit {
  font-size: 12.5px; font-weight: 600; line-height: 1.35; margin-top: 3px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.dv-canal { font-size: 11.5px; color: var(--dim,#9c9896); }
.dv-num   { font-size: 11px; color: var(--dim,#9c9896); }
.dv-tags  { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 3px; }
.dv-tags .chip { font-size: 11px; padding: 2px 6px; }
.dv-card .ac { margin-top: 5px; align-self: flex-start; }



.vq-faixa {
  margin: 0 0 16px; padding: 13px 16px;
  border: 1px solid rgba(228,38,38,.45); border-radius: 12px;
  background: rgba(228,38,38,.06);
}
.vq-faixa.vq-sem { border-color: var(--linha,#2f2d2c); background: none; }
.vq-marca { font-size: 12px; font-weight: 700; color: #ffb3ae; margin-bottom: 10px; }
.vq-faixa.vq-sem .vq-marca { font-weight: 400; }
.vq-cels {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 10px;
}
.vq-cel {
  background: var(--fundo2,#131212); border: 1px solid var(--linha,#2f2d2c);
  border-radius: 9px; padding: 9px 11px; min-width: 0;
}
.vq-rot {
  display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em;
  color: var(--dim,#9c9896); margin-bottom: 3px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.vq-cel b { font-size: 17px; font-variant-numeric: tabular-nums; }
.vq-cel b.vq-vazio { color: var(--dim,#9c9896); font-weight: 400; }










.chip.anuncio {
  font-size: 11px;
  background: rgba(126,226,168,.14);
  color: #7ee2a8;
}

.chip.saude { font-size: 11px; opacity: .85; }
.chip.saude.em_alta        { background: rgba(255,107,94,.16);  color: #ff9d92; }
.chip.saude.decadencia     { background: rgba(255,153,46,.14);  color: #ffc27a; }
.chip.saude.baixo_potencial{ background: rgba(255,255,255,.06); color: #a9a6a4; }
.chip.saude.sem_dados      { background: rgba(255,255,255,.04); color: #8d8885; }


.chip.saude.parou          { background: rgba(255,176,32,.14);  color: #ffc766; }




.vq-linha { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }




.ac.fonte { margin-top: 6px; font-size: 11px; padding: 3px 8px; }
.fonte-res {
  margin: 8px 0 4px; padding: 10px 12px; border-radius: 10px;
  background: var(--fundo2,#131212); border: 1px solid var(--linha,#2f2d2c);
}
.fr-item {
  display: grid; grid-template-columns: 88px 1fr auto; gap: 10px;
  align-items: center; padding: 7px 0; text-decoration: none; color: inherit;
  border-top: 1px solid var(--linha,#2f2d2c);
}
.fr-item:first-of-type { border-top: 0; }
.fr-item:hover { background: rgba(255,255,255,.03); }
.fr-item img { width: 88px; aspect-ratio: 16/9; object-fit: cover; border-radius: 6px; }
.fr-txt { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fr-txt b { font-size: 12px; font-weight: 600; line-height: 1.3;
            display: -webkit-box; -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; overflow: hidden; }
.fr-txt i { font-style: normal; font-size: 11px; color: var(--dim,#9c9896); }
.fr-txt em { font-style: normal; font-size: 11px; color: #ffada8; line-height: 1.35; }
.fr-nota {
  font-size: 13px; font-weight: 700; color: #ffb3ae;
  font-variant-numeric: tabular-nums;
}





.ft-chaves { display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
             font-size: 11.5px; color: var(--dim,#9c9896); margin: 0 0 16px; }
.ft-chaves span { padding: 2px 8px; border-radius: 6px; font-weight: 600;
                  background: rgba(228,38,38,.16); color: #ffb3ae; }
.ft-chaves em { font-style: normal; margin-left: auto; }

.ft-lista { display: flex; flex-direction: column; gap: 2px; }
.ft-item {
  display: grid; grid-template-columns: 148px 1fr 72px; gap: 14px;
  align-items: center; padding: 11px 12px; border-radius: 11px;
  text-decoration: none; color: inherit;
  border: 1px solid transparent;
}
.ft-item:hover { background: rgba(255,255,255,.035); border-color: var(--linha,#2f2d2c); }
.ft-item img { width: 148px; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; }
.ft-txt { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ft-txt b { font-size: 14px; font-weight: 650; line-height: 1.35;
            display: -webkit-box; -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; overflow: hidden; }
.ft-canal  { font-size: 11.5px; color: var(--dim,#9c9896); }
.ft-motivo { font-size: 11.5px; color: #ffada8; line-height: 1.4; }

.ft-nota { text-align: center; padding: 8px 4px; border-radius: 10px; }
.ft-nota b { display: block; font-size: 21px; font-weight: 800;
             font-variant-numeric: tabular-nums; line-height: 1; }
.ft-nota span { font-size: 11px; text-transform: uppercase; letter-spacing: .05em;
                opacity: .7; }
.ft-nota.alta  { background: rgba(52,199,123,.16); color: #7ee0aa; }
.ft-nota.media { background: rgba(255,176,46,.15);  color: #ffce7a; }
.ft-nota.baixa { background: rgba(255,255,255,.05); color: var(--dim,#9c9896); }




.na-lista {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 6px; margin: 10px 0 12px;
}
.na-linha {
  display: flex; align-items: center; gap: 8px; padding: 6px 10px;
  border: 1px solid var(--line); border-radius: 8px; background: var(--bg-2);
  cursor: pointer; min-width: 0;
}
.na-linha:hover { border-color: var(--line-2); }
.na-linha.on { border-color: rgba(46,204,113,.45); background: rgba(46,204,113,.06); }
.na-linha input[type="checkbox"] { margin: 0; flex: none; }
.na-nome {
  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; font-weight: 600;
}
.na-num { font-size: 11px; color: var(--txt-3); flex: none; }

.na-num.fraco { color: var(--accent-2); }
.na-check { display: flex; align-items: center; gap: 6px; }




.na-barra {
  display: flex; align-items: center; gap: 10px; margin: 10px 0 0;
  flex-wrap: wrap;
}
.na-barra-dir { margin-left: auto; display: flex; gap: 6px; flex: none; }
.na-estado-foco { color: var(--accent-2); }



.dv-card.visto { opacity: .38; }
.dv-card.visto:hover { opacity: 1; }
.dv-card [data-visto] { cursor: pointer; border: 1px solid var(--line); }


.dsc-card .dv-thumb { margin: 8px 0 4px; }
.dsc-card .dv-tit { font-size: 12px; line-height: 1.35; }


.tm-barra {
  display: flex; align-items: center; gap: 10px; margin: 10px 0 6px;
  flex-wrap: wrap;
}
.tm-barra input[type="search"] {
  flex: 1; min-width: 180px; max-width: 320px; padding: 5px 10px;
  border-radius: 8px; border: 1px solid var(--line); background: var(--bg-2);
}
.tm-seg { flex: none; }
.tm-seg button { font-size: 12px; padding: 4px 10px; }

.tm-tab { margin-top: 4px; }
.tm-tab td, .tm-tab th { padding: 5px 8px; }

.tm-tab th.tm-ord { cursor: pointer; user-select: none; white-space: nowrap; }
.tm-tab th.tm-ord:hover { color: var(--txt); }
.tm-tab th.tm-ord.on { color: var(--info); }
.tm-tab tbody tr[data-tm-abrir] { cursor: pointer; }
.tm-tab tbody tr[data-tm-abrir]:hover { background: rgba(255,255,255,.03); }

.tm-tab tr.tm-forte { background: rgba(46,204,113,.07); }
.tm-tab tr.tm-forte td:first-child { border-left: 2px solid rgba(46,204,113,.55); }

.tm-tab tr.tm-rep { opacity: .55; }
.tm-tab tr.tm-rep:hover { opacity: 1; }

.tm-barra select {
  padding: 5px 10px; border-radius: 8px; border: 1px solid var(--line);
  background: var(--bg-2); color: var(--txt); font-size: 12px;
}
.nc-tab tbody tr[data-canal] { cursor: pointer; }
.nc-tab tbody tr[data-canal]:hover { background: rgba(255,255,255,.03); }
.nc-tab th:first-child { width: 34px; }

.tm-cru { display: block; font-size: 11px; color: var(--txt-3); margin-top: 1px; }
.tm-motivo { display: block; font-size: 11px; color: var(--accent-2); margin-top: 1px; }


.tm-videos > td { background: var(--bg); padding: 10px 12px 14px; }
.tm-cab { font-size: 12px; color: var(--txt-2); margin-bottom: 8px; }
.tm-grade {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 10px;
}
.tm-v { display: block; color: inherit; text-decoration: none; min-width: 0; }
.tm-v:hover { text-decoration: none; }
.tm-th {
  position: relative; aspect-ratio: 16/9; border-radius: 8px; overflow: hidden;
  background: #111010;
}
.tm-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tm-v:hover .tm-th { outline: 2px solid rgba(228,38,38,.6); outline-offset: 1px; }
.tm-vt {
  font-size: 12px; line-height: 1.3; margin-top: 4px; font-weight: 600;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.tm-vn { font-size: 11px; color: var(--txt-3); }


.jz-camadas {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px; margin: 12px 0;
}
.jz-cam {
  display: flex; gap: 10px; padding: 10px 12px; border-radius: 10px;
  border: 1px solid var(--line); background: var(--bg-2);
}


.jz-cam.ia { border-color: rgba(169,112,255,.45); background: rgba(169,112,255,.07); }
.jz-n {
  flex: none; width: 22px; height: 22px; border-radius: 50%; font-size: 12px;
  font-weight: 700; display: grid; place-items: center;
  background: var(--bg-3); color: var(--txt-2);
}




.jz-cam.ia .jz-n { background: var(--purple); color: var(--bg); }
.jz-cam-txt { min-width: 0; }
.jz-cam-txt p { margin: 4px 0; font-size: 12px; color: var(--txt-2); }
.jz-onde { display: block; font-size: 12px; color: var(--txt-3); font-family: ui-monospace, monospace; }
.jz-quantos, .jz-muda { display: block; font-size: 12px; color: var(--txt-3); }
.jz-quantos { color: var(--info); }

.jz-tab { margin: 6px 0 4px; }
.jz-tab td, .jz-tab th { padding: 5px 8px; vertical-align: top; }
.jz-tab code { font-size: 11px; color: var(--txt-2); }
.jz-motivo, .jz-porque {
  display: block; font-size: 11px; color: var(--txt-3); margin-top: 2px;
  max-width: 460px;
}
.jz-selo { font-size: 11px; padding: 1px 7px; border-radius: 5px; background: var(--bg-3); }
.jz-selo.estreito-e-certeiro { background: rgba(46,204,113,.16); color: #7fe0a8; }
.jz-selo.trabalhando { background: rgba(77,159,255,.14); color: #8fc2ff; }

.jz-selo.opina-e-nunca-vence { background: rgba(255,176,32,.16); color: var(--accent-2); }
.jz-selo.nunca-opina { background: rgba(228,38,38,.14); color: #ff9b9b; }
.jz-tab tr.jz-nunca-opina td:first-child { opacity: .6; }

.jz-div { display: flex; gap: 10px; flex-wrap: wrap; margin: 8px 0 12px; }
.jz-cartao {
  display: flex; flex-direction: column; gap: 1px; padding: 10px 16px;
  border-radius: 10px; border: 1px solid var(--line); background: var(--bg-2);
  cursor: pointer; text-align: left; min-width: 160px; color: inherit;
}
.jz-cartao:hover { border-color: var(--line-2); }
.jz-cartao.quieto { cursor: default; }
.jz-cartao b { font-size: 22px; }
.jz-cartao span { font-size: 12px; color: var(--txt-2); }
.jz-cartao em { font-size: 11px; color: var(--txt-3); font-style: normal; }

.jz-casos { display: grid; gap: 8px; margin-bottom: 14px; }
.jz-caso { padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg-2); }
.jz-caso-cab { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 6px; }
.jz-votos { display: grid; gap: 3px; }
.jz-voto {
  display: grid; grid-template-columns: 130px 120px 62px 1fr; gap: 8px;
  font-size: 11px; align-items: baseline;
}
.jz-vj { color: var(--txt-2); font-weight: 600; }
.jz-vv { color: var(--accent-2); }
.jz-vp { color: var(--txt-3); }
.jz-vm { color: var(--txt-3); }




.jz-proc {
  border: 1px solid var(--line); border-radius: 9px; background: var(--bg-2);
  margin: 5px 0; padding: 0;
}
.jz-proc[open] { background: var(--bg-3); border-color: var(--line-2); }
.jz-proc > summary {
  cursor: pointer; padding: 8px 12px; display: flex; align-items: center;
  gap: 9px; flex-wrap: wrap; list-style: none;
}
.jz-proc > summary::-webkit-details-marker { display: none; }
.jz-proc > summary::before { content: "▸"; color: var(--txt-3); flex: none; }
.jz-proc[open] > summary::before { content: "▾"; }
.jz-proc > summary:hover { color: var(--txt); }
.jz-proc.ia { border-color: rgba(169,112,255,.35); }
.jz-conta { font-size: 12px; color: var(--txt-3); margin-left: auto; }
.jz-conta code { color: var(--txt-2); }
.jz-proc > *:not(summary) { padding: 0 12px; }
.jz-proc > *:last-child { padding-bottom: 10px; }

.jz-proc.jz-nunca-opina > summary b { opacity: .55; }

.jz-fonte { margin: 6px 0; }
.jz-arq { font-size: 11px; color: var(--txt-3); font-family: ui-monospace, monospace; }
.jz-codigo {
  margin: 3px 0 8px; padding: 9px 11px; border-radius: 8px; overflow-x: auto;
  background: var(--bg); border: 1px solid var(--line);
  font: 11.5px/1.55 ui-monospace, "Cascadia Code", Consolas, monospace;
  color: var(--txt-2); white-space: pre; max-height: 420px;
}
.jz-meta {
  display: flex; gap: 14px; flex-wrap: wrap; font-size: 11px;
  color: var(--txt-3); margin: 6px 0;
}
.jz-sub {
  font-size: 11px; text-transform: uppercase; letter-spacing: .5px;
  color: var(--txt-3); margin: 10px 0 2px;
}
.jz-grupo { margin: 8px 0 14px; }
.jz-tab tr.jz-editado td:first-child { border-left: 2px solid var(--accent-2); }


.pr-topo { margin: 4px 0 10px; }
.pr-grade {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 8px; margin-bottom: 16px;
}
.pr-item {
  text-align: left; padding: 11px 13px; border-radius: 10px; cursor: pointer;
  border: 1px solid var(--line); background: var(--bg-2); color: inherit;
  display: flex; flex-direction: column; gap: 3px;
}
.pr-item:hover { border-color: var(--line-2); background: var(--bg-3); }
.pr-item.on { border-color: var(--info); background: rgba(77,159,255,.08); }
.pr-nome { font-weight: 700; display: flex; align-items: center; gap: 7px; }
.pr-perg { font-size: 12px; color: var(--txt-2); }
.pr-meta { font-size: 11px; color: var(--txt-3); }
.pr-meta code { font-size: 11px; }
.pr-ia {
  

  font-size: 12px; font-weight: 600; padding: 1px 6px; border-radius: 5px;
  background: rgba(169,112,255,.2); color: #cdaaff; flex: none;
}

.pr-doc { border-top: 1px solid var(--line); padding-top: 14px; }
.pr-doc h3 { margin: 0 0 2px; }
.pr-perg-g { margin: 0 0 12px; color: var(--txt-2); }
.pr-cabecalho {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px; margin-bottom: 14px;
}
.pr-cabecalho > div {
  padding: 8px 11px; border-radius: 9px; background: var(--bg-2);
  border: 1px solid var(--line);
}
.pr-cabecalho span {
  display: block; font-size: 11px; text-transform: uppercase;
  letter-spacing: .5px; color: var(--txt-3); margin-bottom: 2px;
}
.pr-cabecalho b { font-size: 12px; font-weight: 600; }
.pr-sub {
  font-size: 11px; text-transform: uppercase; letter-spacing: .6px;
  color: var(--txt-3); margin: 16px 0 6px;
  border-bottom: 1px solid var(--line); padding-bottom: 4px;
}
.pr-sub2 {
  font-size: 11px; text-transform: uppercase; letter-spacing: .5px;
  color: var(--txt-3); margin: 8px 0 2px;
  display: flex; gap: 8px; align-items: baseline;
}
.pr-porque {
  margin: 4px 0 6px; font-size: 12.5px; color: var(--txt-2);
  border-left: 2px solid var(--line-2); padding-left: 9px;
}

.jz-codigo.doc {
  background: var(--bg-2); color: var(--txt-2); white-space: pre-wrap;
  font-family: inherit; font-size: 12px; border-style: dashed;
}


.en-placar { margin: 10px 0 16px; padding: 12px 14px; border-radius: 10px;
  border: 1px solid var(--line); background: var(--bg-2); max-width: 620px; }
.en-barra { display: flex; align-items: center; gap: 10px; margin: 6px 0; }
.en-rot { width: 104px; font-size: 12px; color: var(--txt-2); flex: none; }
.en-trilho { flex: 1; height: 8px; border-radius: 4px; background: var(--bg-3); overflow: hidden; }
.en-cheio { height: 100%; background: linear-gradient(90deg, var(--info), var(--ok)); }
.en-num { font-size: 11px; color: var(--txt-3); flex: none; width: 92px; text-align: right; }

.en-card { border: 1px solid var(--line); border-radius: 11px; background: var(--bg-2);
  padding: 12px 14px; margin-bottom: 10px; max-width: 860px; }

.en-card.feito { border-color: rgba(46,204,113,.4); background: rgba(46,204,113,.05); }
.en-cab { display: flex; gap: 10px; margin-bottom: 10px; }
.en-i { flex: none; width: 24px; height: 24px; border-radius: 50%; font-size: 12px;
  font-weight: 700; display: grid; place-items: center; background: var(--bg-3); color: var(--txt-2); }
.en-card.feito .en-i { background: var(--ok); color: #06210f; }
.en-titulo { font-weight: 600; line-height: 1.35; margin-bottom: 4px; }
.en-campo { display: grid; grid-template-columns: 148px 1fr; align-items: center;
  gap: 10px; margin: 5px 0; }
.en-campo span { font-size: 11px; letter-spacing: .6px; color: var(--txt-3); }
.en-campo input { padding: 6px 10px; border-radius: 8px; border: 1px solid var(--line);
  background: var(--bg); width: 100%; }
.en-campo input:focus { outline: none; border-color: var(--info); }
.en-acoes { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.en-msg { font-size: 11px; color: var(--txt-3); }
.en-comparado { margin-top: 10px; padding-top: 8px; border-top: 1px dashed var(--line); }
.en-comparado > div { display: grid; grid-template-columns: 148px 1fr; gap: 10px;
  font-size: 12px; padding: 2px 0; }
.en-comparado span { color: var(--txt-3); font-size: 11px; }

.av-passo { margin-bottom: 6px; }
.av-palpite { margin: 8px 0; }
.av-palpite > div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; padding: 3px 0; }
.av-palpite span { font-size: 11px; letter-spacing: .5px; color: var(--txt-3); }
.av-palpite b { font-size: 14px; }
.av-botoes { display: flex; gap: 8px; align-items: center; margin-top: 10px; }
.av-correcao { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--line); }



.tj-topo { display: flex; align-items: center; gap: 10px; max-width: 860px; margin: 6px 0 10px; }
.tj-topo .en-trilho { max-width: 260px; }
.tj-conta { font-size: 12px; color: var(--txt-2); margin-right: auto; }
.tj-lembrete { margin: 6px 0 0; border-left: 2px solid var(--line-2); padding-left: 8px; }
.tj-marcas .nf-per-fila { margin: 0 0 8px; }
.tj-marcas .nf-per-rot { min-width: 84px; }


.tst-cab { display: flex; align-items: baseline; gap: 10px; margin: 4px 0 8px; }
.tst-card { border: 1px solid var(--line); border-radius: 10px; background: var(--bg-2);
  padding: 10px 13px; margin-bottom: 8px; max-width: 860px; }
.tst-card.fechado { opacity: .7; border-style: dashed; }
.tst-topo { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.tst-linha { display: grid; grid-template-columns: 78px 1fr; gap: 10px; margin: 3px 0; }
.tst-linha span { font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: var(--txt-3); }
.tst-linha p { margin: 0; font-size: 12.5px; color: var(--txt-2); }

.tst-linha.res p { color: var(--txt); border-left: 2px solid var(--ok); padding-left: 8px; }
  border: 1px solid var(--line); background: var(--bg); }


.tst-resp { margin-top: 10px; }
.tst-resp textarea {
  width: 100%; padding: 8px 10px; border-radius: 8px; resize: vertical;
  border: 1px solid var(--line-2); background: var(--bg-3); color: var(--txt);
  font: inherit; font-size: 12.5px;
}
.tst-resp textarea:focus { outline: 0; border-color: var(--accent); }
.tst-acoes { display: flex; gap: 8px; margin-top: 6px; }
.chip.ok { background: color-mix(in srgb, var(--ok) 22%, transparent);
           color: var(--ok); }





.dsc-previa {
  border-top: 1px solid var(--linha,#2f2d2c); padding-top: 9px; margin-top: 2px;
}
.dsc-previa-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 7px;
}
.pv { display: block; text-decoration: none; color: inherit; min-width: 0; }
.pv img {
  width: 100%; aspect-ratio: 16/9; object-fit: cover;
  border-radius: 7px; display: block; background: #100f0f;
}
.pv-v {
  display: block; font-size: 11px; font-weight: 650; margin-top: 3px;
  font-variant-numeric: tabular-nums;
}
.pv-t {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; font-size: 11px; line-height: 1.3; color: var(--dim,#9c9896);
}
.pv-d { display: block; font-size: 11px; color: var(--dim,#9c9896); opacity: .75; }
.pv:hover .pv-t { color: var(--txt,#ecebea); }



.dsc-nums b.o-forte { color: #4ade80; }
.dsc-nums b.o-fraco { color: #f87171; }






.nxf-alvo {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px; margin: 10px 0 6px;
}
.nxf-alvo label { display: flex; flex-direction: column; gap: 4px; font-size: 11.5px; color: var(--dim,#9c9896); }
.nxf-alvo input {
  background: var(--card,#191817); border: 1px solid var(--linha,#2f2d2c);
  border-radius: 8px; padding: 7px 9px; color: var(--txt,#ecebea); font-size: 12.5px;
}
.nxf-alvo input:focus { outline: none; border-color: rgba(228,38,38,.55); }

.nxf-grupo { margin-top: 16px; }
.nxf-grade {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
  gap: 9px; margin-top: 9px;
}
.nxf-btn {
  background: var(--card,#191817); border: 1px solid var(--linha,#2f2d2c);
  border-radius: 10px; padding: 11px 12px; cursor: pointer; text-align: left;
  color: var(--txt,#ecebea); display: flex; flex-direction: column; gap: 5px;
}
.nxf-btn:hover:not(:disabled) { border-color: rgba(228,38,38,.45); }
.nxf-btn:disabled { opacity: .5; cursor: progress; }


.nxf-btn.escrita { border-color: rgba(250,204,21,.35); }
.nxf-topo { display: flex; align-items: center; gap: 8px; }
.nxf-emoji { font-size: 16px; }
.nxf-btn b { font-size: 12.5px; font-weight: 620; line-height: 1.25; }

.nxf-oficial { font-size: 11px; line-height: 1.4; color: var(--dim,#9c9896); }

.nxf-serve {
  font-size: 11px; line-height: 1.4; color: #93b4ff;
  border-left: 2px solid rgba(228,38,38,.35); padding-left: 7px;
}
.nxf-rodape {
  display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-top: 2px;
}
.nxf-mcp {
  font-size: 11px; color: var(--dim,#9c9896); opacity: .6;
  font-family: ui-monospace, monospace;
}
.nxf-cab { margin: 10px 0 2px; line-height: 1.5; }
.nxf-gdica { margin: -2px 0 0; }
.nxf-fila { font-size: 11px; color: #facc15; }

.nxf-hist { display: flex; flex-direction: column; gap: 5px; margin-top: 8px; }
.nxf-h {
  display: flex; gap: 8px; align-items: baseline; font-size: 12px;
  padding: 6px 9px; background: var(--card,#191817);
  border: 1px solid var(--linha,#2f2d2c); border-radius: 8px;
}





.chip.sit-base  { background: rgba(74,222,128,.14); color: #4ade80; }
.chip.sit-fila  { background: rgba(250,204,21,.14); color: #facc15; }
.chip.sit-rep   { background: rgba(248,113,113,.14); color: #f87171; }
.chip.sit-visto { background: rgba(139,147,167,.14); color: #9c9896; }


















.nx-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 28px 18px; margin-top: 14px;
}
.nx-card { display: flex; flex-direction: column; background: none; border: 0; }


.nx-card.visto { opacity: .45; }
.nx-card.visto:hover { opacity: 1; }


.nx-thumb {
  display: block; position: relative; background: #100f0f;
  border-radius: 12px; overflow: hidden;
}
.nx-thumb img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.nx-card:hover .nx-thumb img { transform: scale(1.02); }
.nx-thumb img { transition: transform .18s ease; }




.nx-tenho {
  position: absolute; left: 7px; top: 7px;
  background: rgba(74,222,128,.9); color: #06210f; font-size: 11px;
  font-weight: 700; padding: 2px 7px; border-radius: 5px;
}









.nx-visto, .nx-tapar {
  position: absolute; top: 7px; border: 0; cursor: pointer;
  background: rgba(0,0,0,.7); color: #fff; font-size: 12px;
  width: 26px; height: 26px; border-radius: 50%;
  opacity: 0; transition: opacity .12s;
}
.nx-visto { right: 7px; }
.nx-tapar { right: 39px; }
.nx-card:hover .nx-visto, .nx-card:hover .nx-tapar { opacity: 1; }
.nx-visto:hover, .nx-tapar:hover { background: rgba(228,38,38,.9); }
.nx-card.visto .nx-visto { opacity: 1; background: rgba(228,38,38,.85); }




#ol-ocultos[hidden] { display: none; }


.nx-corpo { display: flex; gap: 10px; padding: 11px 2px 0; }
.nx-av {
  width: 26px; height: 26px; border-radius: 50%; flex: 0 0 26px;
  object-fit: cover; background: #2a2827; margin-top: 1px;
}
.nx-av-vazio {
  display: grid; place-items: center; font-size: 12px; font-weight: 700;
  color: var(--dim,#9c9896);
}
.nx-texto { min-width: 0; flex: 1; }
.nx-tit {
  font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--txt,#efeeee);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.nx-canal { font-size: 12.5px; color: var(--dim,#9c9896); margin-top: 4px; }
.nx-num {
  font-size: 12.5px; color: var(--dim,#9c9896);
  font-variant-numeric: tabular-nums;
}










.nx-linha {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 4px;
}
.nx-badges { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 9px; }





.nx-linha .nx-badges { margin-top: 0; gap: 5px; }
.nx-b {
  font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 6px;
  background: rgba(139,147,167,.13); color: var(--dim,#9c9896);
  font-variant-numeric: tabular-nums;
}













.nx-b.o-forte,
.nx-b.o-bom { background: #32302f; color: #b79bff; }








.nx-b.nx-x { color: #fff; }
.nx-b.nx-x.o-mitico { background: var(--out-mitico); }
.nx-b.nx-x.o-lendario { background: var(--out-lendario); color: var(--out-txt-lendario); }
.nx-b.nx-x.o-forte { background: var(--out-forte); }
.nx-b.nx-x.o-bom   { background: var(--out-bom); }
.nx-b.nx-x.o-acima { background: var(--out-acima); }
.nx-b.nx-x.o-baixo { background: var(--out-baixo); color: var(--out-txt-baixo); }



.nx-b.nx-b-corte { background: #32302f; color: #b79bff; }





.nx-card, .nf-card { position: relative; }
.vr {
  position: absolute; left: 8px; top: 8px; display: flex; gap: 5px;
  opacity: 0; transition: opacity .12s; z-index: 3;
}
.nx-card:hover .vr, .nf-card:hover .vr, .vr:focus-within { opacity: 1; }
.vr-b {
  border: 0; cursor: pointer; font-size: 13px; line-height: 1;
  width: 28px; height: 28px; border-radius: 50%;
  background: rgba(0,0,0,.72); backdrop-filter: blur(2px);
}
.vr-b:hover { transform: scale(1.12); }
.vr-nao.on { background: rgba(248,113,113,.92); opacity: 1; }
.vr-sim.on { background: rgba(74,222,128,.92); opacity: 1; }


.vr:has(.on) { opacity: 1; }
.vr-aprovado .nx-thumb { outline: 2px solid rgba(74,222,128,.55); outline-offset: 1px; }

.vr-menu {
  position: absolute; left: 0; top: 34px; width: 248px; z-index: 20;
  background: var(--bg-2,#1b1a1a); border: 1px solid var(--line-2,#43403f);
  border-radius: 10px; padding: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.5);
  display: flex; flex-direction: column; gap: 1px;
  




  max-height: min(62vh, 440px); overflow-y: auto;
}
.vr-menu-tit {
  font-size: 11px; text-transform: uppercase; letter-spacing: .5px;
  color: var(--txt-3,#7d7876); padding: 2px 4px 6px;
}
.vr-mot {
  text-align: left; border: 0; background: transparent; cursor: pointer;
  color: var(--txt-2,#aeaba9); font-size: 12.5px; font-family: inherit;
  padding: 7px 8px; border-radius: 6px; line-height: 1.25;
}
.vr-mot:hover { background: rgba(248,113,113,.14); color: #f87171; }






.vr-mot[data-motivo="outro"] {
  margin-top: 5px; padding-top: 9px;
  border-top: 1px solid var(--line,#32302f); border-radius: 0 0 6px 6px;
  color: var(--txt-3,#7d7876);
}
.vr-nota {
  margin-top: 5px; width: 100%; font-family: inherit; font-size: 12px;
  background: var(--bg,#111010); color: var(--txt,#efeeee);
  border: 1px solid var(--line,#32302f); border-radius: 7px; padding: 6px 8px;
}






.vr-menu-solto { position: fixed; left: 0; top: 0; }
.vr-cancelar {
  margin-top: 4px; border: 0; background: transparent; cursor: pointer;
  color: var(--txt-3,#7d7876); font-size: 11.5px; font-family: inherit;
  padding: 5px 8px; border-radius: 6px; text-align: left;
}
.vr-cancelar:hover { background: rgba(255,255,255,.06); color: var(--txt-2,#aeaba9); }








.vr-menu-solto {
  width: min(520px, calc(100vw - 16px));
  flex-direction: row; flex-wrap: wrap; align-content: flex-start; gap: 6px;
  padding: 10px;
}
.vr-menu-solto .vr-menu-tit,
.vr-menu-solto .vr-nota,
.vr-menu-solto .vr-cancelar { flex: 1 0 100%; }
.vr-menu-solto .vr-menu-tit { padding: 0 2px 2px; }
.vr-menu-solto .vr-mot {
  flex: 0 0 auto; text-align: center; white-space: nowrap;
  border: 1px solid var(--line-2,#43403f); border-radius: 999px;
  padding: 6px 12px; color: var(--txt,#efeeee);
}
.vr-menu-solto .vr-mot:hover { border-color: rgba(248,113,113,.6); }

.vr-menu-solto .vr-novo {
  flex: 0 0 auto; border: 1px dashed var(--line-2,#43403f); border-radius: 999px;
  background: transparent; color: var(--txt-3,#7d7876); cursor: pointer;
  font: inherit; font-size: 12.5px; padding: 6px 12px;
}
.vr-menu-solto .vr-novo:hover { color: var(--txt,#efeeee); border-color: var(--txt-3,#7d7876); }
.vr-menu-solto .vr-novo-campo {
  flex: 0 0 150px; font: inherit; font-size: 12.5px; padding: 5px 12px;
  border-radius: 999px; border: 1px solid var(--line-2,#43403f);
  background: var(--bg,#111010); color: var(--txt,#efeeee);
}
.vr-menu-solto .vr-mot[data-motivo="outro"] {
  margin-top: 0; padding-top: 6px; border-top: 1px solid var(--line-2,#43403f);
  border-radius: 999px; color: var(--txt-3,#7d7876);
}




.sat-box {
  background: var(--card,#191817); border: 1px solid var(--linha,#2f2d2c);
  border-radius: 12px; padding: 13px 15px; margin: 10px 0 4px;
}
.sat-cab { display: flex; gap: 13px; align-items: center; }
.sat-n { font-size: 34px; font-weight: 750; line-height: 1; font-variant-numeric: tabular-nums; }
.sat-lista { margin-top: 9px; border-top: 1px solid var(--linha,#2f2d2c); padding-top: 8px; }
.sat-linha { padding: 4px 0; font-size: 12.5px; }
.sat-linha a { color: var(--txt,#ecebea); text-decoration: none; font-weight: 600; }
.sat-linha a:hover { text-decoration: underline; }
.sat-linha span { display: block; }
























.rg-ajuda {
  max-height: 3.1em; overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
          mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
  transition: max-height .18s ease;
}
.rg-campo:focus-within .rg-ajuda {
  max-height: 40em;
  -webkit-mask-image: none; mask-image: none;
}
@media (prefers-reduced-motion: reduce) { .rg-ajuda { transition: none; } }















.rg-campo input:focus {
  border-color: var(--info);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--info) 18%, transparent);
}
.rg-campo.editado { border-left-color: var(--info); }
.rg-campo.editado label::after { color: var(--info); }