
/* tvabierta-fluida-v1 */
html body #tvGuide:not([hidden]){
 left:auto!important;right:max(12px,env(safe-area-inset-right))!important;
 top:var(--tv-fluid-top,72px)!important;bottom:auto!important;
 width:min(380px,calc(100vw - 24px))!important;
 height:var(--tv-fluid-height,72dvh)!important;max-height:calc(100dvh - 24px)!important;
 margin:0!important;transform:none!important;box-sizing:border-box!important;
 background:rgba(12,25,40,.86)!important;border:1px solid #7897af55!important;
 border-radius:14px!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 box-shadow:0 12px 36px #0005!important;padding:12px!important;gap:8px!important;
}
html body #tvGuideSearch,html body #tvGuideCategory{
 margin:0!important;width:100%!important;max-width:100%!important;min-width:0!important;
 background:rgba(20,38,57,.8)!important;font-size:16px!important;
}
html body #tvGuide>header{min-height:36px!important;padding:0!important}
html body #tvGuide .tv-guide-filters{padding:0!important;gap:8px!important}
html body #tvGuideCount{padding:0!important;margin:0!important}
html body #tvGuideList{padding:0 2px 2px 0!important;overflow-x:hidden!important;scrollbar-width:thin}
html body #tvGuideList .tv-guide-channel{background:rgba(24,43,61,.56)!important;min-height:56px!important;margin:4px 0!important;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 56px}
html body #tvGuideList .tv-guide-channel[aria-current="true"]{background:rgba(22,96,119,.48)!important}
html body #tvGuideList .tv-guide-channel:hover{background:rgba(43,72,94,.8)!important}
html body .actions-bar:has(#nowPlaying){overflow:visible!important;position:relative!important;z-index:15}
html body #nowPlaying{overflow:visible!important;max-height:none!important;flex:0 1 230px!important;min-width:130px!important}
html body #nowPlaying>div{overflow:visible!important;max-height:none!important}
html body .tv-connection-details{position:static!important;overflow:visible!important;max-height:none!important}
html body .tv-connection-details summary{white-space:normal!important;cursor:pointer}
html body .tv-connection-details[open]>.stream-status{
 position:fixed!important;left:var(--tv-detail-left,12px)!important;top:var(--tv-detail-top,80px)!important;
 bottom:auto!important;right:auto!important;width:min(340px,calc(100vw - 24px))!important;
 max-width:calc(100vw - 24px)!important;max-height:var(--tv-detail-height,45dvh)!important;
 margin:0!important;padding:14px!important;overflow:auto!important;box-sizing:border-box!important;
 display:flex!important;flex-wrap:wrap!important;gap:8px!important;white-space:normal!important;
 background:rgba(12,25,40,.96)!important;border:1px solid #7897af77!important;border-radius:12px!important;
 box-shadow:0 10px 32px #0006!important;color:#e6f1fa!important;z-index:2100!important;
}
html body .tv-connection-details[open] .stream-status__metrics{display:block!important;flex:1 0 100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body #streamStatusText{white-space:normal!important;overflow-wrap:anywhere!important}
html body #tvFullscreenChannelBar{display:none!important}
html body #playerWrapper.tv-fluid-quiet .plyr__controls,
html body #playerWrapper.tv-fluid-quiet .plyr__control--overlaid{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}
html body #playerWrapper.tv-fluid-quiet .plyr--loading .plyr__video-wrapper::after{display:none!important}
html body #playerWrapper>.tv-fluid-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#000;pointer-events:none!important;z-index:2!important}
html body[data-tv-fit="cover"]:not(.tv-fluid-mobile) #playerWrapper>.tv-fluid-frame{object-fit:cover!important}
html body.tv-fluid-mobile{height:auto!important;min-height:var(--tv-app-height,100dvh)!important;max-height:none!important;overflow:visible!important}
html.tv-fluid-mobile-root{height:auto!important;overflow-y:auto!important;overflow-x:hidden!important}
html body.tv-fluid-mobile .main-content{display:block!important;flex:0 0 auto!important;height:auto!important;overflow:visible!important}
html body.tv-fluid-mobile .player-section{height:auto!important;max-height:none!important;display:flex!important;overflow:visible!important}
html body.tv-fluid-mobile #playerWrapper{flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:var(--tv-fluid-ratio,16/9)!important;max-height:70dvh!important}
html body.tv-fluid-mobile #playerWrapper>.plyr,html body.tv-fluid-mobile #playerWrapper>.plyr .plyr__video-wrapper{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
html body.tv-fluid-mobile #playerWrapper video{width:100%!important;height:100%!important;object-fit:contain!important}
html body.tv-fluid-mobile .actions-bar:has(#nowPlaying){display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:8px!important}
html body.tv-fluid-mobile #nowPlaying{flex:1 1 100%!important;min-width:0!important;padding:0!important;border:0!important}
html body.tv-fluid-mobile .actions-group{flex:1 1 100%!important;min-height:44px!important}
html body.tv-fluid-mobile #tvGuideButton{order:-2!important}
html body.tv-fluid-mobile #tvGuide.tv-fluid-inline:not([hidden]){
 position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;
 width:calc(100% - 16px)!important;height:clamp(340px,55dvh,640px)!important;
 max-height:none!important;margin:8px!important;flex:0 0 auto!important;
 background:rgba(16,31,47,.94)!important;backdrop-filter:none;-webkit-backdrop-filter:none;
 box-shadow:none!important;z-index:1!important;
}
html body.tv-fluid-mobile #tvGuide.tv-fluid-inline header strong::after{display:none!important}
html body.tv-fluid-mobile #tvGuide.tv-fluid-inline #tvGuideClose{min-width:70px!important}
html body.tv-fluid-mobile #tvGuide.tv-fluid-inline #tvGuideList{flex:1 1 auto!important}
html body.tv-fluid-mobile .home-extras{margin-top:auto!important}
@supports not (backdrop-filter:blur(1px)){html body #tvGuide:not([hidden]){background:rgba(12,25,40,.96)!important}}
@media(prefers-reduced-transparency:reduce){html body #tvGuide:not([hidden]){background:#101f2f!important;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html body #tvGuide *,html body .actions-bar *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

