/* طبقة التطبيق الأصلي: لا تعمل إلا داخل WebView يعرف نفسه كتطبيق. */
html[data-app-runtime="native"]{
  --app-viewport-height:100dvh;
  --app-keyboard-offset:0px;
  -webkit-tap-highlight-color:transparent;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overscroll-behavior-y:none;
}
html[data-app-runtime="native"] body{
  min-height:var(--app-viewport-height);
  padding-bottom:calc(90px + env(safe-area-inset-bottom));
  overscroll-behavior-y:none;
}
html[data-app-runtime="native"] .site-header{
  padding-top:env(safe-area-inset-top);
  height:calc(64px + env(safe-area-inset-top))!important;
}
html[data-app-runtime="native"] .mobile-nav{
  bottom:0!important;
  padding-bottom:calc(5px + env(safe-area-inset-bottom))!important;
}
html[data-app-runtime="native"] input,
html[data-app-runtime="native"] select,
html[data-app-runtime="native"] textarea{font-size:max(16px,1rem)}
html[data-app-runtime="native"] input:focus,
html[data-app-runtime="native"] select:focus,
html[data-app-runtime="native"] textarea:focus{scroll-margin-block-end:calc(156px + var(--app-keyboard-offset))}
html[data-app-runtime="native"] .pwa-install-button{display:none!important}
html[data-app-runtime="native"] .pwa-permission-sheet{
  bottom:calc(14px + env(safe-area-inset-bottom) + var(--app-keyboard-offset));
  max-height:calc(var(--app-viewport-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 28px);
  overflow:auto;
}
html[data-app-runtime="native"] .radar-results{
  bottom:calc(14px + env(safe-area-inset-bottom));
}
html[data-app-runtime="native"] .nearby-radar-stage{
  min-height:0;
  height:calc(var(--app-viewport-height) - 154px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
}
html[data-app-runtime="native"] .browser-only{display:none!important}
.webview-photo-picker{display:grid;gap:7px;margin-top:7px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.webview-photo-list{display:flex;gap:6px;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.webview-photo-list::-webkit-scrollbar{display:none}.webview-photo-list:empty{display:none}.webview-photo-thumb{position:relative;flex:0 0 72px;height:72px;overflow:hidden;border:2px solid var(--panel);border-radius:10px;background:var(--panel);box-shadow:0 3px 10px #0001}.webview-photo-thumb img{width:100%;height:100%;display:block;object-fit:cover}.webview-photo-thumb b{position:absolute;right:3px;bottom:3px;left:3px;overflow:hidden;padding:3px;border-radius:6px;background:#111b;color:#fff;font-size:8px;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.webview-photo-actions{display:flex;gap:6px}.webview-photo-actions button{min-height:36px;border:0;border-radius:9px;padding:6px 10px;font:inherit;font-size:11px;font-weight:900}.webview-photo-add{flex:1;background:var(--forest);color:#fff}.webview-photo-clear{background:var(--panel);color:var(--danger);border:1px solid var(--line)!important}.webview-photo-picker>small{color:var(--muted);font-size:9px;text-align:center}
html[data-app-runtime="native"] label.upload-area.multi-upload{display:none!important}
html[data-app-runtime="native"] #imagePreview{display:none!important}
@media (min-width:761px){
  html[data-app-runtime="native"] .site-header{height:calc(74px + env(safe-area-inset-top))!important}
}
@media (max-width:760px){
  html[data-app-runtime="native"] .nearby-radar-page{margin-bottom:calc(84px + env(safe-area-inset-bottom))}
}