/* Chemical-Mandi R54 sitewide responsive + modal repair */
html,body{max-width:100%;overflow-x:hidden}
img,svg,canvas,video{max-width:100%;height:auto}
.rfq-price-backdrop,[class*="modal-backdrop"],[class*="dialog-backdrop"]{position:fixed!important;inset:0!important;z-index:10050!important;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2vw,28px);overflow-y:auto!important;overscroll-behavior:contain;background:rgba(15,23,42,.58)}
.rfq-price-backdrop[hidden],[class*="modal-backdrop"][hidden],[class*="dialog-backdrop"][hidden]{display:none!important}
.rfq-price-modal,[class*="modal-card"],[role="dialog"]{box-sizing:border-box;position:relative;max-width:min(1040px,calc(100vw - 24px))!important;width:min(1040px,100%)!important;max-height:calc(100dvh - 28px)!important;overflow-y:auto!important;overflow-x:hidden!important;margin:auto!important;border-radius:16px;-webkit-overflow-scrolling:touch}
.rfq-price-modal .table-wrap,[role="dialog"] .table-wrap{max-width:100%;overflow:auto!important}
.rfq-price-modal input,.rfq-price-modal textarea,.rfq-price-modal select,[role="dialog"] input,[role="dialog"] textarea,[role="dialog"] select{max-width:100%;box-sizing:border-box}
.rfq-modal-actions,.rfq-decision-actions,.ticket-chat-controls{position:sticky;bottom:0;z-index:2;background:inherit;padding-top:12px;padding-bottom:max(8px,env(safe-area-inset-bottom));display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:900px){.topbar{flex-wrap:wrap}.main-nav{width:100%;overflow-x:auto;white-space:nowrap}.dashboard-analysis-grid,.rfq-management-grid,.digital-suite-grid{grid-template-columns:1fr!important}.rfq-price-modal,[role="dialog"]{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:12px}.quote-details-grid,.rfq-management-form,.dashboard-analysis-metrics{grid-template-columns:1fr!important}.table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}}
@media(max-width:600px){main{padding-left:10px!important;padding-right:10px!important}.rfq-price-backdrop{padding:6px}.rfq-price-modal,[role="dialog"]{max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:16px!important}.rfq-modal-actions>*,.rfq-decision-actions>*{flex:1 1 140px}.dashboard-kpis{grid-template-columns:1fr!important}.cm-global-footer{padding-left:12px!important;padding-right:12px!important;text-align:center}}

/* R78: common phone/tablet presentation without dropping fields or actions. */
.surplus-generated-id input[readonly]{background:#dbeafe!important;color:#1e3a8a!important;border:1px solid #60a5fa!important;font-weight:800!important;cursor:not-allowed;opacity:1!important}
.supplier-view-catalogue{white-space:nowrap;min-width:132px}
.listing-table-wrap,.supplier-dialog-items,.table-wrap{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
table{max-width:100%}
input,select,textarea,button{max-width:100%}
@media(max-width:1024px){
  main,.dashboard-page,.rfq-management-main{width:100%!important;max-width:100%!important}
  .dashboard-grid,.dashboard-panels,.dashboard-analysis-grid,.rfq-management-grid,.information-columns,.form-grid,.profile-grid{grid-template-columns:1fr!important}
  .page-title,.listing-toolbar,.listing-toolbar-actions,.rfq-management-title{flex-wrap:wrap!important;gap:12px!important}
  .listing-table{min-width:920px}
}
@media(max-width:720px){
  body{font-size:15px}
  h1{font-size:clamp(1.55rem,7vw,2.1rem)!important}h2{font-size:clamp(1.25rem,5vw,1.65rem)!important}
  .rfq-management-form,.supplier-search-toolbar,.quote-details-grid,.dashboard-analysis-metrics{grid-template-columns:1fr!important}
  .page-title>*,.rfq-management-actions,.listing-toolbar-actions{width:100%}
  .rfq-management-actions button,.catalogue-add-btn{min-height:44px}
  .supplier-dialog-table{min-width:780px}
  .supplier-dialog-close{min-width:44px;min-height:44px}
}