/* Saude dos condominios (monitor diario, S10). Linha clean da Virtual Service. */

.monitor__acao { display: inline-flex; align-items: center; gap: 6px; }
.monitor__seletor { max-width: 100%; padding: 8px 10px; border: 1px solid var(--vs-linha, #E2E4E8); border-radius: 10px; background: #fff; font: inherit; font-size: 13px; }

.monitor__resumo { background: #fff; border: 1px solid var(--vs-linha, #E2E4E8); border-radius: 16px; padding: 16px 18px; box-shadow: var(--sombra); display: grid; gap: 10px; justify-items: start; }
.monitor__frase { margin: 0; font-family: var(--titulo); font-weight: 700; font-size: 17px; color: var(--vs-grafite, #373135); display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.monitor__legenda { font-size: 13px; color: var(--vs-texto, #6B656A); display: inline-flex; align-items: center; gap: 6px; }

.monitor__andamento { background: var(--vs-azul-nevoa, #E8F4F9); border-radius: 12px; padding: 12px 14px; display: grid; gap: 8px; font-size: 14px; }
.monitor__barra { height: 6px; border-radius: 3px; background: rgba(0, 132, 177, .15); overflow: hidden; }
.monitor__barra span { display: block; height: 100%; background: #0084B1; transition: width .4s ease; }

.monitor__grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.monitor__cartao { background: #fff; border: 1px solid var(--vs-linha, #E2E4E8); border-top: 4px solid var(--positivo-borda); border-radius: 16px; padding: 16px; box-shadow: var(--sombra); display: grid; gap: 12px; align-content: start; }
.monitor__cartao--vermelho { border-top-color: var(--erro-borda); }
.monitor__cartao--amarelo { border-top-color: var(--atencao-borda); }
.monitor__topo { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.monitor__nome { margin: 0; font-family: var(--titulo); font-size: 15px; font-weight: 700; }

.monitor__numeros { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; }
.monitor__numero { display: grid; gap: 2px; background: #F7F9FB; border-radius: 10px; padding: 8px 10px; }
.monitor__numero strong { font-family: var(--titulo); font-size: 18px; color: #0084B1; line-height: 1.1; }
.monitor__numero span { font-size: 11.5px; color: var(--vs-texto, #6B656A); }

.monitor__apoio { margin: 0; font-size: 12.5px; color: var(--vs-texto, #6B656A); }
.monitor__tudo-certo { margin: 0; font-size: 13.5px; color: var(--positivo-texto); }

.monitor__alertas { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.monitor__alerta { border-left: 4px solid var(--atencao-borda); background: #FFFCF6; border-radius: 10px; padding: 9px 12px; display: grid; gap: 3px; }
.monitor__alerta--vermelho { border-left-color: var(--erro-borda); background: #FFF7F6; }
.monitor__alerta--info { border-left-color: #9A949A; background: #F7F8FA; }
.monitor__alerta-titulo { font-weight: 600; font-size: 13.5px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.monitor__alerta-proposta { font-size: 12.5px; color: var(--vs-texto, #6B656A); }

@media (max-width: 640px) {
  .monitor__grade { grid-template-columns: 1fr; }
  .monitor__acao { width: 100%; }
  .monitor__seletor { flex: 1; min-width: 0; }
}