/* ════════════════════════════════════════════════════════════════════════
 * REPROCESSAR-V29: CSS
 * ════════════════════════════════════════════════════════════════════════ */

.v29-painel {
  border-left: 3px solid rgba(196,113,74,0.55);
}

.v29-explicacao {
  font-size: 12px;
  line-height: 1.55;
  color: rgba(245,241,232,0.7);
  margin-bottom: 14px;
  padding: 8px 12px;
  background: rgba(20,20,20,0.4);
  border-radius: 4px;
}

.v29-janelas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.v29-jw {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.v29-jw input { display: none; }
.v29-jw span {
  display: inline-block;
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  background: rgba(20,20,20,0.85);
  color: rgba(245,241,232,0.7);
  border: 1px solid rgba(245,241,232,0.12);
  border-radius: 5px;
  transition: all .12s ease;
}
.v29-jw:hover span {
  background: rgba(20,20,20,1);
  color: rgba(245,241,232,0.95);
  border-color: rgba(196,113,74,0.4);
}
.v29-jw input:checked + span {
  background: rgba(196,113,74,0.85);
  color: #fff;
  border-color: rgba(196,113,74,1);
}

.v29-acoes {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

.v29-status {
  font-size: 12px;
  color: rgba(245,241,232,0.6);
}
.v29-status.v29-aguarde { color: #F4B83A; }
.v29-status.v29-ok      { color: #4ADE80; }
.v29-status.v29-erro    { color: #F87171; }

.v29-resultado {
  margin-bottom: 16px;
  padding: 12px 14px;
  background: rgba(20,20,20,0.5);
  border: 1px solid rgba(245,241,232,0.08);
  border-radius: 5px;
}
.v29-resultado.hidden { display: none; }
.v29-resultado-hdr {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(245,241,232,0.7);
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(245,241,232,0.06);
}
.v29-linha {
  display: grid;
  grid-template-columns: 120px 1fr 80px;
  gap: 12px;
  padding: 5px 0;
  font-size: 13px;
  font-family: 'SF Mono', Menlo, Consolas, monospace;
}
.v29-lbl   { color: rgba(245,241,232,0.6); }
.v29-cnt   { color: rgba(245,241,232,0.85); }
.v29-delta { text-align: right; font-weight: 600; }
.v29-positivo { color: #4ADE80; }
.v29-negativo { color: #F87171; }
.v29-neutro   { color: rgba(245,241,232,0.4); }
.v29-snapshot-info {
  font-size: 11px;
  color: rgba(245,241,232,0.45);
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(245,241,232,0.06);
}
.v29-snapshot-info code {
  background: rgba(20,20,20,0.6);
  padding: 1px 6px;
  border-radius: 3px;
  font-family: 'SF Mono', Menlo, Consolas, monospace;
}

.v29-historico-wrap { margin-top: 18px; }
.v29-historico-hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(245,241,232,0.5);
}
.v29-btn-refresh {
  background: transparent;
  border: 1px solid rgba(245,241,232,0.15);
  color: rgba(245,241,232,0.7);
  padding: 4px 10px;
  font-size: 10px;
  border-radius: 4px;
  cursor: pointer;
}
.v29-btn-refresh:hover {
  background: rgba(245,241,232,0.06);
  color: rgba(245,241,232,0.95);
}

.v29-historico {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 240px;
  overflow-y: auto;
}
.v29-vazio {
  padding: 14px;
  text-align: center;
  font-size: 12px;
  color: rgba(245,241,232,0.4);
  font-style: italic;
}
.v29-snap-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: rgba(20,20,20,0.4);
  border-left: 2px solid rgba(245,241,232,0.1);
  border-radius: 3px;
  font-size: 12px;
}
.v29-snap-row:hover {
  background: rgba(20,20,20,0.7);
  border-left-color: rgba(196,113,74,0.5);
}
.v29-snap-meta { flex: 1; }
.v29-snap-dt {
  color: rgba(245,241,232,0.85);
  font-weight: 500;
}
.v29-snap-cnt {
  font-size: 10px;
  color: rgba(245,241,232,0.45);
  font-family: 'SF Mono', Menlo, Consolas, monospace;
  margin-top: 2px;
}
.v29-tag {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 7px;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-radius: 2px;
}
.v29-tag-rep { background: rgba(196,113,74,0.25); color: #C4714A; }
.v29-tag-rb  { background: rgba(244,184,58,0.18); color: #F4B83A; }
.v29-btn-rb {
  background: rgba(244,184,58,0.15);
  color: #F4B83A;
  border: 1px solid rgba(244,184,58,0.3);
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 3px;
  cursor: pointer;
  font-weight: 500;
}
.v29-btn-rb:hover {
  background: rgba(244,184,58,0.28);
  border-color: rgba(244,184,58,0.6);
}
