/* ============================================================
   ATLAS RS — verificador.css (Verificador de espécies ameaçadas)
   ============================================================ */

.v-grid{ display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.v-h2{ font-size: 1.2rem; margin-bottom: 12px; color: var(--ink); }
.v-label{ display: block; font-size: .84rem; color: var(--ink-muted); line-height: 1.5; margin-bottom: 8px; }
#vEntrada{
  width: 100%; min-height: 230px; resize: vertical;
  padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius-md);
  background: #fff; font-family: var(--font-mono); font-size: .84rem; line-height: 1.55; color: var(--ink);
}
#vEntrada:focus{ outline: 2px solid var(--accent-light); outline-offset: 1px; }
.v-acoes{ display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 10px 0 4px; }
.v-arquivo{ position: relative; display: inline-flex; align-items: center; gap: 8px; font-size: .84rem; color: var(--brand-green); font-weight: 600; cursor: pointer; }
.v-arquivo input{ position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.v-arquivo span{ border-bottom: 1px dashed currentColor; }
.v-link{ background: none; border: 0; padding: 0; font-size: .84rem; color: var(--ink-muted); text-decoration: underline; }
.v-link:hover{ color: var(--brand-green); }
.v-pequeno{ font-size: .78rem; color: var(--ink-muted); min-height: 1em; margin-bottom: 10px; }
.v-aviso{ background: #fbe9e4; color: #7a2a17; border-radius: var(--radius-sm); padding: 8px 12px; font-size: .84rem; margin-bottom: 10px; }
.v-progresso{ font-family: var(--font-mono); font-size: .8rem; color: var(--ink-muted); margin-top: 10px; }
#vBtnVerificar[disabled]{ opacity: .55; cursor: wait; }

.v-lateral{ background: var(--paper-2); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 20px 22px; }
.v-legenda li{ font-size: .84rem; line-height: 1.5; color: var(--ink-muted); padding: 8px 0; border-bottom: 1px dashed var(--line); }
.v-legenda li:last-child{ border-bottom: 0; }
.v-legenda .v-sit{ margin-right: 6px; }
.v-limite{ margin-top: 14px; }

.v-sit{ display: inline-block; font-size: .72rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
.v-s-am{ background: #f8d3d3; color: #8a1f1f; }
.v-s-ok{ background: #e2eee0; color: #2f6b4f; }
.v-s-out{ background: #eef0da; color: #5c6510; }
.v-s-nr{ background: #ececec; color: #555; }
.v-s-gen{ background: #ececec; color: #555; }
.v-s-conf{ background: #fbe2c9; color: #7a4510; }
.v-conf{ font-size: .72rem; font-weight: 600; color: #7a4510; background: #fdf0e1; padding: 1px 6px; border-radius: 4px; }
.badge-ameaca.dd{ background: #ececec; color: #555; }
.badge-ameaca.ex{ background: #e5dcef; color: #4c2f73; }

.v-resultado{ margin-top: 44px; }
.v-res-topo{ display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.v-res-topo .v-h2{ margin: 0; }
.v-export{ display: flex; gap: 8px; }
.v-export .btn{ padding: 11px 18px; }
.v-btn-sec{ background: var(--paper-2); color: var(--brand-green); border: 1px solid var(--line); }
.v-btn-sec:hover{ background: #eef3ea; }
.v-card-am .n{ color: #8a1f1f; }
.v-card-nr .n{ color: #666; }
.v-card-conf .n{ color: #7a4510; }
.v-lei{ margin: 0 0 16px; }

.v-tabela-wrap{ overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius-md); background: #fff; }
.v-tabela{ min-width: 940px; }
.v-tabela th{ position: static; background: #fbfaf5; }
.v-tabela td{ font-size: .83rem; }
.v-hit{ margin-bottom: 4px; line-height: 1.5; }
.v-ref{ font-size: .74rem; color: var(--ink-muted); }
.v-escopo{ font-size: .74rem; color: #8a5010; font-weight: 600; }
.v-nc{ font-size: .8rem; color: #2f6b4f; }
.v-muted{ font-size: .8rem; color: #888; }
.v-notas{ font-size: .76rem !important; color: var(--ink-muted); max-width: 320px; line-height: 1.45; }

.v-fontes{ margin-top: 50px; }

@media (max-width: 900px){
  .v-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
  .v-export{ width: 100%; }
  .v-export .btn{ flex: 1; }
}

/* .flora-shell zera o padding lateral do .container; aqui mantemos a margem */
.v-shell{ padding-top: 34px; padding-bottom: 70px; }
@media (max-width: 640px){ .v-shell{ padding-left: 16px; padding-right: 16px; } }