/* Responsive compatibility refinements. Existing public branding and page structure are retained. */
body[data-page]{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
body[data-page] img,body[data-page] video,body[data-page] iframe{max-width:100%}
body[data-page] .nav-links.mobile-open{max-height:calc(100vh - var(--mobile-header-height,142px));max-height:calc(var(--amit-viewport-height,100vh) - var(--mobile-header-height,142px));padding-bottom:max(25px,env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}
body[data-page] .mega-panel{max-height:calc(100vh - 155px)}
body[data-page] .website-enquiry-dialog{max-height:92vh;max-height:calc(var(--amit-viewport-height,100vh) - 32px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
body[data-page] .website-enquiry-form,body[data-page] .website-enquiry-form .form-grid,body[data-page] .website-enquiry-form label{min-width:0}
body[data-page] .website-enquiry-form .enquiry-form-heading h2,body[data-page] .website-enquiry-form [data-enquiry-upload-status],body[data-page] .website-enquiry-form [data-enquiry-success]{overflow-wrap:anywhere}
body[data-page] .corporate-footer a,body[data-page] .company-record-details dd{overflow-wrap:anywhere}
body[data-page] .footer-navigation .footer-phone{white-space:normal}
body[data-page] .back-to-top{bottom:max(22px,calc(env(safe-area-inset-bottom,0px) + 14px))}
body[data-page] .comparison-launcher{bottom:max(22px,calc(env(safe-area-inset-bottom,0px) + 14px))}
.app-shell{min-height:100vh;min-height:var(--amit-viewport-height,100vh)}
.app-shell .sidebar{height:100vh;height:var(--amit-viewport-height,100vh);max-height:var(--amit-viewport-height,100vh);padding-top:max(23px,env(safe-area-inset-top,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px));padding-left:max(14px,env(safe-area-inset-left,0px))}
.app-shell .sidebar nav{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.app-shell #main,.app-shell .workspace,.app-shell .panel,.app-shell .panel-body,.app-shell .q-workspace,.app-shell .q-panel-body,.app-shell .q-item-holder{min-width:0;max-width:100%}
.app-shell .workspace-footer{padding-bottom:max(18px,env(safe-area-inset-bottom,0px));overflow-wrap:anywhere}
.app-shell .table-wrap,.app-shell .erp-table-wrap,.app-shell .q-table-wrap,.app-shell .q-sheet-scroll,.app-shell .q-monthly-chart,body[data-page] .table-scroll{max-width:100%;min-width:0;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.app-shell .q-tabs,.app-shell .q-section-nav{max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.app-shell .q-tabs>.q-button,.app-shell .q-section-nav>.q-section-link{flex:0 0 auto}
.app-shell .q-stage-bar-label strong,.app-shell .q-metric strong,.app-shell .q-party-preview,.app-shell .q-lifecycle,.app-shell .enquiry-admin-facts dd{min-width:0;overflow-wrap:anywhere}
.q-dialog{max-height:calc(100vh - 40px);max-height:calc(var(--amit-viewport-height,100vh) - 40px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.app-shell~dialog{max-height:calc(100vh - 32px);max-height:calc(var(--amit-viewport-height,100vh) - 32px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.compat-dialog{position:fixed;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:1001;max-width:calc(100% - 24px);max-height:calc(var(--amit-viewport-height,100vh) - 32px);overflow:auto}
.compat-dialog:not([open]){display:none!important}.compat-dialog[open]{display:block}
.compat-dialog-backdrop{position:fixed;inset:0;background:#071d2ac9;z-index:1000}.compat-dialog-backdrop[hidden]{display:none!important}
@supports(height:100dvh){
 body[data-page] .nav-links.mobile-open{max-height:calc(100dvh - var(--mobile-header-height,142px))}
 body[data-page] .mega-panel{max-height:calc(100dvh - 155px)}
}
@media(max-width:1000px){
 body[data-page] .mega-panel{max-height:none}
 body[data-page] .collection-heading>*{min-width:0}
}
@media(max-width:1024px),(pointer:coarse){
 body[data-page] input:not([type=checkbox]):not([type=radio]),body[data-page] select,body[data-page] textarea{font-size:16px}
 .app-shell input:not([type=checkbox]):not([type=radio]),.app-shell select,.app-shell textarea,.q-dialog input:not([type=checkbox]):not([type=radio]),.q-dialog select,.q-dialog textarea{font-size:16px}
 body.enterprise-admin .app-shell select,body.enterprise-admin .app-shell textarea,body.enterprise-admin .q-dialog select,body.enterprise-admin .q-dialog textarea{font-size:16px}
 body.enterprise-admin .app-shell .q-workspace .q-sheet input,body.enterprise-admin .app-shell .q-workspace .q-sheet select,body.enterprise-admin .app-shell .q-workspace .q-sheet textarea{font-size:16px;min-height:44px}
 body.enterprise-admin .app-shell .q-workspace .q-sheet [data-line-field="material_code"]{font-size:16px;min-height:44px}
 body.enterprise-admin .app-shell .q-workspace .q-sheet-actions>.q-button,body.enterprise-admin .app-shell .q-workspace .q-sheet .q-image-tools .q-button{min-height:44px!important}
 .app-shell button,.q-dialog button,body[data-page] .mega-toggle{min-height:44px}
 .app-shell .icon-button,body[data-page] .mega-toggle{min-width:44px}
}
@media(max-width:760px){
 .app-shell .topbar-actions{gap:6px;max-width:100%;min-width:0}
 .app-shell .topbar .icon-button,.app-shell .sidebar-footer button,.app-shell .sidebar-footer a{min-width:44px;min-height:44px}
 .app-shell .user-name{overflow-wrap:anywhere;max-width:100px}
 .app-shell .page-heading,.app-shell .panel-head,.app-shell .q-panel-head{flex-wrap:wrap}
 .app-shell .heading-actions{max-width:100%;flex-wrap:wrap}
 .app-shell .heading-actions>*{max-width:100%;white-space:normal}
 .app-shell .q-workspace .q-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .app-shell .q-workspace .q-summary{grid-template-columns:minmax(0,1fr)}
 .app-shell .q-workspace .q-sheet-scroll{max-height:70vh;max-height:calc(var(--amit-viewport-height,100vh)*.7)}
 .app-shell .q-workspace .q-action-bar{bottom:max(7px,env(safe-area-inset-bottom,0px))}
 .app-shell .workspace-footer{gap:10px;flex-wrap:wrap}
 body[data-page] .website-enquiry-dialog>.enquiry-dialog-heading{padding:14px 16px}
 body[data-page] .website-enquiry-form{padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}
}
@media(max-width:480px){
 .app-shell .topbar .breadcrumb{min-width:0;overflow-wrap:anywhere}
 .app-shell .topbar .user-name,.app-shell .topbar .preview-link{display:none}
 .app-shell .q-workspace .q-sheet .q-col-identity{position:static;left:auto;box-shadow:none}
 .app-shell .q-workspace .q-sheet-scroll{scroll-padding-left:37px}
 .app-shell .q-workspace .q-report-filters{grid-template-columns:minmax(0,1fr)}
 .app-shell .q-workspace .q-report-filters>*{grid-column:auto}
 .app-shell .q-workspace .q-metrics{grid-template-columns:minmax(0,1fr)}
 .app-shell .q-workspace .q-grid,.q-dialog .q-grid{grid-template-columns:minmax(0,1fr)}
 .app-shell .q-workspace .q-panel-head>.q-button{flex-basis:100%}
 body[data-page] .website-enquiry-dialog{width:calc(100% - 20px);max-width:calc(100% - 20px)}
 body[data-page] .website-enquiry-form{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.compat-dialog{scroll-behavior:auto}.app-shell .q-sheet-scroll,body[data-page] .table-scroll{scroll-behavior:auto}}

.app-shell .q-workspace .q-summary>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
@media(max-width:1200px){.app-shell .q-workspace .q-summary{grid-template-columns:minmax(0,1fr)}}

/* Reviewed city enquiry selector: native, keyboard accessible and mobile safe. */
.local-city-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;margin:24px 0;max-width:900px}.local-city-form label{display:grid;gap:9px;min-width:0;font-size:13px;font-weight:600}.local-city-form select{width:100%;min-width:0;max-width:100%;min-height:48px;padding:11px 14px;border:1px solid #bac9c9;border-radius:4px;background:#fff;color:#183a43;font:inherit}.local-city-form .button{min-height:48px}.local-city-note{font-size:12px!important;line-height:1.8}.local-city-form select:focus-visible{outline:3px solid #2e7c8d;outline-offset:3px}@media(max-width:760px){.local-city-form{grid-template-columns:minmax(0,1fr)}.local-city-form select{font-size:16px}.local-city-form .button{width:100%;justify-content:center}}