/* Mapa R9 — níveis geográficos reais, controles reorganizados e paleta clássica */

/* Linha 1: visualização territorial ocupa toda a largura.
   Linha 2: os outros três grupos ficam lado a lado. */
.results-map-quickbar{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
  padding:14px 22px!important;
  background:#f8fbfd!important;
}
.results-map-quick-control{
  min-width:0;
  display:grid;
  gap:6px;
}
.results-map-quick-control:first-child{
  grid-column:1/-1;
}
.results-map-quick-control>strong{
  color:#324c64;
  font-size:10px;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.results-map-button-switch{
  display:flex;
  width:100%;
  min-width:0;
  padding:3px;
  gap:3px;
  border:1px solid #cddbe6;
  border-radius:11px;
  background:#edf3f7;
}
#results-map-level-switch.results-map-button-switch{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:4px;
}
.results-map-button-switch button{
  min-width:0!important;
  min-height:38px;
  padding:8px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#607386!important;
  font:800 11px/1.2 inherit!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  cursor:pointer;
  box-shadow:none!important;
}
.results-map-button-switch button.is-active,
.results-map-button-switch button[aria-pressed="true"]{
  background:#0f4f83!important;
  color:#fff!important;
  box-shadow:0 3px 9px rgba(15,79,131,.16)!important;
}
.results-map-quick-help{
  grid-column:1/-1;
  color:#778796;
  font-size:10px;
  line-height:1.4;
}

/* Os selects legados continuam sincronizados pelo R8, mas a escolha visual
   de cor/intensidade é feita pelos botões. */
.results-map-field-color,
.results-map-field-intensity{
  display:none!important;
}

/* Totalização */
.results-map-totalization{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:7px;
  padding:8px 9px;
  border-radius:8px;
  background:#f2f6fa;
  color:#43576c;
  font-size:10px;
}
.results-map-totalization>span{color:#718090;font-weight:700}
.results-map-totalization>strong{font-size:11px;font-weight:900}
.results-map-totalization.is-elected{background:#e8f5ed;color:#176642}
.results-map-totalization.is-elected-qp{background:#e7f5f3;color:#176b65}
.results-map-totalization.is-elected-average{background:#eaf1f5;color:#315f75}
.results-map-totalization.is-second-round{background:#fff5dc;color:#865a08}
.results-map-totalization.is-alternate{background:#edf2f7;color:#48617d}
.results-map-totalization.is-not-elected{background:#f9ecec;color:#873c3c}

/* O mapa é o primeiro bloco depois do cabeçalho e recebe altura útil maior. */
.results-map-head + .results-map-layout{
  border-bottom:1px solid #dbe5ed;
}
.results-map-layout{
  min-height:590px!important;
}
.results-map-canvas-wrap,
#results-election-map{
  min-height:590px!important;
}

/* Toolbar inferior sem sobreposição. */
.results-map-toolbar{
  position:relative;
  z-index:2;
}
.results-map-field{
  min-width:145px;
}
.results-map-field-scope{
  flex:1 1 190px!important;
}

/* Em telas médias, os grupos inferiores quebram para duas colunas,
   mas a visualização continua em uma linha própria. */
@media(max-width:1050px){
  .results-map-quickbar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .results-map-quick-control:first-child{
    grid-column:1/-1;
  }
  #results-map-level-switch.results-map-button-switch{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  .results-map-quickbar{
    grid-template-columns:1fr!important;
    padding:12px 13px!important;
    gap:9px!important;
  }
  .results-map-quick-control:first-child{
    grid-column:auto;
  }
  #results-map-level-switch.results-map-button-switch{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .results-map-button-switch button{
    min-height:42px;
  }
  .results-map-layout{
    min-height:470px!important;
  }
  .results-map-canvas-wrap,
  #results-election-map{
    min-height:470px!important;
  }
}

@media(max-width:420px){
  #results-map-level-switch.results-map-button-switch{
    grid-template-columns:1fr 1fr!important;
  }
  #results-map-level-switch.results-map-button-switch button:last-child{
    grid-column:1/-1;
  }
}