/* Shared responsive layer, loaded after the module styles. Desktop/PDF layouts keep their settings. */
.mobile-table-hint{display:none}
.mobile-column-move{display:none}
@media screen and (max-width:1024px){
 .main-content,.page-content,.page-content>.container-fluid,#view-content,.portal-main,.card,.card-body,.row>*{min-width:0}
 .mobile-table-scroll{width:100%;max-width:100%;min-width:0;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .mobile-table-hint.is-overflowing{display:block;margin:6px 0;padding:6px 9px;color:#52647a;background:#f1f5fb;border-radius:4px;font-size:12px}
 .mobile-table-scroll:focus-visible{outline:2px solid #5267d8;outline-offset:2px}
 .mobile-table-scroll :is(th,td){position:static!important;left:auto!important;right:auto!important}
 .mp-filter-bar{flex-wrap:wrap;overflow:visible}
 .mp-filter-field{flex:1 1 160px;max-width:none;min-width:0}
 .mp-filter-actions{flex-wrap:wrap;white-space:normal}
 .ex-shipment-filters{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ex-shipment-filters>*{min-width:0}
 .rb-review-layout{grid-template-columns:minmax(0,1fr)}
}
@media screen and (max-width:767.98px){
 .page-content{padding:85px 0 20px}
 .page-content>.container-fluid{padding-right:10px;padding-left:10px}
 .main-content{margin-left:0!important}
 .card{margin-bottom:14px}
 .card-header,.card-body{padding:12px}
 .card-header.d-flex,.modal-header .d-flex,.modal-footer,.card-body>.d-flex,.portal-header,.portal-header>.d-flex{flex-wrap:wrap;gap:8px}
 .card-header>*{min-width:0;max-width:100%}
 .card-header h4,.card-header h5,.page-title-box h4{overflow-wrap:anywhere}
 .page-title-box{gap:8px;align-items:flex-start!important}
 .page-title-box .breadcrumb{flex-wrap:wrap;margin-bottom:0}
 .row{--vz-gutter-x:16px;--bs-gutter-x:16px}
 .form-control,.form-select,.search-select-toggle{font-size:16px!important;min-height:42px!important;height:auto;max-width:100%;min-width:0}
 input[type=file]{width:100%;min-width:0}
 textarea.form-control{height:auto;min-height:90px}
 .search-select{min-width:0;max-width:100%}
 .search-select-portal{max-width:calc(100vw - 16px);max-height:70dvh}
 .select-options .dropdown-item{min-height:42px;padding:10px}
 .form-check-input{width:20px;height:20px;flex-shrink:0}
 .btn,.btn.app-uniform-button,.finance-action-icon,#receipt-batch-screen .btn.finance-action-icon{min-height:40px!important;height:auto!important;max-height:none!important;min-width:40px!important}
 .btn.app-uniform-button{width:auto!important;max-width:100%!important;white-space:normal;padding:8px 12px!important;flex-shrink:1!important}
 .app-button-caption,.app-button-viewport{white-space:normal;overflow:visible;text-overflow:clip}
 .app-button-overflow:is(:hover,:focus-visible) .app-button-caption{width:auto;animation:none;transform:none}
 .btn-group{flex-wrap:wrap;max-width:100%}
 .btn-close{min-width:40px;min-height:40px;padding:6px;flex-shrink:0}
 .nav-tabs,.nav-pills,.ps-tabs,.ex-document-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:5px;overscroll-behavior-x:contain}
 .nav-tabs>*,.nav-pills>*,.ps-tabs>*,.ex-document-tabs>*{flex-shrink:0}
 .modal{padding:0!important;top:var(--mobile-viewport-top,0);height:var(--mobile-viewport-height,100dvh)}
 .modal-dialog,.modal-dialog.modal-wide{width:100%;max-width:100%!important;margin:0;min-height:0}
 .modal-content{max-height:var(--mobile-viewport-height,100dvh)!important;min-width:0;border-radius:0;overflow:hidden}
 .modal-content>form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
 .modal-header,.modal-footer{flex-shrink:0;padding:10px 12px}
 .modal-body{min-height:0;overflow:auto;max-height:calc(var(--mobile-viewport-height,100dvh) - 142px)!important;padding:12px}
 .modal-footer .btn{flex:1 1 auto}
 dialog[open]:is(.ex-output-panel-modal,.document-preview,.app-dialog){position:fixed;inset:var(--mobile-viewport-top,0) 0 auto;margin:0;width:100%;max-width:100vw!important;max-height:var(--mobile-viewport-height,100dvh);border-radius:0}
 dialog.ex-output-panel-modal[open]{height:var(--mobile-viewport-height,100dvh);display:flex;flex-direction:column}
 .ex-output-panel-modal>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
 .ex-output-panel-header,.ex-output-panel-footer{flex-shrink:0;padding:10px 12px;gap:8px}
 .ex-output-panel-header{align-items:center}
 .ex-output-panel-body{flex:1;min-height:0;overflow:auto;padding:12px}
 .ex-output-panel-footer{padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--vz-secondary-bg,#fff)}
 .ex-output-panel-footer>.d-flex{margin-left:0;flex-wrap:wrap;max-width:100%;gap:8px}
 .document-preview[open]{height:var(--mobile-viewport-height,100dvh)}
 .document-preview-header{padding:10px;gap:8px;flex-shrink:0}
 .document-preview-header>div{display:flex;gap:6px;max-width:100%}
 .document-preview-body{min-height:180px}
 .document-tool-panel{padding:10px;max-height:55dvh}
 .rb-pdf-pane{position:static;order:-1}
 .rb-pdf-frame{height:45dvh;min-height:240px}
 .rb-rate-details .fx-tools{grid-template-columns:minmax(0,1fr)}
 .ex-shipment-filters,.ex-output-settings-groups,.ex-output-panel-body .ex-output-fields-grid{grid-template-columns:minmax(0,1fr)}
 .mp-filter-field{flex-basis:calc(50% - 8px)}
 .mp-filter-actions{width:100%}
 .ex-document-navigation .ex-document-page-actions{width:100%;padding-left:0;border-left:0;display:flex;gap:8px;flex-wrap:wrap}
 .ex-pack-editor,.ex-pack-grid{max-width:100%;min-width:0}
 .ow-savebar{position:static;display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
 .workspace-sticky-header{display:none!important}
 #order-management.is-stuck{position:static!important;width:auto!important;transform:none!important}
 .mobile-table-scroll :is(th,td){position:static!important;left:auto!important;right:auto!important}
 .mobile-table-scroll table{margin-bottom:0}
 .mobile-table-scroll :is(th,td){font-size:13px}
 /* Column settings become labelled cards rather than a 1800px-wide form. */
 .ex-output-column-top-scroll{display:none}
 .ex-output-column-scroll:has(.mobile-column-table){overflow-x:hidden;max-height:none;flex:1;min-height:0}
 .mobile-column-table,.mobile-column-table tbody{display:block;width:100%!important;min-width:0!important;max-width:100%!important}
 .mobile-column-table colgroup{display:none}
 .mobile-column-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .mobile-column-table tbody>tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;margin-bottom:12px;height:auto!important;min-height:0!important;border:1px solid #dce4ef;border-radius:8px;background:#fff;box-shadow:0 2px 6px #26374608}
 .mobile-column-table tbody>tr>td{display:block;min-width:0!important;width:auto!important;max-width:100%!important;position:static!important;left:auto!important;right:auto!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;white-space:normal!important;overflow:visible!important}
 .mobile-column-table tbody>tr>td[hidden]{display:none!important}
 .mobile-column-table tbody>tr>td::before{content:attr(data-mobile-label);display:block;white-space:normal;color:#52647a;font-size:12px;font-weight:600;line-height:1.4;margin-bottom:5px;overflow-wrap:anywhere}
 .mobile-column-table tbody>tr>td:nth-child(3),.mobile-column-table tbody>tr>td:nth-child(4),.mobile-column-table tbody>tr>td:nth-child(7),.mobile-column-table tbody>tr>td:nth-child(8){grid-column:1/-1}
 .mobile-column-table :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.search-select){max-width:100%!important;min-width:0!important}
 .mobile-column-table :is(.ex-output-width-controls,.ex-output-template-control,.ex-output-unit-controls){min-width:0;max-width:100%}
 .mobile-column-table .ex-output-align-control{display:inline-flex;flex-direction:column;margin-right:6px}
 .mobile-column-table tbody>tr>td:has(.ex-output-align-control){grid-column:1/-1}
 .mobile-column-table .ex-output-unit-controls{grid-template-columns:20px minmax(0,1fr) 80px}
 .mobile-column-table .ex-output-align-buttons,.mobile-column-table .ex-unit-position-buttons{display:inline-flex;gap:0}
 .mobile-column-table .ex-output-align-button,.mobile-column-table .ex-unit-position-button{width:40px!important;min-width:40px!important;min-height:40px!important}
 .mobile-column-table .ex-output-col-colors{display:block}
 .mobile-column-table .ex-output-color-edit{width:100%!important;min-width:0!important;max-width:100%!important}
 .mobile-column-move{display:inline-flex;gap:2px;margin-left:2px;vertical-align:middle}
 .mobile-column-move .btn{width:40px!important;padding:4px!important;font-size:18px;line-height:1}
 .ex-output-column-toolbar{flex-wrap:wrap;gap:8px}
 .ex-output-column-toolbar>span{flex:1 1 100%}
 .mobile-desktop-hint{display:none!important}
 .ex-color-cards{grid-template-columns:minmax(0,1fr)}
 .ps-table.mobile-column-table{table-layout:auto}
 .ps-scroll:has(.mobile-column-table){overflow-x:hidden;max-height:none;flex:1;min-height:0;padding:0 10px}
 .ps-options{display:flex;flex-wrap:wrap;gap:10px;min-width:0}
 .ps-options>label{min-width:0;max-width:100%;flex-wrap:wrap}
 #export-finance .exf-table-actions .exf-action-icon{width:40px!important;min-width:40px!important;max-width:40px!important;flex-basis:40px!important}
 .portal-brand{min-width:0;max-width:100%}
 .portal-brand>div{min-width:0;overflow-wrap:anywhere}
 .portal-mark{flex-shrink:0}
 .portal-header{padding:10px}
 .portal-nav{flex-wrap:nowrap;overflow-x:auto;padding:10px;max-width:100%}
 .portal-nav>*{flex-shrink:0}
 .portal-main{padding:10px!important}
 #page-topbar .navbar-header{padding:0 8px;gap:4px}
 #page-topbar .navbar-brand-box{width:auto;padding:0 4px}
 .header-item{height:60px}
 .user-profile-menu{margin-left:0}
 .ui-language-control{margin:0 3px}
 .ui-language-select{font-size:13px!important;min-height:36px!important;width:78px}
 .navbar-menu.portal-menu-open{max-height:calc(100dvh - 65px);overflow:auto}
}
@media screen and (max-width:380px){
 .mp-filter-field{flex-basis:100%}
 .ex-output-panel-footer>.d-flex{width:100%}
 .ex-output-panel-footer>.d-flex>.btn{flex:1}
}
@media screen and (max-width:767.98px){
 #ex-form .em-excel-table :is(th,td){min-width:160px;white-space:normal}
 #ex-form .em-excel-table input{min-width:145px}
 #ex-form #em-excel-file{flex:1 1 100%;max-width:100%}
 #ow-one-off-dialog .oo-feature>.col{flex:1 1 45%;min-width:0}
 #ow-one-off-dialog .oo-feature>.col-auto{margin-left:auto}
}
.em-excel-table input{min-width:145px}
.order-list-more,.order-list-more-actions { display:contents; }
.order-list-more>summary { display:none; }
@media(max-width:767px) {
 .order-list-more { display:block; position:relative; }
 .order-list-more>summary { display:inline-flex; align-items:center; cursor:pointer; list-style:none; }
 .order-list-more>summary::-webkit-details-marker { display:none; }
 .order-list-more>summary::after { content:'▾'; margin-left:7px; }
 .order-list-more[open]>summary::after { content:'▴'; }
 .order-list-more>.order-list-more-actions { position:absolute; z-index:40; right:0; top:calc(100% + 5px); width:min(310px,calc(100vw - 44px)); max-height:min(65vh,520px); overflow:auto; display:grid; gap:7px; padding:10px; background:var(--vz-card-bg,#fff); border:1px solid var(--vz-border-color,#d7dfed); border-radius:8px; box-shadow:0 8px 24px #26374626; }
 .order-list-more:not([open])>.order-list-more-actions { display:none; }
 .order-list-more-actions>.btn { width:100%!important; max-width:none!important; white-space:normal; justify-content:flex-start; text-align:left; }
}