/* PageHost - WebTV modernizada, responsiva e tema preto */
*{box-sizing:border-box}
html,body{background:#05070a!important}
.app{--accent:#111820!important;--bg-app:#05070a!important;--bg-transparent:rgba(0,0,0,.55)!important;--color-title:#fff!important;--color-text:rgba(255,255,255,.78)!important;background:#05070a!important;overflow:hidden!important}
.header{z-index:40!important;background:transparent!important;box-shadow:none!important}
.header-wrapper{padding:22px 28px!important}
.header-logo-img{width:auto!important;height:auto!important;max-width:180px!important;max-height:100px!important;object-fit:contain!important}
.player-cover-image{filter:blur(var(--cover-blurred)) brightness(.48) saturate(.9)!important;animation:ph-webtv-bg 60s linear infinite!important}
@keyframes ph-webtv-bg{50%{transform:scale(1.08)}}
div.bg{position:fixed!important;z-index:1!important;inset:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.12)!important;pointer-events:none!important}
.player{width:100%!important;box-sizing:border-box!important;padding:100px 28px 130px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.player-wrapper,.player-cover{width:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:auto!important}
.player-artwork{position:relative!important;width:min(880px,72vw)!important;height:auto!important;aspect-ratio:16/9!important;padding:0!important;margin:auto!important;border-radius:16px!important;overflow:hidden!important;background:#000!important;box-shadow:0 18px 55px rgba(0,0,0,.48)!important}
#player_webtv{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#000!important}
#player_webtv>div,#player_webtv .container,#player_webtv video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}
.btn,.player-social-item,.footer,.footer a,.footer small{color:#fff!important}
.player-social-item{background:rgba(0,0,0,.44)!important;border-color:rgba(255,255,255,.58)!important}

/* Popup de instalacao escuro */
.swal2-popup.ph-install-popup,.swal2-popup{background:#0b1118!important;color:#eef4fb!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.55)!important}
.swal2-title,.swal2-html-container,#swal2-html-container{color:#eef4fb!important}
.swal2-icon.swal2-info{border-color:#22b8cf!important;color:#22b8cf!important}
.swal2-styled.swal2-confirm,.ph-install-confirm{min-width:110px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#1687c7,#22b8cf)!important;color:#fff!important;box-shadow:none!important}
.ph-install-text,.ph-install-ios{max-width:360px;margin:0 auto;text-align:center;color:#c7d5e5;font-size:15px;line-height:1.5}
.ph-install-ios{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.ph-share-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:160px;height:46px;padding:0 18px;border:1px solid rgba(34,184,207,.42);border-radius:12px;background:#10232c;color:#67e8f9;font:800 14px/1 "Montserrat",sans-serif;cursor:pointer;position:relative;z-index:5}
.ph-share-button svg{width:22px;height:22px;display:block}
.ph-share-button:active{transform:scale(.98)}

/* Mobile real por breakpoint e por classe forçada via JS */
@media(max-width:900px){
  .header-wrapper{padding:16px 18px!important}.header-logo-img{max-width:135px!important;max-height:72px!important}
  .player{padding:88px 16px 170px!important;min-height:100svh!important;min-height:100dvh!important}
  .player-artwork{width:min(94vw,760px)!important;border-radius:12px!important}
}

@media(max-width:560px){
  .header-wrapper{padding:14px 16px!important}.header-logo-img{max-width:112px!important;max-height:60px!important}
  .player{padding:82px 14px 180px!important}.player-artwork{width:94vw!important}
}

html.ph-mobile body,html.ph-mobile .app{background:#05070a!important}
html.ph-mobile .app::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.20) 35%,rgba(0,0,0,.60) 72%,rgba(0,0,0,.96) 100%)!important}
html.ph-mobile .player-cover-image{filter:blur(10px) brightness(.36) saturate(.85)!important}
html.ph-mobile .header{background:linear-gradient(180deg,rgba(0,0,0,.86),rgba(0,0,0,.25),transparent)!important}
html.ph-mobile .header-wrapper{padding:14px 16px!important}
html.ph-mobile .header-logo-img{max-width:112px!important;max-height:60px!important}
html.ph-mobile .player{width:100%!important;min-height:100svh!important;min-height:100dvh!important;padding:88px 14px 190px!important;display:flex!important;align-items:center!important;justify-content:center!important}
html.ph-mobile .player-wrapper,html.ph-mobile .player-cover{width:100%!important;height:auto!important;min-height:0!important;margin:auto!important;display:flex!important;align-items:center!important;justify-content:center!important}
html.ph-mobile .player-artwork{width:min(94vw,680px)!important;max-width:94vw!important;margin:auto!important;aspect-ratio:16/9!important}
html.ph-mobile .mobile-menu{background:#05070a!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;padding:72px 0 0!important;box-sizing:border-box!important}
html.ph-mobile .mobile-menu .footer{position:static!important;width:100%!important;margin-top:auto!important;padding:0!important;background:transparent!important}
html.ph-mobile .mobile-menu .footer-wrapper{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:0!important}
html.ph-mobile .mobile-menu .footer-app,html.ph-mobile .mobile-menu .footer-copyright{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}
html.ph-mobile .mobile-menu .footer-app{padding:22px 16px!important;gap:12px!important;flex-wrap:wrap!important}
html.ph-mobile .mobile-menu .footer-copyright{padding:18px 16px 76px!important;color:#fff!important}
html.ph-mobile .mobile-menu .player-social{position:absolute!important;left:0!important;right:0!important;bottom:8px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:8px 12px!important;box-sizing:border-box!important}
html.ph-mobile .mobile-menu .footer-app img{opacity:1!important;filter:brightness(0) invert(1)!important;max-width:118px!important;height:auto!important}
html.ph-mobile .mobile-menu .player-social-item{color:#fff!important;background:#090d12!important;border-color:rgba(255,255,255,.55)!important}

@media(max-height:700px) and (max-width:900px){
  html.ph-mobile .player{padding-top:72px!important;padding-bottom:155px!important}
  html.ph-mobile .mobile-menu .footer-app{padding:14px 12px!important}
  html.ph-mobile .mobile-menu .footer-copyright{padding:12px 12px 64px!important}
}
html.ph-mobile{--accent:#111820!important;color-scheme:dark!important}

/* V2 - Player horizontal e menu compacto de instalacao */
.ph-rotate-btn{display:none;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;margin:14px auto 0;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#0d141d;color:#fff;font:800 13px/1 "Montserrat",sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.ph-rotate-btn svg{width:19px;height:19px;display:block;color:#67e8f9}
.ph-rotate-btn:active{transform:scale(.98)}

.ph-install-menu{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:9px!important;width:100%!important;padding:18px 14px!important}
.ph-install-menu-btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;min-width:132px;height:48px;padding:0 13px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#0c1118;color:#fff;cursor:pointer;text-align:left;box-shadow:none}
.ph-install-menu-btn:hover{border-color:rgba(34,184,207,.55);background:#101a24}
.ph-install-menu-btn svg{width:21px;height:21px;min-width:21px;color:#67e8f9}
.ph-install-menu-btn span{display:flex;flex-direction:column;font:800 12px/1.05 "Montserrat",sans-serif;white-space:nowrap}
.ph-install-menu-btn small{font-size:9px;line-height:1.1;font-weight:600;color:#8fa3b8;margin-bottom:2px}

html.ph-mobile .ph-rotate-btn{display:inline-flex!important}
html.ph-mobile .mobile-menu .footer-app.ph-install-menu{padding:18px 12px!important;gap:8px!important}
html.ph-mobile .ph-install-menu-btn{min-width:116px;height:44px;padding:0 10px;gap:7px;border-radius:11px}
html.ph-mobile .ph-install-menu-btn svg{width:19px;height:19px;min-width:19px}
html.ph-mobile .ph-install-menu-btn span{font-size:11px}
html.ph-mobile .ph-install-menu-btn small{font-size:8px}

@media(max-width:430px){
  html.ph-mobile .ph-install-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:400px!important;margin:0 auto!important}
  html.ph-mobile .ph-install-menu-btn{min-width:0!important;width:100%!important;padding:0 7px!important;justify-content:center!important;text-align:center!important}
  html.ph-mobile .ph-install-menu-btn span{align-items:flex-start}
}

/* Fullscreen do player sempre preto e 16:9 */
.player-artwork:fullscreen,.player-artwork:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:none!important;aspect-ratio:auto!important;border-radius:0!important;background:#000!important;margin:0!important}
.player-artwork:fullscreen #player_webtv,.player-artwork:-webkit-full-screen #player_webtv{width:100vw!important;height:100vh!important}
.player-artwork:fullscreen video,.player-artwork:-webkit-full-screen video{object-fit:contain!important;background:#000!important}

/* V3 - Player HTML5 nativo com HLS */
.player-artwork {
    background:#000 !important;
    overflow:hidden !important;
}
.ph-native-video {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    background:#000 !important;
}
.ph-native-video::-webkit-media-controls-panel {
    background-image:linear-gradient(transparent, rgba(0,0,0,.72));
}
.ph-native-video:fullscreen,
.ph-native-video:-webkit-full-screen {
    width:100vw !important;
    height:100vh !important;
    object-fit:contain !important;
    background:#000 !important;
}