/* RMM Jamaah App — menu bawah mengambang (gaya aplikasi mobile) */
.rmmj-nav{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);
  z-index:9980;width:calc(100% - 20px);max-width:460px;pointer-events:none;
  animation:rmmjNavIn .45s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes rmmjNavIn{from{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%,0)}}
.rmmj-nav-in{pointer-events:auto;display:flex;align-items:stretch;justify-content:space-around;gap:2px;height:64px;padding:6px;
  background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
  border:1px solid rgba(0,66,37,.08);border-radius:24px;
  box-shadow:0 14px 34px -12px rgba(0,48,27,.38),0 2px 8px rgba(15,23,42,.06)}
.rmmj-nav-a{background:none;border:0;font-family:inherit;cursor:pointer;position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border-radius:18px;color:#94a3b8;text-decoration:none;-webkit-tap-highlight-color:transparent;
  font:600 10.5px/1 Inter,system-ui,-apple-system,sans-serif;transition:color .2s,background-color .2s,transform .15s}
.rmmj-nav-a i{font-size:18px;line-height:1}
.rmmj-nav-a:active{transform:scale(.94)}
.rmmj-nav-a:hover{color:#004225}
.rmmj-nav-t{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
.rmmj-nav-a.is-active{color:#004225;background:linear-gradient(180deg,rgba(212,175,55,.14),rgba(212,175,55,.04))}
.rmmj-nav-a.is-active::after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:#D4AF37}
.rmmj-nav-a.is-active .rmmj-nav-t{font-weight:800}
.rmmj-nav-ava{width:22px;height:22px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3px #cbd5e1}
.rmmj-nav-a.is-active .rmmj-nav-ava{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #D4AF37}

/* Tombol tengah (Asisten AI) menonjol ke atas */
.rmmj-nav-a.is-center{justify-content:flex-end;gap:5px;padding-bottom:4px;background:none;color:#004225}
.rmmj-nav-a.is-center::after{display:none}
.rmmj-nav-orb{position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#D4AF37;font-size:21px;
  background:linear-gradient(135deg,#004225 0%,#0a5c37 55%,#00301b 100%);border:4px solid #fff;
  box-shadow:0 10px 20px -6px rgba(0,66,37,.6),inset 0 0 0 1px rgba(212,175,55,.45)}
.rmmj-nav-orb::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(212,175,55,.55);
  animation:rmmjPulse 2.4s ease-out infinite}
@keyframes rmmjPulse{0%{transform:scale(1);opacity:.9}80%,100%{transform:scale(1.35);opacity:0}}
.rmmj-nav-a.is-center .rmmj-nav-t{font-weight:800}
@media (prefers-reduced-motion:reduce){.rmmj-nav,.rmmj-nav-orb::after{animation:none}}

/* Ruang aman agar konten tidak tertutup menu */
body.rmmj-has-nav .rmm-footer,body.rmmj-has-nav .rmm-footer--pad{padding-bottom:calc(112px + env(safe-area-inset-bottom)) !important}
body.rmmj-has-nav .rmmj-shell{padding-bottom:0}
body.rmmj-has-nav .rmmj-install-wrap{bottom:calc(96px + env(safe-area-inset-bottom)) !important}
body.rmmj-has-nav .rmmjc-fab{bottom:calc(100px + env(safe-area-inset-bottom))}
body.rmmj-has-nav .rmmjc-embed .rmmjc-box{height:calc(100vh - 64px - 88px);height:calc(100dvh - 64px - 88px - env(safe-area-inset-bottom))}
body.rmmj-has-nav .rmmjc-overlay .rmmjc-box{margin-bottom:0}
/* Sembunyikan saat keyboard/lembar menu terbuka */
html[style*="overflow: hidden"] .rmmj-nav{opacity:0;pointer-events:none;transition:opacity .15s}

/* Menu bawah gaya bar rata (seperti aplikasi native) */
.rmmj-nav--bar{left:50%;bottom:0;width:100%;max-width:480px;transform:translateX(-50%);animation:none}
.rmmj-nav--bar .rmmj-nav-in{height:auto;gap:0;padding:8px 4px calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid #e2e8f0;border-radius:0;background:rgba(255,255,255,.97);box-shadow:0 -6px 20px -18px rgba(15,23,42,.6)}
.rmmj-nav--bar .rmmj-nav-a{border-radius:12px;padding:4px 0;gap:5px}
.rmmj-nav--bar .rmmj-nav-a.is-active{background:none}
.rmmj-nav--bar .rmmj-nav-a.is-active::after{display:none}
.rmmj-nav--bar .rmmj-nav-a.is-center .rmmj-nav-orb{position:static;transform:none;width:auto;height:auto;border:0;background:none;box-shadow:none;color:inherit;font-size:18px}
.rmmj-nav--bar .rmmj-nav-a.is-center .rmmj-nav-orb::after{display:none}
.rmmj-nav--bar .rmmj-nav-a.is-center{justify-content:center;padding-bottom:4px}
body.rmmj-has-nav .rmmj-nav--bar~*{}