/* Layout dello schermo e campi touch. Lo zoom manuale resta disponibile. */
@media screen{
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{min-width:0;max-width:100%}
 #root,#aeroclub-app,main,.portal-body,.portal-modal{min-width:0;max-width:100%}
 input,select,textarea{max-width:100%;min-width:0}
 input[type=date],input[type=time],input[type=datetime-local]{display:block;min-width:0;max-width:100%;box-sizing:border-box}
 input::-webkit-date-and-time-value{min-width:0;text-align:left}
 #app-header .club-header-layout,#app-header .club-controls,#app-header .club-brand-text,#navigation-archive-bar{min-width:0}
 .portal-modal{max-width:calc(100vw - 24px);max-height:90vh;max-height:90dvh;overflow-y:auto}
 .portal-overlay{box-sizing:border-box;max-width:100%;padding:12px}
 .portal-details pre,.portal-whatsapp-preview{overflow-wrap:anywhere}
 button,a,input,select,textarea{touch-action:manipulation}
 #sheets{max-width:100%;overflow-x:auto}
}
@media screen and (max-width:1024px),screen and (hover:none) and (pointer:coarse){
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]),select,textarea{font-size:16px!important;line-height:1.4}
 input[type=date],input[type=time],input[type=datetime-local]{width:100%}
 #app-header .club-brand{flex:0 1 auto;min-width:0;max-width:100%}
 #booking-modal>div{min-width:0;max-width:100%;max-height:90vh;max-height:90dvh}
 #booking-modal input,#booking-modal select,#booking-modal textarea{min-width:0;max-width:100%}
 .portal-modal form,.portal-modal .grid,.users-page .user-controls{min-width:0}
}
@media screen and (max-width:360px){#app-header .club-brand h1{white-space:normal;overflow-wrap:anywhere}}