.jdr-app-banner[hidden] { display:none !important; }
.jdr-app-banner { position:fixed; bottom:calc(76px + env(safe-area-inset-bottom, 0px)); left:12px; right:12px; max-width:500px; margin:0 auto; z-index:1040; display:flex; align-items:center; gap:12px; padding:18px 16px; border:1px solid #293548; border-radius:14px; background:#101827; box-shadow:0 10px 32px #10203640; color:#fff; }
.jdr-app-banner p { flex:1; min-width:0; margin:0; font-size:14px; line-height:1.55; font-weight:700; }
.jdr-app-banner a { padding:11px 15px; border-radius:20px; color:#101827; background:#fff; text-decoration:none; font-size:12px; font-weight:700; white-space:nowrap; }
.jdr-app-banner button { border:0; background:transparent; color:#cbd5e1; min-width:32px; min-height:40px; font-size:22px; }

.jdr-app-banner a:hover { background:#e8edf5; }
.jdr-app-banner a:focus-visible,.jdr-app-banner button:focus-visible { outline:2px solid #a9c9ff; outline-offset:3px; }

.jdr-app-icon { display:flex; align-items:center; justify-content:center; flex:0 0 48px; width:48px; height:48px; box-sizing:border-box; padding:4px; background:#fff; border:1px solid #e5e7eb; border-radius:11px; overflow:hidden; }
.jdr-app-icon img { display:block; width:100%; height:auto; }
@media (max-width:380px) {
  .jdr-app-banner { gap:8px; padding:14px 12px; }
  .jdr-app-banner p { font-size:13px; }
  .jdr-app-banner a { padding:10px 12px; }
}