[hidden]{display:none!important}
.pwa-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 20px;background:#e0f2fe;color:#164e63;font:15px system-ui,sans-serif;border-bottom:1px solid #7dd3fc}
.pwa-banner strong{display:block}.pwa-banner p{margin:3px 0;line-height:1.5}.pwa-banner .pwa-buttons{display:flex;gap:8px}
.pwa-banner button{min-height:44px;border-radius:10px;padding:10px 16px;border:1px solid #164e63;background:#164e63;color:#fff;font:inherit;cursor:pointer}
.pwa-banner button.secondary{background:white;color:#164e63}
#pwa-connection{background:#fff1d6;position:sticky;top:0;z-index:20}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:980px){button,.btn.small,select{min-height:44px}.main{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.list-controls label{max-width:100%}.mobilebar{color:#e0f2fe;overflow-wrap:anywhere}}
@media(max-width:620px){.pwa-banner{padding:12px 16px}.pwa-banner .pwa-buttons{width:100%}.pwa-banner button{flex:1}.table td>*{min-width:0;max-width:100%}.table td .form{width:100%;text-align:left}.list-controls{align-items:stretch!important}.list-controls label{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.topline .sub{line-height:1.5}}