/* ===== Serviços prestados (esgoto) ===== */
.serv-envio .dica{margin:2px 0 12px}

.serv-acoes{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.serv-acoes .bt-p{padding:7px 12px;font-size:13px}

.serv-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.serv-files span{display:inline-flex;align-items:center;gap:6px;background:var(--cinza);
  border:1px solid var(--linha);border-radius:999px;padding:5px 10px;font-size:12.5px}
.serv-files button{background:none;border:none;cursor:pointer;color:var(--tinta-fraca);
  font-size:16px;line-height:1;padding:0 2px}
.serv-files button:hover{color:var(--vermelho)}

.serv-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:12px;margin-top:12px}

.serv-card{border:1px solid var(--linha);border-radius:var(--r-p);padding:13px;background:var(--papel)}
.serv-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
.serv-top b{font-size:14.5px}
.serv-cli{font-size:13.5px;color:var(--tinta);font-weight:500}
.serv-meta{font-size:12px;color:var(--tinta-fraca);margin-top:3px}
.serv-desc{font-size:12.5px;color:var(--tinta-fraca);margin-top:6px;line-height:1.4}
.serv-val{margin-top:8px;font-family:"IBM Plex Mono",monospace;font-size:14px;font-weight:600}
.serv-avisos{margin-top:8px;font-size:12px;color:var(--amarelo);line-height:1.4}

.serv-conf{border-color:var(--amarelo)}

@media(max-width:720px){
  .serv-grade{grid-template-columns:1fr}
}

/* parâmetros editáveis */
.serv-param{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:11px;margin-top:12px}
.serv-param label{display:flex;flex-direction:column;gap:4px}
.serv-param span{font-size:12px;color:var(--tinta-fraca)}
.serv-param input{padding:8px 10px;border:1px solid var(--linha);border-radius:var(--r-p);
  font-family:"IBM Plex Mono",monospace;font-size:14px;background:var(--papel);color:var(--tinta)}
.serv-param input:focus{border-color:var(--azul);outline:none}

/* totais */
.serv-tot{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px;margin:16px 0}
.serv-tot-card{border:1px solid var(--linha);border-radius:var(--r-p);padding:11px 13px;background:var(--papel)}
.serv-tot-card span{display:block;font-size:11.5px;color:var(--tinta-fraca);text-transform:uppercase;letter-spacing:.03em}
.serv-tot-card b{display:block;margin-top:3px;font-family:"IBM Plex Mono",monospace;font-size:16px}
.serv-tot-card.ok b{color:var(--verde)}
.serv-tot-card.ruim b{color:var(--vermelho)}

/* linhas de valores no cartão */
.serv-linhas{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:9px;font-size:12px;color:var(--tinta-fraca)}
.serv-linhas b{font-family:"IBM Plex Mono",monospace;color:var(--tinta);font-size:12.5px}
.serv-linhas .m-ok b{color:var(--verde)}
.serv-linhas .m-ruim b{color:var(--vermelho)}