/* J2A Banker — convite e instruções de instalação do app */
.j2a-app-menu{margin-top:10px;border:1px dashed rgba(242,169,0,.45)!important;color:#f2a900!important}
.j2a-app-menu .sb-ic{color:#f2a900;opacity:1}

.j2a-app-banner{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:3000;
  display:flex;align-items:center;gap:12px;padding:12px 12px 12px 12px;border-radius:16px;
  background:#0d2540;color:#fff;box-shadow:0 14px 34px rgba(13,37,64,.35);border:1px solid rgba(255,255,255,.12);
  font-family:inherit;animation:j2aAppSobe .3s ease-out}
.j2a-app-banner img{width:44px;height:44px;border-radius:11px;flex-shrink:0}
.j2a-app-banner div{flex:1;min-width:0}
.j2a-app-banner b{display:block;font-size:14.5px}
.j2a-app-banner span{display:block;margin-top:2px;font-size:12.5px;color:rgba(255,255,255,.7)}
.j2a-app-instalar{padding:10px 16px;border:0;border-radius:10px;background:#f2a900;color:#12385f;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.j2a-app-x{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.65);font-size:22px;line-height:1;cursor:pointer}
@keyframes j2aAppSobe{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:901px){.j2a-app-banner{left:auto;width:420px}}

.j2a-app-fundo{position:fixed;inset:0;z-index:3100;display:flex;align-items:flex-end;justify-content:center;background:rgba(8,20,36,.55)}
.j2a-app-folha{position:relative;width:100%;max-width:460px;padding:22px 20px calc(20px + env(safe-area-inset-bottom,0px));
  border-radius:22px 22px 0 0;background:#fff;color:#10213b;box-shadow:0 -10px 30px rgba(0,0,0,.2);animation:j2aAppSobe .25s ease-out}
.j2a-app-fechar{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font-size:20px;cursor:pointer}
.j2a-app-cab{display:flex;align-items:center;gap:12px;margin:0 36px 16px 0}
.j2a-app-cab img{width:52px;height:52px;border-radius:13px}
.j2a-app-cab b{display:block;font-size:17px}
.j2a-app-cab span{display:block;margin-top:3px;font-size:13px;color:#64748b}
.j2a-app-alerta{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#fff7e6;color:#8a5a00;font-size:13px}
.j2a-app-passos{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:12px}
.j2a-app-passos li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.45}
.j2a-app-passos li>span{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;background:#12385f;color:#fff;font-weight:800;font-size:13px}
.j2a-app-ico{display:inline-grid;place-items:center;width:28px;height:28px;margin:0 2px;border-radius:7px;background:#eef4fb;color:#1f6fe5;vertical-align:middle;font-style:normal}
.j2a-app-ok{width:100%;padding:14px;border:0;border-radius:12px;background:#12385f;color:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer}

/* Dentro do app instalado: sem convites */
.j2a-app-instalado .j2a-app-banner,.j2a-app-instalado .j2a-app-menu{display:none!important}

/* Botão de menu no celular pelo navegador (antes o menu ficava inacessível) */
.j2a-menu-movel{display:none}
@media(max-width:800px){
  html:not(.j2a-app) .j2a-menu-movel{display:grid;place-items:center;position:fixed;top:12px;left:12px;z-index:2200;width:46px;height:46px;
    border:1px solid #dbe3ee;border-radius:14px;background:#fff;color:#12385f;box-shadow:0 12px 30px rgba(15,23,42,.12);cursor:pointer}
  html:not(.j2a-app) .main-content{padding-top:64px}
  html:not(.j2a-app) body.sidebar-mobile-open .j2a-menu-movel{left:auto;right:12px;z-index:2400}
}