/* TV Coiote Play — núcleo das páginas (frente limpeza-parte-b, etapa 3): a base que as páginas nossas usavam do CSS do app
   do Jellyfin (medido em bancada\css_do_app_usado.py: 33 regras pegavam), escrita por nós. Vem ANTES do branding.css. */

/* fontes (as mesmas faces, servidas do endereço nosso; cada arquivo só desce se a página usa as letras dele) */
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Noto Sans"),local("Noto Sans Regular"),url(Fontes/noto-sans-latin-400-normal.v1.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:700;font-display:swap;src:local("Noto Sans Bold"),url(Fontes/noto-sans-latin-700-normal.v1.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Noto Sans"),local("Noto Sans Regular"),url(Fontes/noto-sans-latin-ext-400-normal.v1.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:700;font-display:swap;src:local("Noto Sans Bold"),url(Fontes/noto-sans-latin-ext-700-normal.v1.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;font-display:block;src:url(Fontes/material-icons.v1.woff2) format("woff2")}
.material-icons{font-family:"Material Icons";font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}

/* a página (as cores vêm das variáveis que o branding.css redefine) */
html{font-family:"Noto Sans","Noto Sans HK","Noto Sans JP","Noto Sans KR","Noto Sans SC","Noto Sans TC",sans-serif;font-size:93%;line-height:1.35;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  color:var(--jf-palette-text-secondary,rgba(255,255,255,.7));background-color:var(--jf-palette-background-default,#101010)}
html.layout-mobile{font-size:90%}
*{scrollbar-color:#3b3b3b #202020;scrollbar-width:thin}
html,body{height:100%;margin:0;padding:0}
body{overflow-x:hidden;background-color:transparent}
h1,h2{font-weight:400}
h1{font-size:1.8em}
h2{font-size:1.5em}
/* links sem traço; mouse: cor na peça, .85 na página */
:root{--tvc-link-acende:#ffd54a}
a{color:inherit;text-decoration:none}
.tvcPaginas a:hover{opacity:.85}
.hide{display:none!important}

/* o esqueleto (o mesmo da casca: o motor procura #reactRoot .skinBody e a página #tvcPaginas) */
#reactRoot{height:100%}
.backgroundContainer{position:fixed;top:0;bottom:0;left:0;width:100vw;contain:strict;background-color:var(--jf-palette-background-default,#101010)}
/* (sem "layout" no contain — como a 2ª regra do app, "contain:style size!important": com ela a página cresce o documento
   e ele rola; com "layout", o que passa da tela não rola e o fim fica embaixo da barra de baixo) */
.mainAnimatedPage{position:absolute;top:0;right:0;bottom:0;left:0;contain:size style}
.backdropContainer{position:fixed;top:0;left:0;width:100vw;height:100vh;contain:size layout style;z-index:-1}
div[data-role=page]{outline:0}
.page{padding-bottom:calc(env(safe-area-inset-bottom) + 5em)!important}
.libraryPage{padding-top:0!important}
[dir=ltr] .padded-left{padding-left:3.3%;padding-left:max(env(safe-area-inset-left),3.3%)}
[dir=ltr] .padded-right{padding-right:3.3%;padding-right:max(env(safe-area-inset-right),3.3%)}
@media (min-width:50em){form,.readOnlyContent{max-width:54em}}

/* aviso na tela (mensagem do administrador pelo "Ao vivo"; alertas curtos) */
.tvcNucleoAviso{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 1.5em);transform:translateX(-50%);z-index:100000;max-width:min(32em,calc(100vw - 32px));
  box-sizing:border-box;padding:.85em 1.2em;border-radius:.5em;background:#202020;color:#fff;box-shadow:0 .4em 1.6em rgba(0,0,0,.5);font-size:1em;line-height:1.4;
  opacity:0;transition:opacity .2s ease}
.tvcNucleoAviso.tvcNucleoAvisoVisivel{opacity:1}
.tvcNucleoAviso b{display:block;margin-bottom:.2em}
@media (prefers-reduced-motion:reduce){.tvcNucleoAviso{transition:none}}