/* Responsive controls without shrinking the entire ERP canvas. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:700px){
body{min-width:0!important} #root{min-width:0;max-width:100%}
input,select,textarea,.MuiInputBase-input{font-size:16px!important}
.sp-module-workspace,.sp-personal-dashboard,.sp-user-access{padding:14px!important;border-radius:14px!important}
.sp-page-heading h1,.sp-page-heading h2{font-size:22px!important;line-height:1.25}
.sp-module-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
.sp-module-groups button{min-height:64px!important;padding:12px!important;font-size:14px!important}
.sp-module-groups button span{font-size:12px!important}
.sp-operation-grid{grid-template-columns:1fr!important}
.sp-operation-grid button{min-height:46px;font-size:14px!important;padding:12px!important}
.MuiTableContainer-root{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.MuiDialog-paper{max-width:calc(100vw - 24px)!important;margin:12px!important;max-height:calc(100dvh - 24px)!important}
.sp-kpi-card strong{font-size:26px!important}.sp-kpi-card span{font-size:13px!important}
[data-colorjet-install-prompt]{flex-wrap:wrap!important;gap:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important}
[data-colorjet-install-prompt]>div{flex-basis:calc(100% - 60px)!important}
[data-colorjet-install-prompt]>button{flex:1;min-height:44px}
}
@media(display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom)} html{overscroll-behavior-y:none}}

/* Keep content clear of mobile navigation; reports use compact two-column filters. */
@media(max-width:700px){
#subliprint-shortcuts{position:relative!important;inset:auto!important;margin:12px 16px calc(88px + env(safe-area-inset-bottom))!important;justify-content:center;box-shadow:none!important;font-size:13px!important}
[data-colorjet-footer]{display:none!important}
.entry-form-paper{padding:12px!important;max-width:100%;min-width:0}
.filter-section{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:center!important}
.filter-section>.MuiFormControl-root:nth-child(3){grid-column:1/-1}
.filter-section>.MuiButton-root{min-height:40px!important;padding:8px 12px!important;font-size:13px!important}
.filter-section>.MuiFormControl-root{min-width:0!important;width:100%}
.filter-section .MuiInputBase-root{min-height:44px!important}
.MuiTableCell-root{padding:10px 12px!important;font-size:13px!important;white-space:nowrap}
.MuiTablePagination-root .MuiToolbar-root{padding:0 4px!important;flex-wrap:wrap;gap:6px}
}

/* Print sale lines become editable cards instead of a 1230px desktop table. */
@media(max-width:700px){
.cj-print-sale-lines{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important}
.cj-print-sale-lines colgroup,.cj-print-sale-lines thead{display:none!important}
.cj-print-sale-lines tbody{display:grid!important;gap:12px!important;width:100%!important}
.cj-print-sale-lines tbody tr{display:grid!important;gap:6px!important;width:100%!important;padding:12px!important;border:1px solid #cbd5e1!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 10px rgba(8,40,66,.08)}
.cj-print-sale-lines tbody td{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:4px 0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere}
.cj-print-sale-lines tbody td:first-child{display:none!important}
.cj-print-sale-lines tbody td::before{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;color:#0b4266;margin:2px 0 6px}
.cj-print-sale-lines tbody td:nth-child(2)::before{content:"Print service / item"}
.cj-print-sale-lines tbody td:nth-child(3)::before{content:"X size"}
.cj-print-sale-lines tbody td:nth-child(4)::before{content:"Y size"}
.cj-print-sale-lines tbody td:nth-child(5)::before{content:"Quantity"}
.cj-print-sale-lines tbody td:nth-child(6)::before{content:"Rate"}
.cj-print-sale-lines tbody td:nth-child(7)::before{content:"Amount"}
.cj-print-sale-lines tbody td:nth-child(8)::before{content:"Artwork"}
.cj-print-sale-lines tbody td:nth-child(9)::before{content:"Remove line"}
.cj-print-sale-lines .MuiFormControl-root,.cj-print-sale-lines .MuiInputBase-root{width:100%;min-width:0}
}

/* Native printing purchase: contain grid min-content to the mobile viewport. */
@media (max-width: 767px) {
  .cj-native-purchase-entry,
  .cj-native-purchase-entry form { grid-template-columns: minmax(0, 1fr); }
  .cj-native-purchase-entry form,
  .cj-native-purchase-entry .MuiPaper-root { min-width: 0; max-width: 100%; }
}