/* Ajustements Safari iOS, clavier virtuel et écrans étroits. */
:root{--app-height:100dvh;-webkit-text-size-adjust:100%}html,body{max-width:100%;overflow-x:hidden}body{-webkit-tap-highlight-color:transparent}button,.close,.edit-entry,.settings-button{touch-action:manipulation}button{min-height:44px}.edit-entry{min-width:44px}.primary,.secondary,.nav-card,.quick-button,.back,.text-button{min-height:44px}input,select,textarea{min-height:48px;font-size:16px}input[type="checkbox"]{min-height:0}.close{width:44px;height:44px}.settings-button{width:46px;height:46px;right:max(14px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}
dialog{max-height:calc(var(--app-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);overflow:hidden}dialog form{max-height:calc(var(--app-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);overflow-y:auto;scroll-padding:24px 0 96px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(22px + env(safe-area-inset-bottom))}dialog form>.primary:last-child{position:sticky;z-index:5;bottom:calc(-22px - env(safe-area-inset-bottom));margin-bottom:calc(-22px - env(safe-area-inset-bottom));box-shadow:0 -12px 18px #fffdf9;background-clip:padding-box}
@media(max-width:600px){main{padding-top:calc(18px + env(safe-area-inset-top));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:calc(82px + env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left))}dialog{width:calc(100% - 16px);margin:auto auto max(8px,env(safe-area-inset-bottom));border-radius:22px}dialog form{padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.dialog-head{margin-bottom:16px}.onboarding,.onboarding form{min-height:min(580px,calc(var(--app-height,100dvh) - 16px))}.ticket-items{margin:14px 0}.ticket-item{padding:10px}.ticket-total{margin-bottom:4px}.section{margin-top:25px}}
@media(max-width:370px){h1{font-size:1.8rem}.summary-grid{grid-template-columns:1fr}.trip-period-summary{grid-template-columns:1fr 1fr}}
@media(orientation:landscape) and (max-height:500px){dialog,dialog form{max-height:calc(var(--app-height,100dvh) - 8px)}main{padding-top:calc(10px + env(safe-area-inset-top))}}