/* Base desktop layout stays intact; standalone mode accounts for iPhone insets. */
@media(display-mode:standalone){
 body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
 body>header{height:auto;min-height:70px;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:12px}
 body:not(:has(>header)){padding-top:env(safe-area-inset-top,0px)}
 #spread-alert-dialog{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px)}
}
@media(max-width:650px){
 body>header{height:auto;min-height:70px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}
 body>header>div:last-child{flex-wrap:wrap;gap:8px!important;min-width:0}
 input,select,textarea{font-size:16px!important}
 button{touch-action:manipulation}
 #spread-alert-dialog{width:calc(100% - 20px)}
 @media(display-mode:standalone){body>header{padding-top:calc(12px + env(safe-area-inset-top,0px))}}
}
#connection-banner{margin:10px 12px;padding:10px 12px;border:1px solid #a87d31;border-radius:7px;background:#33270e;color:#ffe3a3;font:14px/1.5 system-ui}
#connection-banner[hidden]{display:none}