/* Preserve readable tables with local horizontal scrolling on small screens. */
.shipping-hidden{display:none!important}
.scan-clear-field{position:relative;display:inline-flex;align-items:center;max-width:100%;vertical-align:middle}
.scan-clear-field input{width:100%!important;padding-right:46px;min-width:0!important}
#traceform .scan-clear-field{width:70%}
.scan-clear-button{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:42px;min-height:42px;padding:0;background:transparent;color:var(--muted);font:400 25px/1 Arial;box-shadow:none}
.scan-clear-button:hover{background:var(--purple-light);color:var(--purple)}
.scan-clear-button:active{transform:translateY(-50%)}
@media(max-width:700px){#masterform .scan-clear-field,#traceform .scan-clear-field{width:100%;flex:1 1 100%}#masterform .scan-clear-field input{flex:initial}}
header{flex-wrap:wrap}.webapp-install{margin-left:auto}.webapp-install button{background:#ffffff14;border:1px solid #ffffff80;color:#fff;min-height:44px}
#webapp-guide{width:min(760px,94vw)}.install-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.install-options section{margin:0;padding:18px}.install-options li{margin-bottom:10px}
button,.button{min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid #d5ad50;outline-offset:3px}[hidden]{display:none!important}
@media(max-width:700px){
  :root{font-size:16px}header{padding-top:max(16px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  main{padding-bottom:calc(24px + env(safe-area-inset-bottom))}header,.service-brand,.service-wordmark,main,section,form{min-width:0}
  .webapp-install{margin-left:0;width:100%}.webapp-install button{width:100%}.service-wordmark small{white-space:normal}
  input,select,textarea{font-size:16px;min-height:44px}input[type=checkbox]{min-height:24px;min-width:24px}
  form{display:flex;flex-wrap:wrap;gap:10px;align-items:end}form>label{flex:1 1 180px;margin:0;min-width:0}form>label input,form>label select{width:100%}
  #loginform>label,#loginform>button{flex:1 1 100%}#masterform{flex-wrap:wrap}#mastercode{width:100%;flex:1 1 100%}#masterform>button{flex:1 1 150px}
  #traceform input{width:100%!important;flex:1 1 100%}#scanhouse{width:100%;min-width:0!important}#scanchoices label{display:block}
  nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}nav button{white-space:normal;line-height:1.45;padding:12px 8px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats .muted{font-size:12px}.stats b{font-size:26px}
  .shipment-toolbar,.shipment-filters,.shipment-pagination{align-items:stretch;flex-direction:column;gap:12px}.shipment-filters>*{width:100%!important;min-width:0!important}.shipment-search input{width:100%}.page-size-label{justify-content:space-between;margin:0}
  .pagination-controls{display:flex;flex-wrap:wrap;gap:8px}.pagination-controls button{flex:1 1 40%;font-size:13px}.page-jump{order:2;justify-content:center;width:100%}
  .scroll{max-width:100%;-webkit-overflow-scrolling:touch}table{min-width:700px}#shipment-table{min-width:1100px}.scroll:focus-visible{outline:3px solid #d5ad50}
  #warehouse{overflow:hidden}#map{min-width:600px}.warehouse-map-scroll{overflow:auto;max-width:100%;border-radius:10px;-webkit-overflow-scrolling:touch}
  dialog{max-height:88dvh;width:94vw;overflow:auto}dialog form input,dialog form select{max-width:100%}.install-options{grid-template-columns:1fr}#webapp-guide ol{padding-left:22px}
  pre{white-space:pre-wrap;overflow-wrap:anywhere}#kpirows td:last-child{min-width:245px}.label{max-width:100%;margin:8px 0}
}
@media print{.webapp-install,#webapp-guide{display:none!important}#map{min-width:0}table{min-width:0}}