/* Keep the training terminal centered instead of stretching across a wide monitor. */
body:has(#pos:not([hidden])){min-height:100dvh;display:grid;place-items:center;background:#020b13}
#pos{width:min(1100px,100%);height:min(880px,100dvh);margin:auto;grid-template-rows:90px minmax(0,1fr) 54px}
#pos .right-pane{grid-template-rows:minmax(0,1fr) 285px}
#pos .right-pane.browse{grid-template-rows:minmax(0,1fr)}
#pos .sale-pane{grid-template-rows:minmax(0,1fr) 147px}
#pos .topbar{gap:15px;padding:10px 12px}
#pos .station-info{gap:15px}
#pos .station-info strong{font-size:19px}
#pos .station-info div:first-child strong{font-size:17px}
#pos .topbar nav{width:53%}
#pos .topbar button{font-size:12px;padding:9px}
#pos .total-details{font-size:15px;gap:10px 22px}
#pos .balance{font-size:31px;padding:10px 2px}
#pos .cart-row{font-size:13px;min-height:45px}
#pos #catalog-grid .category{font-size:12px}
#pos .payment-buttons button{font-size:14px}
@media(max-width:1000px){#pos .station-info strong{font-size:15px}#pos .topbar nav{width:67%}#pos .topbar button{font-size:11px;padding:7px}#pos .total-details{font-size:13px}#pos .balance{font-size:26px}#pos .payment-buttons button{font-size:12px}}
@media(max-width:700px){#pos{height:auto;min-height:100dvh;grid-template-rows:auto auto auto}#pos .topbar nav{width:100%}#pos .topbar button{font-size:10px;padding:5px}#pos .right-pane{grid-template-rows:320px 290px}#pos .right-pane.browse{grid-template-rows:minmax(0,1fr)}}