/* Zenix Player 6.0 — camada visual final; mantém o layout e o player de TV. */
:root{--bg:#090b10;--panel:#151820;--text:#f5f6fa;--muted:#a1a7b3;--purple:#ff8b43;--lime:#ff8b43;--line:rgba(255,255,255,.12);--t4-purple:#ff8b43;--t4-panel:#191d25;--t4-line:#323741;--zenix-accent:#ff8b43}
html,body{background:#090b10!important;color:#f5f6fa!important;font-family:"Segoe UI",Arial,sans-serif}
button,input{font-family:inherit}
button{color:#f5f6fa}
input{color:#f5f6fa!important}
.focusable{border-color:rgba(255,255,255,.12);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.focusable:focus,.focusable.active{border-color:#ffb87a!important;box-shadow:inset 0 0 0 2px #ff8b43,0 0 0 3px rgba(255,139,67,.22),0 8px 24px rgba(0,0,0,.35)!important}
.focusable:focus{outline:0!important}
.focusable:disabled{cursor:wait;opacity:.65;transform:none!important}
.kicker{color:#ff9a59!important;letter-spacing:.2em;font-size:.84vw}
.brand-mark,.brand .brand-mark,.browser-top .brand-mark{background:linear-gradient(135deg,#ffb260,#ff682e)!important;border:0!important;border-radius:1vw!important;color:#111216!important;font-size:2.7vw!important;font-weight:900!important;font-style:normal!important;box-shadow:0 .7vh 2.2vh rgba(255,111,36,.17)!important;width:4.5vw!important;height:4.5vw!important;display:grid!important;place-items:center!important}
.zenix-wordmark{color:#f6f7fa!important;font-weight:900!important;font-size:2.05vw!important;letter-spacing:.055em!important;display:block!important;line-height:1.05}
.zenix-wordmark small{display:block;color:#a6acb8;font-size:.61vw;letter-spacing:.28em;font-weight:700;margin-top:.55vh}
.activation-screen,.accounts-screen{grid-template-columns:66% 34%;background:radial-gradient(ellipse at 50% 40%,rgba(255,118,45,.08),transparent 48%),#090b10!important}
.activation-main{padding:6vh 5vw;background:none!important}
.activation-header{gap:1.1vw;font-size:1.04vw!important;color:#9da5b4}
.activation-header i{height:3.8vh;margin:0 .5vw;background:#343944!important;width:1px}
.activation-copy{left:5vw;top:30vh;max-width:52vw}
.activation-copy .kicker{font-size:.78vw;margin:0 0 2.8vh}
.activation-copy h1{font-size:4.15vw;line-height:1.08;letter-spacing:-.045em;margin:0 0 2.8vh!important;font-weight:800}
.activation-copy>p:not(.kicker){font-size:1.15vw;line-height:1.65;max-width:40vw;color:#a5adbb!important}
.activation-features{display:flex;gap:1vw;margin:3.1vh 0 2vh}
.activation-features span{font-size:.89vw;color:#d9dee8;padding:.85vh .95vw;border:1px solid #30343e;border-radius:2vw;background:#14171e}
.sync-state{font-size:.84vw;background:#11151c;border:1px solid #2a2f3a;border-radius:.65vw;margin-top:3.5vh;padding:1.3vh 1vw;max-width:49vw;color:#aeb7c5}
.spinner{border-top-color:#ff8b43!important}
.activation-main footer{left:5vw;bottom:4.5vh;font-size:.75vw;color:#687383!important}
.activation-card{border-left:1px solid #262b35!important;background:linear-gradient(155deg,#141821,#0e1118)!important;padding:4vh 3vw;justify-content:center}
.qr-wrap{width:13vw;height:13vw;border:0!important;border-radius:1vw!important;padding:.7vw;box-shadow:0 1.8vh 4vh rgba(0,0,0,.28)}
.qr-label{color:#e5e8ef!important;font-size:.98vw!important;margin:2vh 0 2.2vh!important}
.device-field{width:100%;padding:.85vh 0;margin:.55vh 0!important;text-align:left;border-bottom:1px solid #252b35}
.device-field label{font-size:.78vw!important;color:#848f9f!important;letter-spacing:.025em;margin-bottom:.65vh}
.device-field strong{font-size:1.1vw!important;font-weight:700!important;color:#f2f4f8!important;letter-spacing:.065em}
.device-field.activation-expiry strong{color:#ffad78!important}
.activation-buttons{width:100%;display:flex;flex-direction:column;gap:1.1vh;margin-top:2.1vh}
.activation-buttons button{width:100%;min-height:5.7vh;height:auto;padding:1.3vh 1vw;border-radius:.65vw!important;font-size:.88vw!important;font-weight:700;margin:0!important}
.add-on-tv,.editor-submit,.primary,.continue-cta,.resume-primary,.aw-accept{background:linear-gradient(115deg,#ffad5d,#ff682e)!important;color:#121317!important;border-color:#ff9b4b!important;box-shadow:0 .7vh 2vh rgba(255,121,47,.12)}
.refresh-button{background:#1a1f28!important;color:#c6ccd7!important}
.activation-card small{font-size:.65vw;color:#6d7888;max-width:25vw}
.version{right:3vw!important;bottom:2.7vh!important;color:#616d7d;font-size:.68vw!important;letter-spacing:.08em}
.accounts-main{padding:6vh 5vw}
.accounts-main header{gap:1.1vw}
.accounts-heading{margin-top:7vh}
.accounts-heading h1{font-size:3.15vw;letter-spacing:-.04em;margin:1vh 0 1.5vh}
.accounts-heading>p:last-child{color:#9ca7b6;font-size:1.1vw}
.account-cards{gap:1.5vw;margin-top:4vh}
.account-card,.add-account{width:23.5vw;height:23vh;padding:2.8vh 1.6vw;border:1px solid #343a46;border-radius:1vw!important;background:linear-gradient(130deg,#1d222d,#131720)!important;text-align:left!important;box-shadow:0 2vh 3vh rgba(0,0,0,.16)}
.account-card small{display:block;font-size:.7vw;letter-spacing:.15em;color:#949eae;margin-bottom:2.8vh}
.account-card strong{display:block;font-size:1.6vw;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.account-card span{margin-top:3.2vh;background:rgba(255,139,67,.1)!important;border:1px solid rgba(255,139,67,.27);padding:.5vh .7vw;border-radius:1vw;color:#ffad72;font-size:.72vw}
.add-account b{font-size:2.4vw;color:#ff9a59;margin-bottom:1.3vh}
.add-account strong{display:block;font-size:1.35vw}
.add-account small{display:block;margin-top:1.5vh;font-size:.73vw;color:#8d99ab;line-height:1.4}
.accounts-main footer{left:5vw;right:auto;bottom:5.2vh;text-align:left;font-size:.86vw;gap:.75vh;color:#718094}
.accounts-main footer strong{color:#a6b0bd;font-weight:500}
.accounts-side{border-left:1px solid #292f39!important;background:#11151d;padding:0 3vw}
.accounts-side .qr-wrap{width:14vw;height:14vw}
.accounts-side>p{font-size:.95vw;color:#e4e7ee;margin:2.5vh 0}
.account-editor{z-index:100!important;background:rgba(5,7,11,.92)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.account-editor-card.provider-only{width:49vw!important;padding:3.8vh 3.1vw!important;border:1px solid #414854!important;border-left:1px solid #414854!important;border-radius:1.5vw!important;background:radial-gradient(ellipse at 100% 0,rgba(255,145,59,.1),transparent 45%),#151922!important;box-shadow:0 4vh 12vh rgba(0,0,0,.5)!important}
.account-editor-card:before{display:none!important}
.account-editor-card .kicker{font-size:.73vw;margin:0 0 1.6vh}
.account-editor-card.provider-only h2{font-size:2.2vw!important;letter-spacing:-.035em;line-height:1.2;margin:0 0 1.2vh;max-width:35vw}
.provider-help{color:#959faf;font-size:.94vw;margin:0 0 2.2vh}
.account-editor-card label{color:#c8cfdb;font-weight:600;font-size:.84vw;gap:.85vh;margin:1.5vh 0}
.account-editor-card.provider-only input{height:5.7vh!important;padding:0 1.1vw;border:1px solid #3a414e!important;border-radius:.65vw!important;background:#0d1118!important;font-size:1vw!important;color:#f3f5fa!important;font-weight:500}
.account-editor-card input::placeholder{color:#626f83}
.account-editor-card.provider-only input:focus{border-color:#ffa867!important;background:#14171f!important;box-shadow:inset 0 0 0 1px #ff8b43,0 0 0 3px rgba(255,139,67,.13)!important;transform:none!important}
.editor-columns{gap:1.2vw;grid-template-columns:1fr 1fr}
.playlist-name-field small{font-size:.7vw;font-weight:400;color:#798698;display:inline;float:right}
.account-editor-card.provider-only .editor-submit{height:6.4vh!important;margin-top:.5vh!important;font-size:1vw!important;border-radius:.65vw!important;font-weight:800}
.editor-close{right:1.2vw;top:2.1vh;width:2.3vw;height:2.3vw;border-radius:.55vw!important;border-color:#38404c;background:#222833;font-size:1.3vw}
.editor-error{font-size:.78vw;color:#ffae96;min-height:2.8vh;margin:1vh 0;line-height:1.4}
.login-support{font-size:.73vw;text-align:center;color:#7d899c;margin:1.8vh 0 0}
.account-menu{background:rgba(6,8,12,.94)!important}
.account-menu:before{background:#151922;border-color:#383f4b;font-size:1.35vw;color:#f6f7fa}
.account-menu button{background:#151922!important;border-color:#383f4b;color:#d5dce7}
.account-menu button:focus{background:#2b221d!important}
.app-shell{background:radial-gradient(ellipse at 75% 0,rgba(255,132,51,.05),transparent 45%),#090b10!important;padding:2.5vh 2.8vw!important}
.catalog-header{left:5.1vw;right:5.1vw;top:4.7vh;height:6.8vh}
.catalog-header .brand{display:flex!important;width:auto!important;gap:1vw!important}
.catalog-header .brand>span:last-child{display:block!important}
.catalog-header .brand-mark{width:3.8vw!important;height:3.8vw!important;font-size:2.3vw!important;border-radius:.85vw!important}
.catalog-header .zenix-wordmark{font-size:1.8vw!important}
.catalog-status{gap:1.2vw!important;color:#ccd2dd!important;background:rgba(10,13,19,.45);padding:1vh 1.1vw;border:1px solid rgba(255,255,255,.1);border-radius:.75vw;max-width:58vw;font-size:.8vw!important}
.catalog-status #environmentLabel,.catalog-status .forecast-day,.catalog-status #accountLabel{font-size:.8vw!important;font-weight:500!important;color:#b5becd!important}
.catalog-status #accountLabel{max-width:15vw}
.catalog-status #clock{font-size:1.8vw!important;color:#f6f7fa!important;font-weight:600}
.catalog-status .forecast-day{min-width:4.8vw;line-height:1.2!important;border-color:#313846}
.catalog-status small{top:6vh!important;font-size:.75vw!important;color:#7f8ca0!important;font-weight:400!important}
.catalog-hero{height:56vh!important;min-height:56vh!important;border-radius:1.45vw!important;border:1px solid #282f3a!important;background-color:#151820!important;overflow:hidden;box-shadow:0 2vh 4vh rgba(0,0,0,.22)}
.app-shell:not(.hidden) .catalog-hero{min-height:56vh!important}
.catalog-hero .hero-shade{background:linear-gradient(90deg,rgba(9,11,16,.98) 0%,rgba(9,11,16,.84) 44%,rgba(9,11,16,.08) 78%,rgba(9,11,16,.25)),linear-gradient(0deg,rgba(9,11,16,.9),transparent 80%)!important}
.highlight-copy{left:2.5vw;bottom:3.1vh;width:65%;padding:0!important}
.highlight-copy .kicker{display:block!important;margin:0 0 1.4vh;font-size:.68vw!important;color:#ff9a59!important}
.highlight-copy h1{font-size:3vw!important;line-height:1.12;letter-spacing:-.035em;max-width:43vw;margin:0 0 1.6vh!important}
.highlight-meta{color:#aeb8c7!important;font-size:.86vw!important;margin:0 0 1.2vh!important}
.highlight-copy #heroSubtitle{max-width:39vw!important;color:#9da8b9!important;font-size:.94vw!important;line-height:1.55;max-height:7.2vh!important;margin:0!important}
.highlight-actions{margin-top:2.4vh!important;display:flex;gap:1vw}
.highlight-actions button{height:5.8vh!important;padding:0 1.4vw;min-width:12.6vw!important;border-radius:.6vw!important;font-size:.94vw!important}
.hero-refresh{background:rgba(34,40,51,.86)!important;color:#e4e8f0;min-width:13vw!important}
.featured-poster{right:3vw;top:15vh;width:12vw;height:34vh;border:1px solid rgba(255,255,255,.32)!important;border-radius:.9vw!important;box-shadow:0 2vh 5vh rgba(0,0,0,.5);background:#11151c}
.main-nav{height:9vh!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:.8vw;margin:1.5vh 0 1.7vh!important}
.nav-item{background:#151922!important;border:1px solid #2b323e!important;border-radius:.7vw!important;font-size:1.04vw!important;font-weight:600;gap:.5vw;flex-wrap:wrap;align-content:center}
.nav-item span{font-size:.88vw}
.nav-item.active{background:#241d19!important;border-color:#b96d36!important;color:#ffad74}
.home-bottom{height:28vh;grid-template-columns:35% 65%;gap:1.2vw}
.home-bottom article{background:#12161e!important;border:1px solid #2c3340!important;border-radius:1vw!important;padding:1.5vh 1.1vw}
.home-bottom h2{font-size:.94vw!important;font-weight:600!important;color:#d4dbe6;margin:.2vh 0 1.4vh}
.home-continue>div{height:19vh!important;align-items:center}
.continue-art{background-color:#202632!important;background-image:linear-gradient(135deg,#3e2c22,#191d26);border:1px solid #354050;border-radius:.7vw!important;color:#ff9a59!important;width:8.5vw!important;height:14.5vh!important;flex:0 0 8.5vw;font-size:1.7vw!important}
.home-continue p strong{font-size:1.08vw!important;line-height:1.35;color:#eff2f8}
.home-continue small{font-size:.74vw;color:#7f8c9e}
.continue-cta{width:11.2vw;height:4.6vh;border-radius:.6vw!important;font-size:.78vw;white-space:nowrap}
#homeTrending{grid-template-columns:repeat(6,minmax(0,1fr));gap:.65vw}
.home-trending .trending-card{height:20.5vh;border-radius:.6vw!important;background:#1b202a!important;border:1px solid #323b47!important}
.trending-card img{object-fit:cover;height:16.8vh!important;background:#1b202a}
.trending-card>span:last-child{font-size:.7vw!important;background:linear-gradient(0deg,#11161e,rgba(17,22,30,.8));color:#e0e6ef!important}
.trend-fallback{background:linear-gradient(135deg,#3b2c24,#171c25)!important;color:#ff9d5f!important}
.browser-view,.browser-top,.sports-webview,.seasons-view,.expired-screen,.parental-overlay{background-color:#0a0e14!important;background-image:none!important}
.browser-top{border-bottom-color:#303846!important}
.browser-back,.browser-tab{background:#141922;border-color:#303846;color:#abb8c9}
.browser-tab.active{color:#ffac72!important}
.browser-search{background:#141a24!important;border-color:#333e4d!important;font-size:.9vw}
.group-column,.items-column{background:#10151d;border-color:#2c3541!important}
.group-button,.browser-channel{background:#1b222c!important;border-color:#303948!important}
.group-button:focus,.group-button.active,.browser-channel:focus,.browser-channel.active{background:#30241d!important;color:#ffc098!important}
.browser-channel:focus strong,.browser-channel.active strong{color:#ffc098!important}
.group-button b,.group-button span{color:#8d9aaf}
.channel-info{background:#141c27!important}
.preview-help{color:#ffaf7a!important}
.preview-favorite{background:#202b3a!important;border-color:#3b4659!important}
.epg p{border-color:#2d3c4c!important}
.epg b{color:#ffac72!important}
.poster-grid .media-card{background:#151c26!important;border-color:#36414f!important}
.poster-grid .card-copy{background:#151c26!important;color:#e3e8f1}
.poster-grid .card-copy small{color:#ffa86b!important}
.media-card .fallback-art{background:linear-gradient(135deg,#33271f,#1d2635)!important;color:#ffb67d!important}
.library-panel{background:#131923!important;border-color:#303949!important}
.media-detail{background:#0b1018!important}
.detail-shade{background:linear-gradient(90deg,rgba(9,12,18,.97),rgba(9,12,18,.58) 60%,rgba(9,12,18,.8)),linear-gradient(0deg,#090c12,transparent 60%)!important}
.detail-favorite,.detail-back,.seasons-back,.season-button,.episode-card{background:#1c2532!important;border-color:#3a4655!important}
.similar-card{border-color:#354354!important}
.episode-progress i,.vod-progress-fixed i,.vod-timeline i,.resume-progress i{background:#ff954b!important}
.episode-card em{color:#ffb980!important}
.sports-field{opacity:.12!important;filter:grayscale(1)}
.sport-card{background:linear-gradient(125deg,#202634,#151c27)!important;border-color:#3c4554!important}
.sports-landing-copy p,.sports-header p,.sport-card>b{color:#ff9b60!important}
.sports-filter{background:#151e2b!important;border-color:#354357!important}
.sports-filter.active,.sports-filter:focus{background:#30261f!important;color:#ffb785!important}
.sports-game{background:#151e2b!important;border-color:#334257!important}
.sports-watch{background:linear-gradient(115deg,#ffad5d,#ff682e)!important;color:#141820!important}
.catalog-loading{background:radial-gradient(ellipse at 50% 38%,rgba(255,131,45,.07),transparent 48%),#090d14!important}
.loading-brand{width:12vw;height:7vw}
.loading-brand img{filter:none}
.loading-brand .spinner{inset:-1.4vw 2.1vw;border-color:#2d3543!important;border-top-color:#ff994e!important}
.loading-progress{background:#202836!important;border-radius:.5vh}
.loading-progress i{background:linear-gradient(90deg,#ffb765,#ff7b37)!important}
.loading-steps article{background:#141c28;border-color:#343f51}
.loading-steps article>b{background:#253247;color:#7f92ad}
.loading-steps article.active{border-color:#ffad71;box-shadow:none}
.loading-steps article.active>b,.loading-steps article.done>b{background:#ff974e!important;color:#181a20!important}
.loading-steps article.done{border-color:#91603e}
.loading-steps article small,.loading-hint{color:#7889a0}
.dialog,.channels-modal,.exit-confirm{background:rgba(5,8,14,.92)!important}
.dialog-box,.channels-box,.resume-card{background:#151d2b!important;border-color:#6b5140!important;box-shadow:0 3vh 8vh rgba(0,0,0,.65)!important}
.dialog-box [data-action="close-dialog"]:focus{background:linear-gradient(115deg,#ffb268,#ff8238)!important;border-color:#ffe6d4!important;box-shadow:0 0 0 4px rgba(255,143,66,.28)!important;color:#151a23!important}
.channel-option{background:#1d2738!important;border-color:#3b4a60!important}
.expired-device span,.expired-qr{background:#141b27!important;border-color:#384354!important}
.expired-copy>strong{color:#ffb47c!important}
.expired-qr>div{border-color:#ff9e54!important}
.expired-copy>img{width:15vw!important;height:5vw!important;margin-bottom:4vh}
.aw-consent{background:rgba(6,10,16,.98)!important}
.aw-consent-card{background:#141b27!important;border-color:#384454!important;box-shadow:0 2vh 5vh rgba(0,0,0,.4)!important}
.aw-consent-brand{background:linear-gradient(145deg,#211c1a,#111720)!important;border-color:#343b47!important}
.aw-consent-kicker,.aw-consent-summary article strong{color:#ffb577!important}
.aw-consent-actions button{background:#202a38;border-color:#3c4b60}
.aw-consent-summary article{background:#1b2433!important;border-color:#39465a!important}
.aw-consent-version{color:#6e7c91}
@media(max-width:900px) and (orientation:portrait){
  .activation-screen,.accounts-screen{grid-template-columns:1fr!important;overflow-y:auto!important;height:100vh!important}
  .activation-main{min-height:51vh;padding:4vh 7vw}.activation-header{font-size:3vw!important}.brand-mark{width:11vw!important;height:11vw!important;font-size:7vw!important}.zenix-wordmark{font-size:6vw!important}.zenix-wordmark small{font-size:1.8vw!important}
  .activation-copy{position:static;max-width:none;margin-top:5vh}.activation-copy h1{font-size:8vw!important}.activation-copy .kicker{font-size:2.2vw}.activation-copy>p:not(.kicker){font-size:3.3vw;max-width:85vw}.activation-main footer{position:static;font-size:2vw;margin-top:3vh}
  .activation-features span{font-size:2.5vw;padding:1vh 2vw}.sync-state{font-size:2.3vw;max-width:85vw;margin-top:2vh}.spinner{width:3vw;height:3vw}.activation-card{border-left:0!important;border-top:1px solid #303846!important;min-height:53vh;padding:3vh 7vw}.qr-wrap{width:28vw;height:28vw;padding:2vw}.qr-label{font-size:3vw!important}.device-field label{font-size:2.4vw!important}.device-field strong{font-size:3.8vw!important}.activation-buttons button{font-size:3.1vw!important}.version{display:none}
  .account-editor-card.provider-only{width:89vw!important;padding:3vh 6vw!important}.account-editor-card .kicker{font-size:2.2vw}.account-editor-card.provider-only h2{font-size:6.8vw!important;max-width:70vw}.provider-help{font-size:3vw}.account-editor-card label{font-size:3vw}.account-editor-card.provider-only input{font-size:3.4vw!important;padding:0 3vw}.editor-close{width:7vw;height:7vw;font-size:4vw}.account-editor-card.provider-only .editor-submit{font-size:3.3vw!important}.editor-error,.login-support{font-size:2.5vw}.playlist-name-field small{font-size:2vw}
}
@media(prefers-reduced-motion:reduce){.focusable,.loading-progress i{transition:none!important}}
