/* Apex Tale — robustez responsiva final do Painel Player. */
html,body.apex-player-panel,body.apex-player-login{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.apex-player-panel .painel-main,body.apex-player-panel .painel-main>*{min-width:0;max-width:100%}
body.apex-player-panel img,body.apex-player-login img{max-width:100%;height:auto}
body.apex-player-panel .table-responsive,body.apex-player-panel .dataTables_wrapper{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
body.apex-player-panel input,body.apex-player-panel select,body.apex-player-panel textarea{max-width:100%}
body.apex-player-panel .modal-dialog{max-width:calc(100% - 24px);margin:12px auto}
body.apex-player-panel .modal-content{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;-webkit-overflow-scrolling:touch}

@media(max-width:767.98px){
  body.apex-player-panel .painel-main .nk-content{width:100%;max-width:100%;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  body.apex-player-panel .row{margin-left:-6px;margin-right:-6px}
  body.apex-player-panel [class*="col-"]{min-width:0;padding-left:6px;padding-right:6px}
  body.apex-player-panel .card,body.apex-player-panel .card-inner{min-width:0;max-width:100%}
  body.apex-player-panel input,body.apex-player-panel select,body.apex-player-panel textarea{font-size:max(16px,1em)}
  body.apex-player-panel a,body.apex-player-panel button{touch-action:manipulation}
  body.apex-player-panel .dropdown-menu{max-width:calc(100vw - 20px)}
}

@media(max-height:520px) and (orientation:landscape){
  body.apex-player-panel .modal-dialog{margin:8px auto}
  body.apex-player-panel .modal-content{max-height:calc(100dvh - 16px)}
}
