/* Ajustes finais exclusivos do Windows/Xbox 1.0.4. Esta folha deve ser a última. */
html.windows-store-app,
html.windows-store-app body{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

/* O foco é desenhado nos botões, nunca no documento/iframe inteiro. */
html.windows-store-app:focus,
html.windows-store-app body:focus,
html.windows-store-app iframe:focus{
  outline:0!important;
}

html.windows-store-app .browser-view{
  width:100%!important;
  height:100%!important;
  inset:0!important;
  overflow:hidden!important;
}

html.windows-store-app .browser-top{
  height:clamp(62px,9.5vh,98px)!important;
}

html.windows-store-app .browser-body{
  height:calc(100% - clamp(62px,9.5vh,98px))!important;
  min-height:0!important;
  overflow:hidden!important;
}

html.windows-store-app .group-column,
html.windows-store-app .items-column,
html.windows-store-app .preview-column,
html.windows-store-app .group-list,
html.windows-store-app .channel-list{
  min-height:0!important;
}

html.windows-store-app .group-list,
html.windows-store-app .channel-list{
  overflow-y:auto!important;
  padding-bottom:18px!important;
}

/* O primeiro OK encaixa o player exatamente no retângngulo calculado do preview. */
html.windows-store-app .player-modal.open.mini-mode{
  inset:auto!important;
  left:var(--mini-left)!important;
  top:var(--mini-top)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--mini-width)!important;
  height:var(--mini-height)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  z-index:18!important;
  overflow:hidden!important;
}

html.windows-store-app .player-modal.open.mini-mode>video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}

html.windows-store-app .player-modal.open.mini-mode .player-buffer{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  max-width:calc(100% - 32px)!important;
  transform:translate(-50%,-50%)!important;
  white-space:nowrap!important;
}

/* Fora do mini player, preserve toda a imagem com barras laterais quando necessário. */
html.windows-store-app .player-modal.open:not(.mini-mode){
  inset:0!important;
  width:100%!important;
  height:100%!important;
}

html.windows-store-app .player-modal.open:not(.mini-mode)>video{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  transform:translate(-50%,-50%)!important;
  object-fit:contain!important;
  object-position:center center!important;
}

@media (max-height:720px){
  html.windows-store-app .browser-top{height:62px!important}
  html.windows-store-app .browser-body{height:calc(100% - 62px)!important}
  html.windows-store-app .group-button,
  html.windows-store-app .browser-channel{height:52px!important;min-height:52px!important}
}