/* Adaptive dimensions; browser zoom remains under the user's control. */
:root{--kts-layout-width:1440px;--kts-layout-gutter:clamp(20px,3vw,48px)}
@media screen and (display-mode:browser){
 body.kts-redesign:has(.kts-header-customer) .kts-footer{max-width:var(--kts-layout-width);width:100%;padding-left:var(--kts-layout-gutter);padding-right:var(--kts-layout-gutter)}
 body.kts-redesign:not(.client-mobile) :is(.kts-header,.kts-utility,.kts-page,.np-portal),#kts-home-designs .site{max-width:var(--kts-layout-width);margin-left:auto;margin-right:auto}
 body.kts-redesign:not(.client-mobile) :is(.kts-header,.kts-utility,.kts-page),#kts-home-designs :is(.utility,.siteheader,.hero,.services,.news,.sitefooter){padding-left:var(--kts-layout-gutter);padding-right:var(--kts-layout-gutter)}
 #kts-home-designs :is(.calculator,.home-closing){margin-left:var(--kts-layout-gutter);margin-right:var(--kts-layout-gutter)}
 body.kts-redesign:not(.client-mobile) :is(.np-content,.np-layout,.np-workspace,.np-table-wrap){min-width:0;max-width:100%}
 body.kts-redesign:not(.client-mobile) .np-table-wrap{overflow-x:auto;overscroll-behavior-x:contain}
 .kts-utility-customer{flex-wrap:wrap}.kts-utility-customer .kts-cabinet-clock{margin-left:auto}.kts-utility-customer .kts-density-control{display:none}.kts-header-customer .kts-user{min-width:0;flex-wrap:wrap}.kts-header-customer .kts-user>span{overflow-wrap:anywhere}
 .np-filters{max-width:100%}.np-filters>*{min-width:0}
 html[data-kts-surface=program] :is(.page-content,.content-wrapper,.content,.grid-view){min-width:0;max-width:100%}
 html[data-kts-surface=program] .table-responsive{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 html[data-kts-surface=program] .navbar{min-width:0!important}
}
@media screen and (min-width:761px) and (display-mode:browser){
 #kts-home-designs :is(.utility,.eyebrow){font-size:12px}
 #kts-home-designs .siteheader,body.kts-redesign .kts-header:not(.kts-header-customer){padding-top:20px;padding-bottom:24px}
 #kts-home-designs .siteheader .logo,body.kts-redesign .kts-header:not(.kts-header-customer) .kts-logo{width:150px;transform:none}
 #kts-home-designs .mainnav :is(.navbutton,.linebutton),.kts-header-nav>a,.kts-header-nav .kts-outline{font-size:14px}
 #kts-home-designs .hero{padding-top:30px;padding-bottom:30px;gap:36px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
 #kts-home-designs .hero-copy>.eyebrow{position:static;margin-bottom:18px}
 #kts-home-designs .hero-copy h1.home-delivery-title{font-size:clamp(30px,2.6vw,40px)!important;line-height:1.17!important}
 #kts-home-designs .hero-copy p.home-delivery-slogan{font-size:clamp(20px,1.6vw,24px)!important;margin-bottom:18px!important}
 #kts-home-designs .hero-actions{margin-top:18px}
 #kts-home-designs :is(.mainbutton,.textbutton){font-size:14px}
 #kts-home-designs .hero-actions .mainbutton{padding:12px 18px;min-height:44px}
 #kts-home-designs .site :is(.tracking h2,.calculator .calc-title h2,.services .sectionhead h2){font-size:25px!important}
 #kts-home-designs .tracking-heading{font-size:13px;margin-bottom:16px}
 #kts-home-designs .hero .tracking{padding-left:30px}
 #kts-home-designs .tracking-input input{font-size:16px}
 #kts-home-designs .tracking .tracking-hint{font-size:13px}
 #kts-home-designs .calculator{padding:20px 24px}
 #kts-home-designs .calc-title{margin-bottom:18px}
 #kts-home-designs .calculator label{font-size:13px}
 #kts-home-designs .calculator input:not([type=hidden]){font-size:15px;min-height:44px;padding-top:10px;padding-bottom:10px}
 #kts-home-designs .calculator .calc-fields .mainbutton{height:44px;font-size:14px}
 #kts-home-designs .calculator .home-city-quick button{font-size:13px}
 #kts-home-designs .services{padding-top:28px;padding-bottom:30px}
 #kts-home-designs .site .services .actiongrid .action-title{font-size:16px}
 #kts-home-designs .news{padding-top:30px;padding-bottom:30px}
 #kts-home-designs .site .newsitem :is(p,time){font-size:13px}
 body.kts-redesign:not(.client-mobile) .np-heading h1{font-size:clamp(30px,2.5vw,38px)!important;line-height:1.2}
 body.kts-redesign:not(.client-mobile) .np-heading{margin-bottom:24px;padding-bottom:24px;gap:20px;flex-wrap:wrap}
 body.kts-redesign:not(.client-mobile) .np-page{padding-top:28px}
 body.kts-redesign:not(.client-mobile) .np-workspace{padding-top:22px}
 body.kts-redesign:not(.client-mobile) .np-table{font-size:14px}
 html[data-kts-density=compact] body.kts-redesign:not(.client-mobile) .np-workspace :is(input.field,select.field){height:38px!important;min-height:38px!important;padding-top:7px!important;padding-bottom:7px!important;font-size:14px!important;line-height:22px!important}
 html[data-kts-density=comfortable] body.kts-redesign:not(.client-mobile) .np-workspace :is(input.field,select.field){height:46px!important;min-height:46px!important;padding-top:11px!important;padding-bottom:11px!important;font-size:15px!important;line-height:22px!important}
 html[data-kts-density=compact] body.kts-redesign .np-workspace .np-table :is(td,th){padding-top:9px!important;padding-bottom:9px!important}
 html[data-kts-density=comfortable] body.kts-redesign .np-workspace .np-table :is(td,th){padding-top:15px!important;padding-bottom:15px!important}
 html[data-kts-density=compact] body.kts-redesign .np-workspace .np-editor>section{padding-top:20px;padding-bottom:20px}
 html[data-kts-density=compact] body.kts-redesign .np-workspace .np-editor-grid{gap:16px}
 html[data-kts-density=comfortable] body.kts-redesign .np-workspace .np-editor-grid{gap:24px}
 html[data-kts-surface=program] body,html[data-kts-surface=program] .table{font-size:14px}
 html[data-kts-surface=program][data-kts-density=compact] .table>tbody>tr>td{padding-top:7px;padding-bottom:7px}
 html[data-kts-surface=program][data-kts-density=comfortable] .table>tbody>tr>td{padding-top:13px;padding-bottom:13px}
 html[data-kts-surface=program][data-kts-density=compact] :is(input,select).form-control:not([type=checkbox]):not([type=radio]):not([multiple]):not([size]){height:36px;min-height:36px;padding-top:6px;padding-bottom:6px;font-size:14px}
 html[data-kts-surface=program][data-kts-density=comfortable] :is(input,select).form-control:not([type=checkbox]):not([type=radio]):not([multiple]):not([size]){height:44px;min-height:44px;padding-top:10px;padding-bottom:10px;font-size:14px}
 html[data-kts-surface=program][data-kts-density=compact] .content{padding:16px 20px}
 html[data-kts-surface=program][data-kts-density=compact] .form-group{margin-bottom:14px}
 html[data-kts-surface=program][data-kts-density=comfortable] .form-group{margin-bottom:22px}
 body.client-mobile :is(.client-app,.client-bottom,#client-menu){max-width:720px}
 body.client-mobile .client-header{padding:14px 20px}body.client-mobile .client-content{padding:20px}
 html:is([data-kts-surface=logist],[data-kts-surface=courier]) .app{max-width:760px}
 html:is([data-kts-surface=logist],[data-kts-surface=courier]) .bottom{width:min(760px,100%)}
 html:is([data-kts-surface=logist],[data-kts-surface=courier]) .app>header{padding:14px 20px}
}
@media screen and (min-width:761px) and (max-width:1100px) and (display-mode:browser){
 #kts-home-designs .siteheader .logo,.kts-header:not(.kts-header-customer) .kts-logo{width:130px}
 #kts-home-designs .hero .tracking{padding-left:24px}
 #kts-home-designs .calculator .calc-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:34px}
 #kts-home-designs .calculator .direction{display:none}
 #kts-home-designs .calculator .calc-fields .mainbutton{justify-content:center}
 body.kts-redesign .kts-header-customer .kts-customer-nav{order:3;width:100%;flex-basis:100%;justify-content:flex-start;flex-wrap:wrap}
 html[data-kts-surface=program] :is(.navbar-collapse,.navbar-nav){flex-wrap:wrap}
}
@media screen and (max-width:760px){
 html,body{touch-action:pan-x pan-y}
 .kts-density-control{display:none}
 #kts-home-designs .siteheader .logo{width:116px;transform:none!important}
 body.kts-redesign:not(.client-mobile) .kts-page{padding:24px 20px}
 body.kts-redesign:not(.client-mobile) .np-heading h1{font-size:28px!important;overflow-wrap:break-word}
 body.kts-redesign:not(.client-mobile) .np-heading{flex-wrap:wrap;gap:18px}
 body.kts-redesign:not(.client-mobile) .np-editor-grid{grid-template-columns:minmax(0,1fr)}
 body.kts-redesign:not(.client-mobile) .np-filters{display:flex;flex-wrap:wrap;gap:12px}
 body.kts-redesign:not(.client-mobile) .np-filters>label{flex:1 1 200px}
 body.kts-redesign:not(.client-mobile) .np-workspace :is(input.field,select.field){font-size:16px!important;min-height:44px!important}
 body.kts-redesign .kts-header-customer .kts-customer-nav{flex-wrap:wrap;justify-content:flex-start}
 html[data-kts-surface=program] .content{padding:12px}
 html[data-kts-surface=program] .content .form-control{font-size:16px;min-height:44px}
}
@media screen and (pointer:coarse){
 .kts-density-control button{min-height:40px}
 body.kts-redesign .np-workspace :is(input.field,select.field),html[data-kts-surface=program] .form-control{min-height:44px!important}
}
@media screen and (min-width:1101px) and (max-height:800px){
 #kts-home-designs .hero{padding-top:24px;padding-bottom:24px}
 #kts-home-designs .siteheader,.kts-header:not(.kts-header-customer){padding-top:16px;padding-bottom:18px}
}
@media (display-mode:standalone),(display-mode:fullscreen),print{.kts-density-control{display:none!important}}

/* Keep the fixed program header at full size; fit more data in the work area. */
html[data-kts-surface=program] .content {
 zoom:90%;
 width:100%;
 max-width:100%;
}

/* Restore the visible height of scrolling lists after scaling their contents. */
html[data-kts-surface=program] .content > .grid-view > .card > .table-responsive,
html[data-kts-surface=program] .content :is(.movement-grid-scroll,.cost-revise-grid-scroll,.cash-accepting-grid-scroll) {
 max-height:calc(111.111vh - 12.833rem + 4.444px);
}
html[data-kts-surface=program] .content > .grid-view > .card > :is(.waybill-grid-scroll,.request-grid-scroll) {
 max-height:calc(111.111vh - 17.278rem + 4.444px);
}
html[data-kts-surface=program] .content .tariffs-grid-scroll {
 max-height:calc(111.111vh - 20.611rem + 4.444px);
}
