/* Final portal-wide mobile audit overrides. Loaded last so legacy desktop rules cannot reintroduce viewport overflow. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body,.app-shell,.app-shell>main,.content,.content>*,.panel,.table-panel,fieldset{min-width:0;max-width:100%}
img,video,canvas,iframe,embed,object{max-width:100%} iframe,video{height:auto}
pre,code,.alert,.error-list,.muted,.panel-header,.table-toolbar,.dialog-header,.ops-drawer-header,.shipper-dialog-header{overflow-wrap:anywhere}
pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} fieldset{margin-inline:0}
.portal-table-scroll,.panel-table-scroll,.table-scroll,.report-table-view,.report-city-table-scroll,.report-mini-table,.payments-ledger-panel,.tracking-orders-panel,.returns-orders-panel,.loadsheet-history-panel,.admin-management-panel{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.portal-table-scroll{width:100%;overflow-x:auto;scrollbar-width:thin}.portal-table-scroll>table{width:max-content;min-width:100%}
@media(max-width:1199px){
.app-shell>main{width:100%!important;max-width:100%!important;min-height:100dvh!important;zoom:1!important}
body.portal-mobile-nav-open{overflow:hidden!important}
.sidebar{height:var(--portal-viewport-height,100dvh)!important;max-height:var(--portal-viewport-height,100dvh);padding-bottom:max(16px,env(safe-area-inset-bottom))!important;overscroll-behavior:contain}
.sidebar-collapse-slot,.sidebar-collapse-button{display:none!important}
.topbar{padding-top:max(8px,env(safe-area-inset-top))!important}
.content{width:100%;max-width:100%;padding-bottom:max(32px,calc(20px + env(safe-area-inset-bottom)))!important;overflow-x:clip}
.content>*,.grid,.form-grid,.table-toolbar,.table-toolbar-actions,.split-actions,.btn-row,.search-control,.inline-payment-form,.entries-control,.ledger-entries-control,.city-search-select{min-width:0;max-width:100%}
.portal-table-scroll,.panel-table-scroll,.table-scroll,.report-table-view,.report-city-table-scroll,.report-mini-table{overflow-x:auto!important}
.portal-table-scroll>table,.panel-table-scroll table,.table-scroll table{width:max-content;min-width:100%;table-layout:auto}
.panel,.table-panel,.report-surface,.payments-ledger-panel,.tracking-orders-panel,.returns-orders-panel,.loadsheet-history-panel{overflow:hidden}
input[type=file]{width:100%;max-width:100%;overflow:hidden}
dialog.detail-dialog,dialog.admin-management-dialog,dialog.shipper-dialog,dialog.ops-side-drawer,dialog.return-bulk-scanner-drawer{max-height:calc(var(--portal-viewport-height,100dvh) - 12px)!important}
.dialog-header,.ops-drawer-header,.shipper-dialog-header{padding-top:max(12px,env(safe-area-inset-top))!important}
.dialog-actions,.ops-drawer-actions,.shipper-dialog-actions,.return-scanner-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
.bulk-action-bar,.tracking-loadsheet-bar{bottom:max(8px,env(safe-area-inset-bottom))!important}.city-search-options{max-width:100%}
}
@media(max-width:980px){
.auth-shell,.sidebar{min-height:var(--portal-viewport-height,100dvh)}.auth-shell{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.topbar-profile-dropdown{max-width:calc(100vw - 16px)!important}
.panel-header,.table-toolbar,.returns-toolbar,.loadsheet-list-toolbar,.shipper-management-toolbar,.tracking-entries-toolbar,.admin-merchant-performance-toolbar,.ledger-toolbar,.admin-orders-toolbar,.admin-list-toolbar{width:100%;min-width:0}
.panel-header>*,.table-toolbar>*,.returns-toolbar>*,.loadsheet-list-toolbar>*,.shipper-management-toolbar>*,.tracking-entries-toolbar>*,.admin-merchant-performance-toolbar>*,.ledger-toolbar>*,.admin-orders-toolbar>*,.admin-list-toolbar>*{min-width:0;max-width:100%}
.panel-header .btn,.table-toolbar-actions .btn,.payments-reference-hero .btn,.returns-hero .btn,.advice-export{min-height:44px}
.advice-hero{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}.advice-recovery-ring,.advice-export{grid-column:1!important;justify-self:start!important}.advice-hero-metrics{width:100%;max-width:100%}
.advice-impact-panel,.advice-order-row,.returns-toolbar,.ledger-toolbar,.ledger-filters,.returns-filter-form,.admin-order-filters,.admin-merchant-performance-filters,.tracking-filter-primary,.tracking-more-filters,.awaiting-filter-primary,.awaiting-more-filters,.shopify-filter-grid,.report-filter-grid{min-width:0;max-width:100%}
.cheque-summary-layout,.cheque-detail-grid,.shipper-card-grid,.dashboard-live-grid,.dashboard-insight-grid,.shopify-integration-grid,.reports-analytics-grid{min-width:0}
.confirmation-dialog-body{padding:16px}
.inline-payment-form{display:flex;width:100%;flex-wrap:wrap}.inline-payment-form input{flex:1 1 140px;width:auto}.inline-payment-form .btn,.inline-payment-form button{flex:1 1 120px}
.pagination,.tracking-pagination-controls,.report-pagination nav{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.pagination a,.pagination span,.pagination button,.report-pagination a,.report-pagination nav>span{flex:0 0 auto}

/* Newer booking workflows were added after the original portal-wide audit. */
.orders-entry-grid,.single-panel-grid{grid-template-columns:minmax(0,1fr)!important}
.single-booking-panel,.single-booking-workflow,.single-booking-flow,.booking-flow-card,.booking-shipper-options,.booking-pickup-option,.booking-live-summary,.single-booking-submit,
.bulk-booking-workflow,.bulk-booking-hero,.bulk-upload-card,.bulk-stage,.bulk-review-summary,.bulk-stat-grid,.bulk-review-toolbar,.bulk-review-list,.bulk-order-card,.bulk-order-fields,.bulk-stage-actions,.bulk-confirm-summary,.bulk-confirm-totals,.bulk-checklist-card{min-width:0;max-width:100%}
.single-booking-panel{width:100%!important;max-width:100%!important}
.single-booking-workflow{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
.booking-live-summary{position:static!important;inset:auto!important;width:100%!important;max-height:none!important}
.bulk-upload-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
.bulk-review-summary,.bulk-review-toolbar,.bulk-stage-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
.bulk-stat-grid,.bulk-confirm-totals{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.bulk-order-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.bulk-review-tabs{display:flex;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.bulk-review-tabs>button{flex:0 0 auto;min-height:44px;white-space:nowrap}
.bulk-drop-zone,.bulk-upload-actions,.bulk-ready-copy,.bulk-feedback{min-width:0;max-width:100%;overflow-wrap:anywhere}
.bulk-stage-actions>*{min-width:0;max-width:100%}

dialog{max-width:calc(100vw - 12px)}
dialog>form,dialog .modal-body,dialog .dialog-body,dialog [class$="-dialog-body"]{min-width:0;max-width:100%}
.dialog-close{min-width:44px;min-height:44px}
}
@media(max-width:700px){
.content{padding-inline:10px!important}.panel,.table-panel,.report-surface,.payments-ledger-panel,.tracking-orders-panel,.returns-orders-panel,.loadsheet-history-panel{border-radius:10px!important}
.panel-header,.table-toolbar,.returns-toolbar,.loadsheet-list-toolbar,.shipper-management-toolbar,.tracking-entries-toolbar,.admin-merchant-performance-toolbar,.ledger-toolbar,.admin-orders-toolbar,.admin-list-toolbar{align-items:stretch!important;flex-direction:column!important;gap:12px!important}
.table-toolbar-actions,.admin-orders-toolbar-controls,.returns-row-actions,.advice-order-actions,.loadsheet-row-actions,.loadsheet-document-actions,.account-manager-actions,.split-actions,.btn-row{width:100%;min-width:0;max-width:100%}
.table-toolbar-actions,.admin-orders-toolbar-controls,.returns-row-actions,.advice-order-actions,.loadsheet-document-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
.table-toolbar-actions>*,.admin-orders-toolbar-controls>*,.returns-row-actions>*,.advice-order-actions>*,.loadsheet-document-actions>*{width:100%!important;min-width:0!important}
.search-control,.inline-payment-form{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.search-control>*,.inline-payment-form>*{width:100%!important;min-width:0!important}
.advice-hero-metrics,.advice-activity-grid,.returns-summary-grid{grid-template-columns:minmax(0,1fr)!important}.advice-hero-metrics>div{min-width:0}.advice-order-list{padding-inline:14px}.advice-order-row{align-items:stretch!important}
.cheque-summary-card{min-width:0}.shipper-card-actions{grid-template-columns:minmax(0,1fr) 44px}.store-row,.live-order-row,.loadsheet-row{min-width:0;max-width:100%}.error-list{padding-inline:16px}
input,select,textarea{font-size:16px!important}button,.btn,input,select{min-height:44px}

.single-booking-page-heading,.single-booking-submit,.bulk-upload-actions,.bulk-stage-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:10px!important}
.single-booking-reference{width:100%;max-width:100%;justify-self:stretch!important;text-align:left!important}
.booking-payment-segments,.bulk-stat-grid,.bulk-order-fields,.bulk-confirm-totals{grid-template-columns:minmax(0,1fr)!important}
.booking-pickup-option{grid-template-columns:auto minmax(0,1fr) auto!important}
.booking-pickup-copy,.booking-step-heading>div,.bulk-review-summary-copy{min-width:0;overflow-wrap:anywhere}
.single-booking-submit .btn,.bulk-upload-actions>*,.bulk-stage-actions>*{width:100%!important;min-width:0!important}
.bulk-review-toolbar{gap:10px!important}
.bulk-review-tabs{width:100%}
.bulk-order-card{padding-inline:12px!important}
}
@media(max-width:480px){
.content{padding-inline:8px!important}.panel{padding:13px}.topbar-profile-dropdown{right:-2px!important;width:min(190px,calc(100vw - 12px))!important}
.dialog-actions,.ops-drawer-actions,.shipper-dialog-actions,.return-scanner-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;gap:8px!important}.dialog-actions>*,.ops-drawer-actions>*,.shipper-dialog-actions>*,.return-scanner-actions>*{width:100%!important;min-width:0!important;grid-column:1!important}
.cheque-summary-row,.cheque-meta-card .cheque-summary-row{grid-template-columns:minmax(0,1fr)!important;gap:3px!important}.cheque-summary-row strong,.cheque-meta-card .cheque-summary-row strong{text-align:left}
.shipper-card-header{grid-template-columns:auto minmax(0,1fr)!important}.shipper-order-count{grid-column:2;justify-self:start}.badge,.status-badge{max-width:100%}
.report-metric-card strong,.stat-card strong,.operation-card strong,.shipper-management-stats strong{overflow-wrap:anywhere;white-space:normal}.auth-tabs{gap:7px}.auth-tabs a{padding-inline:9px;overflow-wrap:anywhere}

.booking-flow-card,.bulk-upload-card,.bulk-confirm-summary,.bulk-checklist-card{padding-inline:12px!important}
.booking-step-heading{grid-template-columns:44px minmax(0,1fr)!important}
dialog{width:100vw!important;max-width:100vw!important;max-height:var(--portal-viewport-height,100dvh)!important;margin:0!important;border-radius:0!important}
}
@media(max-height:520px) and (max-width:980px){.topbar{position:sticky;top:0}.sidebar{padding-top:8px!important}.sidebar-logo img{height:72px!important}dialog.detail-dialog,dialog.admin-management-dialog,dialog.shipper-dialog,dialog.ops-side-drawer,dialog.return-bulk-scanner-drawer{max-height:var(--portal-viewport-height,100dvh)!important;border-radius:0!important}}
@media(prefers-reduced-motion:reduce){.sidebar,.nav-link,.btn,dialog{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
