/* Consultar Ponto — versão web (iPhone / PWA). Widney Silva - Enel Lagos */

/* iPhone: sem seleção/realce azul ao tocar e sem "puxar" a página */
html, body { -webkit-tap-highlight-color: transparent; overscroll-behavior: none; }
body { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
input, textarea, #fInfo, #fCoord { -webkit-user-select: text; user-select: text; }

/* Tela de abertura (mesma arte do app Android) */
#abertura {
  position: fixed; inset: 0; z-index: 100; background: #070a12 url(abertura.jpg) center / cover no-repeat;
  transition: opacity .4s ease;
}
#abertura.sai { opacity: 0; pointer-events: none; }

/* Avisos da versão web: instalar, offline pronto, nova versão (abaixo da busca) */
#pwaAvisos {
  position: fixed; left: 10px; right: 10px; z-index: 40; margin: 0 auto; max-width: 560px;
  top: calc(70px + env(safe-area-inset-top)); display: flex; flex-direction: column; gap: 8px; pointer-events: none;
}
#pwaAvisos > * { pointer-events: auto; }
.pwaAviso {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px;
  background: var(--bg, #fff); color: var(--fg, #1a1d21); border-radius: 14px; padding: 12px 14px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .28); font-size: 14px; line-height: 1.4;
}
.pwaAviso[hidden] { display: none; }
.pwaAviso .pwaTxt { flex: 1 1 150px; }
.pwaAviso button {
  border: 0; border-radius: 18px; padding: 8px 14px; font-size: 14px; font-weight: 600;
  background: var(--press, #eef1f4); color: var(--fg, #1a1d21);
}
.pwaAviso button.prim { background: var(--acc, #0b63ce); color: var(--acc-fg, #fff); }
.pwaIc svg { width: 18px; height: 18px; vertical-align: -3px; fill: var(--acc, #0b63ce); }

/* esconde os avisos enquanto a lista de resultados da busca está aberta */
body:has(#resultados:not([hidden])) #pwaAvisos { display: none; }