#pwa-status{position:sticky;bottom:0;z-index:10000;background:#fff3d6;color:#5b3b08;padding:12px 16px;font:15px/1.4 system-ui;border-top:1px solid #d9ba79}
@media(max-width:650px){
  body{padding-bottom:env(safe-area-inset-bottom);overflow-wrap:break-word}
  input,select,textarea{font-size:16px!important;min-height:44px}
  input[type=checkbox],input[type=radio]{min-height:24px;min-width:24px}
  button,nav button,a[href$="admin"]{min-height:44px}
  nav button{font-size:13px;flex:1 1 auto;text-align:center}
  .grid,.two,.companylist{grid-template-columns:minmax(0,1fr)}
  .grid>*,.two>*,.top>*,.draftcard>*{min-width:0}
  main{width:auto;max-width:100%;padding:16px}
  body>main{margin:16px auto}
  aside~main{margin:0}
  .scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .actions button{flex:1 1 140px}
  dialog{width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:90dvh;overflow:auto}
  .draftcard button{margin:4px;max-width:100%}
  #filters>*{min-width:0;flex:1 1 140px}
  a[href$="admin"]{position:static!important;display:block;padding:12px;background:white;font-size:16px;overflow-wrap:anywhere}
}
@media(display-mode:standalone){aside{padding-top:max(12px,env(safe-area-inset-top))}}
@media print{#pwa-status{display:none!important}}