body{padding-bottom:calc(56px + env(safe-area-inset-bottom));}
#mobile-status{position:fixed;bottom:0;inset-inline:0;z-index:80;display:flex;align-items:center;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--surface,#152b36);color:var(--text,#e7eff2);border-top:1px solid var(--border,#4c6871);box-shadow:0 -4px 20px #0002;font-size:11px;line-height:1.7;}
.mobile-pilot-label{white-space:nowrap;border:1px solid #c59747;border-radius:8px;padding:3px 7px;color:#c59747;}
#mobile-message[data-error=true]{color:#d67777;}
#mobile-update{font:inherit;cursor:pointer;border:1px solid #4a9e84;border-radius:8px;padding:5px 9px;background:transparent;color:inherit;}
[data-mobile-install][hidden],#mobile-update[hidden],#mobile-download[hidden],#mobile-share[hidden]{display:none!important;}
#mobile-share{font:inherit;background:transparent;color:inherit;border:1px solid var(--border,#4c6871);border-radius:8px;padding:4px 7px;}
#mobile-download{white-space:nowrap;color:var(--primary,#77d6ad);text-decoration:underline;}
.mobile-update-dialog{padding:24px;max-width:440px;line-height:1.9;}
@media(max-width:650px){
  .topbar{padding-top:calc(12px + env(safe-area-inset-top));}
  .sidebar{padding-top:calc(16px + env(safe-area-inset-top));}
  input,select,textarea{font-size:16px;min-height:44px;}
  .icon-btn,.btn,.nav-btn{min-height:44px;}
  .page-content{padding-inline:12px;}
  dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));}
  #mobile-status{gap:7px;padding-inline:10px;font-size:10px;}
  body:has(dialog[open]) #mobile-status,body:has(input:focus) #mobile-status,body:has(textarea:focus) #mobile-status{display:none;}
}