/* O POS tem a sua própria área; as permissões continuam a ser validadas no servidor. */
:is(html.posTerminalMode body,body.pos62Kiosk){margin:0!important;background:#151914!important;color:#eef3ee}
:is(html.posTerminalMode body,body.pos62Kiosk) #appHeader,
:is(html.posTerminalMode body,body.pos62Kiosk) #appSidebar,
:is(html.posTerminalMode body,body.pos62Kiosk) #sidebarBackdrop,
:is(html.posTerminalMode body,body.pos62Kiosk) #mobileSearchDialog,
:is(html.posTerminalMode body,body.pos62Kiosk) .platformFooter{display:none!important}
:is(html.posTerminalMode body,body.pos62Kiosk) #appView{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important}
:is(html.posTerminalMode body,body.pos62Kiosk) #appView::before{content:none!important;display:none!important}
:is(html.posTerminalMode body,body.pos62Kiosk) #appView>#main{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important;transition:none!important}
:is(html.posTerminalMode body,body.pos62Kiosk) #main>.pageHead,
:is(html.posTerminalMode body,body.pos62Kiosk) #main>.toolbar{display:none!important}
.pos62OperatorIdentity{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.pos62OperatorName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pos62OperatorStatus{font-size:12px;line-height:1.4;color:#b9d4bc;overflow-wrap:anywhere}
.pos62OperatorStatus .off{color:#ffce94}
.pos62Operator>.pos62Btn{flex:0 0 auto;min-height:44px}
@media(min-width:901px){
  :is(html.posTerminalMode body,body.pos62Kiosk){overflow:hidden!important}
  :is(html.posTerminalMode body,body.pos62Kiosk) #appView>#main{height:100dvh!important;overflow:auto!important}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Shell{box-sizing:border-box;height:100dvh!important;min-height:0!important;grid-template-columns:minmax(300px,340px) minmax(0,1fr)!important;border:0!important;border-radius:0!important;overflow:hidden}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Cart{box-sizing:border-box;height:100%;min-height:0!important;min-width:0;overflow:hidden}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Cart>.pos62Operator,
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Cart>.pos62Top,
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Totals{flex-shrink:0}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62CartList{min-height:0;overflow:auto;overscroll-behavior:contain}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Work{height:100%;min-height:0;overflow:hidden}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Search,
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Cats{flex-shrink:0}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62GridProducts{min-height:0;overflow:auto;align-content:start}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Totals{padding:8px 10px}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Total{font-size:28px;margin:5px 0}
}
@media(max-width:900px){
  :is(html.posTerminalMode body,body.pos62Kiosk){overflow-x:hidden!important;overflow-y:auto!important}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Shell{grid-template-columns:minmax(0,1fr)!important;height:auto!important;min-height:100dvh!important;border:0!important;border-radius:0!important}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Cart{min-height:0!important;min-width:0}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62CartList{max-height:32dvh;overflow-y:auto}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Empty{min-height:70px}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62GridProducts{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Cats{flex-wrap:wrap;overflow:visible}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Cat{padding:10px 12px;white-space:normal}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Product{min-width:0}
  :is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62ActionRight{justify-content:flex-start}
}