/* R19.14.3 — compact date fields with one visible value on desktop and mobile. */
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow:clip){html,body{overflow-x:hidden}}
@media(max-width:820px){
 body.customer-app,body.admin-app{width:100%;max-width:100%;overflow-x:clip}
 :where(.customer-app,.admin-app),:where(.customer-app,.admin-app) *,:where(.customer-app,.admin-app) *::before,:where(.customer-app,.admin-app) *::after{box-sizing:border-box}
 :where(.customer-app,.admin-app) :where(#main-content,#admin-content,.admin-workspace,main,section,article,aside,header,footer,nav,form,fieldset,.wrap,.panel,.card,.modal,.dialog){min-width:0;max-width:100%}
 :where(.customer-app,.admin-app) :where(main,section,article,aside,header,footer,nav,form,fieldset,div)>*{min-width:0}
 :where(.customer-app,.admin-app) :where(img,picture,video,iframe,canvas){max-width:100%;height:auto}
 :where(.customer-app,.admin-app) svg{max-width:100%}
 :where(.customer-app,.admin-app) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,button){max-width:100%}
 :where(.customer-app,.admin-app) form :where(label,.form-group,.field,.input-group){min-width:0;max-width:100%}
 :where(.customer-app,.admin-app) form :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
 :where(.customer-app,.admin-app) input:is([type="date"],[type="datetime-local"]){display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;margin-inline:0!important;box-sizing:border-box!important}
 body:is(.customer-app,.admin-app) form input[type="date"][data-kj-calendar]{display:block!important;inline-size:100%!important;block-size:48px!important;width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:0 12px!important;border-radius:10px!important;font-size:16px!important;line-height:1.25!important;box-sizing:border-box!important;-webkit-appearance:none;appearance:none}
 :where(.customer-app,.admin-app) form .kj-date-localized{display:none!important}
 :where(.customer-app,.admin-app) :where(h1,h2,h3,h4,h5,h6,p,li,dd,dt,a,label,small,strong,span,td,th){overflow-wrap:anywhere}
 :where(.customer-app,.admin-app) pre{display:block;max-width:100%;overflow-x:auto;white-space:pre}
 :where(.customer-app,.admin-app) table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 :where(.customer-app,.admin-app) :where(.table-wrap,.responsive-table,.report-table-wrap,.departure-calendar,.ops-stats,.admin-booking-metrics,.cards,.tour-result-list,.hotel-catalog-results,.transport-catalog-results,.blog-card-grid){max-width:100%;overscroll-behavior-x:contain}
 .kj-calendar-layer,.kj-calendar-dialog{max-width:100%!important}
 .customer-app .hotel-catalog-wrap{width:calc(100% - 24px)!important;max-width:100%!important;margin-inline:auto!important}
 .customer-app .hotel-catalog-search{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;gap:14px!important;width:100%!important;max-width:100%!important;margin-inline:0!important;padding:18px 16px!important;overflow:hidden!important;align-items:stretch!important}
 .customer-app .hotel-catalog-search>label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important}
 .customer-app .hotel-catalog-search>label>span{display:block;margin:0!important;font-size:.8125rem!important;line-height:1.35!important}
 .customer-app .hotel-catalog-search :where(input,select){width:100%!important;min-width:0!important;max-width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:8px 12px!important;font-size:16px!important;line-height:1.25!important}
 .customer-app .hotel-catalog-search .hotel-destination{display:block!important;min-height:0!important;height:auto!important;padding:10px 12px!important;border:1px solid #c8dbe2!important;border-radius:12px!important}
 .customer-app .hotel-catalog-search .hotel-destination strong{display:block;margin-top:3px;font-size:1rem!important;line-height:1.35!important;overflow-wrap:anywhere}
 .customer-app .hotel-catalog-search .hotel-guest-fields{display:grid!important;grid-template-columns:64px minmax(0,1fr) 64px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;width:100%!important;max-width:100%!important}
 .customer-app .hotel-catalog-search .hotel-guest-fields input{width:64px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:6px!important;text-align:center}
 .customer-app .hotel-catalog-search .hotel-guest-fields small{min-width:0;margin:0!important;font-size:.75rem!important;line-height:1.3!important}
 .customer-app .hotel-catalog-search>.button{width:100%!important;min-height:48px!important;margin:0!important}
 .customer-app .hotel-catalog-search>label>input[type="date"][data-kj-calendar]{grid-area:2/1!important}
 .customer-app .hotel-catalog-search>label>.kj-date-localized{display:none!important}
}
@media(max-width:360px){.customer-app .hotel-catalog-search{padding-inline:14px!important}.customer-app .hotel-catalog-search .hotel-guest-fields{grid-template-columns:58px minmax(0,1fr) 58px minmax(0,1fr)!important;gap:6px!important}.customer-app .hotel-catalog-search .hotel-guest-fields input{width:58px!important}}