/* tela do Google (Search Console + GA4): só o que o app.css não tem */
.g-filtros { display: grid; grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)) auto; gap: 10px; align-items: end }
.g-filtros .campo { margin: 0 }
.g-filtros select { font: inherit; border: 1px solid var(--linha); border-radius: 11px; padding: 9px 12px; background: #fff; color: var(--tinta); width: 100%; min-height: 42px }
.g-filtros select:focus { outline: none; border-color: var(--roxo); box-shadow: 0 0 0 3px var(--roxo-claro) }
.g-kpis { margin: 4px 0 14px }
.g-kpis .kpi .v { font-size: 24px }
.tabela .g-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap }
.g-lista { margin: 8px 0 0; padding-left: 18px } .g-lista li { margin: 2px 0 }
.g-conta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap }
#g-res { transition: opacity .2s ease } #g-res[aria-busy="true"] { opacity: .55 }
@media (prefers-reduced-motion: reduce) { #g-res { transition: none } }
@media (max-width: 760px) {
  .g-filtros { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) }
  .g-filtros .campo:first-child, .g-filtros .btn { grid-column: 1 / -1 }
  .g-kpis.g4 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}