/* theVacilos como app (PWA) — convite para instalar e ajustes quando aberto instalado.   [2026-10-13] — tv-app.js */
.tv-app-convite {
	position: fixed; left: 12px; right: 12px; z-index: 1090;
	bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	display: flex; align-items: center; gap: 12px;
	padding: 12px 14px; border-radius: var(--tv-raio, 16px);
	background: var(--tv-superficie, #121217); color: var(--tv-texto, #ededf2);
	border: 1px solid var(--tv-borda, rgba(255,255,255,.09)); box-shadow: var(--tv-sombra, 0 10px 30px rgba(0,0,0,.45));
	transform: translateY(140%); opacity: 0; transition: transform .3s ease, opacity .3s ease;
	max-width: 520px; margin: 0 auto;
}
/* no celular há o menu fixo de baixo (~52px): o convite fica acima dele */
@media (max-width: 991.98px) { .tv-app-convite { bottom: calc(66px + env(safe-area-inset-bottom, 0px)); } }
.tv-app-convite.tv-app-convite-on { transform: none; opacity: 1; }
.tv-app-convite-ico { width: 44px; height: 44px; border-radius: 12px; flex: none; }
.tv-app-convite-tx { display: flex; flex-direction: column; min-width: 0; flex: 1; font-size: .85rem; line-height: 1.3; }
.tv-app-convite-tx strong { font-size: .95rem; }
.tv-app-convite-tx span { color: var(--tv-texto-2, #a3a3b2); }
.tv-app-convite-btn {
	flex: none; border: 0; border-radius: 999px; padding: 8px 16px; font-weight: 600; cursor: pointer;
	background: var(--tv-destaque, #6f5cc2); color: var(--tv-destaque-texto, #fff);
}
.tv-app-convite-x {
	flex: none; border: 0; background: transparent; color: var(--tv-texto-2, #a3a3b2);
	font-size: 1.5rem; line-height: 1; width: 32px; height: 32px; border-radius: 50%; cursor: pointer;
}
.tv-app-convite-x:hover { color: var(--tv-texto, #fff); }
@media (prefers-reduced-motion: reduce) { .tv-app-convite { transition: none; } }

/* Aberto como app instalado: respeita o recorte da câmera / barra de gestos */
html[data-tv-app="1"] body { padding-left: env(safe-area-inset-left, 0px); padding-right: env(safe-area-inset-right, 0px); }
html[data-tv-app="1"] #header { padding-top: env(safe-area-inset-top, 0px); }