/* /www/wwwroot/livintech/sistema/public/assets/css/liv-placeholder.css */
/* ============================================================
   Frase de exemplo (placeholder) some ao clicar no campo — 07/10/2026

   Pedido do Hugo: "ao clicar, a frase continua, confundindo com o que
   está sendo digitado". O navegador só tira o placeholder quando a
   primeira letra entra; aqui ele some no foco e volta ao sair, se o
   campo seguir vazio. Vale para TODO campo da plataforma: inputs,
   textareas, o campo de busca do Tom Select (.ts-control input) e os
   editores contenteditable com frase em data-ph (relato do RDO).

   Carregado pelo partials/favicon.php — o bloco de <head> que o header
   e as telas avulsas (logins, portais, app, check-in) já incluem.
   !important: há telas com ::placeholder próprio (inclusive !important).
   ============================================================ */
input::placeholder,
textarea::placeholder { transition: opacity 120ms cubic-bezier(.4,0,.2,1); }

input:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0 !important;
    color: transparent !important;
}

[contenteditable="true"]:focus:empty::before,
[contenteditable=""]:focus:empty::before { opacity: 0 !important; color: transparent !important; }

@media (prefers-reduced-motion: reduce) {
    input::placeholder, textarea::placeholder { transition: none; }
}
/* /www/wwwroot/livintech/sistema/public/assets/css/liv-placeholder.css */