/* ============================================================
   ATLAS RS — listas.css (Listas automáticas de fauna e flora por município)
   Reaproveita flora.css (tabela, cards) e verificador.css (selos, exportar).
   ============================================================ */
.l-shell{ padding-top: 30px; padding-bottom: 70px; }
@media (max-width: 640px){ .l-shell{ padding-left: 16px; padding-right: 16px; } }
.l-escolha{ display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin-bottom: 22px; }
.l-escolha label{ display: block; font-size: .8rem; color: var(--ink-muted); margin-bottom: 6px; font-weight: 600; }
.l-escolha input{ width: min(420px, 100%); padding: 11px 15px; border-radius: var(--radius-md); border: 1px solid var(--line); background: #fff; font-size: .95rem; }
.l-escolha input:focus{ outline: 2px solid var(--accent-light); outline-offset: 1px; }
.l-muni-nome{ font-family: var(--font-display); font-size: 1.6rem; color: var(--ink); margin: 6px 0 4px; }
.l-muni-sub{ font-size: .85rem; color: var(--ink-muted); margin-bottom: 18px; }
.l-muni-sub a{ color: var(--brand-green); text-decoration: underline; }
.l-card-am .n{ color: #8a1f1f; }
.l-card-inv .n{ color: #7a4510; }
.l-filtros label.l-chk{ display: inline-flex; align-items: center; gap: 6px; font-size: .84rem; color: var(--ink-muted); white-space: nowrap; }
.l-topo-tab{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.l-topo-tab p{ font-size: .86rem; color: var(--ink-muted); max-width: 78ch; line-height: 1.55; }
.l-tabela{ min-width: 980px; }
.l-tabela td.num{ text-align: right; font-family: var(--font-mono); font-size: .8rem; }
.l-inv{ display: inline-block; font-size: .7rem; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: #fbe2c9; color: #7a4510; }
.l-orig{ font-size: .78rem; color: var(--ink-muted); }
.l-vazio{ padding: 30px 10px; text-align: center; color: var(--ink-muted); font-size: .9rem; }
.l-mais{ display: block; margin: 14px auto 0; }
.l-gen{ font-size: .72rem; color: var(--ink-muted); }
.l-topo-tab .v-export{ flex-wrap: wrap; }
@media (max-width: 640px){ .l-topo-tab .v-export .btn{ flex: 1 1 140px; } }