/* * NextSure v69 — site-wide responsive hardening. * ------------------------------------------------------------ * Purpose: make the existing UI behave consistently on phones, tablets, * laptops and desktops without changing business logic, rates or APIs. * Keep new device-specific layout fixes in this file so future edits remain * easy to find and maintain. */ :root{ --ns69-page-pad:clamp(12px,2.2vw,28px); --ns69-card-gap:clamp(12px,1.8vw,20px); --ns69-control-h:46px; } html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%} body{width:100%;max-width:100%;margin:0;overflow-x:hidden} *,*::before,*::after{box-sizing:border-box} img,svg,video,canvas{max-width:100%;height:auto} input,select,textarea,button{max-width:100%;min-width:0} textarea{resize:vertical} /* Generic content safety -------------------------------------------------- */ .container,.section,.header-inner,main,[class*="shell"],[class*="wrap"]{min-width:0} .card,.panel,.modal,[class*="card"],[class*="panel"]{min-width:0} .breakdown-table,.payment-table,.ns-user-table,.orders-table-wrap table{max-width:none} .table-responsive,.table-wrap,.orders-table-wrap,.ns-user-table-wrap,.ns-bill-table-wrap,.ns-person-orders-table-wrap{ width:100%;max-width:100%;overflow-x:auto!important;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain; } /* Do not let utility min-widths force normal cards/forms off-screen. */ @media(max-width:900px){ .min-w-full:not(table){min-width:0!important} main:not(.invoice-sheet){max-width:100%!important} /* An older global rule hid every