#connectionNotice{position:fixed;z-index:10000;left:50%;top:10px;transform:translate(-50%,-80px);padding:10px 16px;border-radius:10px;background:#8f2a33;color:#fff;font-weight:700;font-size:13px;box-shadow:0 6px 20px #0003;transition:.25s;pointer-events:none}#connectionNotice.visible{transform:translate(-50%,0)}#connectionNotice.online{background:#267352}
#pendingSalesBadge{position:fixed;z-index:9998;left:14px;bottom:14px;padding:9px 13px;border-radius:9px;background:#fff0c9;color:#704800;border:1px solid #e5c167;font-weight:700;font-size:12px;box-shadow:0 5px 18px #0002}#pendingSalesBadge[hidden]{display:none}
@media(max-width:700px){
  html{font-size:15px}body{min-width:0;overflow-x:hidden}body>*{max-width:100%}
  input,select,textarea,button{font-size:16px!important;max-width:100%}
  .page,.container,.shell,.content-wrap{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:12px!important;padding-right:12px!important}
  .topbar,.page-head,.hero,.filters,.toolbar,.form-row,.header-actions{flex-wrap:wrap!important;height:auto!important;gap:10px!important}
  .card,.panel,.report-card,form{max-width:100%}
  .grid,.metrics,.quick,.inventory{grid-template-columns:1fr!important}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  dialog,.modal,.modal-card{max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;overflow:auto}
  .session-bar{right:8px!important;bottom:8px!important}
}
@media(max-width:560px){
  main{padding-left:10px!important;padding-right:10px!important}
  h1{font-size:1.55rem!important}h2{font-size:1.25rem!important}
  .primary,.secondary,button[type="submit"]{min-height:44px}
}