:root{--vms-bg:#f3f6fa;--vms-ink:#172033;--vms-muted:#64748b;--vms-navy:#071d3c;--vms-line:#dce5ef;--vms-blue:#0d6efd}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;overflow-x:hidden;color:var(--vms-ink)}
img,svg,canvas{max-width:100%;height:auto}
.vms-main,.container,.container-fluid,.wrap{min-width:0}
.card{min-width:0}
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}
.form-control,.form-select,.btn{min-height:38px}
label{font-weight:600}
@media(max-width:767.98px){
  html{font-size:15px}
  body{font-size:.95rem}
  h1,.h1{font-size:1.55rem}h2,.h2{font-size:1.3rem}h3,.h3{font-size:1.15rem}
  .container-fluid,.vms-main,.wrap{padding-left:10px!important;padding-right:10px!important}
  .row.g-3{--bs-gutter-x:.65rem;--bs-gutter-y:.65rem}
  .card-body{padding:12px}
  .btn{white-space:normal;line-height:1.15}
  .table{font-size:.79rem}
  .table th,.table td{padding:.42rem .38rem;vertical-align:middle}
  .form-control,.form-select{font-size:.9rem}
  .product-picker{max-height:210px!important}
}
@media(max-width:420px){
  html{font-size:14px}
  .table{font-size:.74rem}
  .btn{font-size:.78rem;padding:.45rem .55rem}
}
@media print{body{background:#fff!important;color:#000!important}.no-print,.screen-only{display:none!important}.table-responsive{overflow:visible!important}}