/* RepublicaPass V30 — header mobile com R real + Minha conta + sidebars menores */
.rp-mobile-account-top{display:none}

/* Painéis: realmente menores no desktop */
:root{--sidebar-w:248px;--sidebar-collapsed:76px}
.panel-sidebar{width:var(--sidebar-w);padding:16px 11px 13px}
.panel-main{margin-left:var(--sidebar-w);padding-left:24px;padding-right:24px}
.sidebar-top{min-height:44px}
.sidebar-top .sidebar-brand{gap:8px;padding:0 2px}
.sidebar-top .sidebar-brand .brand-logo{width:32px!important;height:32px!important;animation:none!important}
.sidebar-top .sidebar-brand>span{font-size:13px!important}
.sidebar-context{margin:8px 2px 10px;padding:10px 11px;border-radius:12px}
.sidebar-context small{font-size:8.5px}.sidebar-context b{font-size:12.5px}
.panel-nav{gap:3px}
.panel-nav .nav-section{font-size:9px;padding:8px 7px 3px}
.panel-nav a,.nav-group-toggle{min-height:39px;padding:7px 9px!important;border-radius:11px}
.panel-nav .nav-home,.nav-group-toggle{grid-template-columns:29px minmax(0,1fr) 18px;gap:8px}
.panel-nav .nav-home{grid-template-columns:29px minmax(0,1fr)}
.panel-nav a i,.nav-group-toggle i,.group-icon{width:29px;height:29px;border-radius:8px;font-size:13px}
.panel-nav a span,.group-label{font-size:12px}
.nav-group-items a{padding-left:40px!important;font-size:11.5px}
.panel-user{gap:8px}.panel-user .avatar{width:36px;height:36px}.panel-user b{font-size:11px!important}.panel-user small{font-size:9px!important}

@media(max-width:820px){
  /* topo: R do desktop + menu + conta */
  .rp-premium-v15 .rp-premium-header,
  .rp-homepage-v16 .rp-premium-header{
    display:flex!important;align-items:center!important;gap:8px!important;
    min-height:62px!important;padding:0 12px!important;
  }
  .rp-premium-v15 .rp-wordmark{
    display:flex!important;align-items:center!important;flex:0 0 auto!important;
    width:42px!important;height:42px!important;margin:0!important;gap:0!important;
  }
  .rp-premium-v15 .rp-wordmark img{
    display:block!important;width:38px!important;height:38px!important;object-fit:contain!important;
    padding:0!important;border:0!important;border-radius:0!important;background:none!important;
    filter:drop-shadow(0 0 9px rgba(177,255,0,.24))!important;
  }
  .rp-premium-v15 .rp-wordmark>span{display:none!important}
  .rp-premium-v15 .rp-premium-nav,.rp-premium-v15 .rp-header-actions{display:none!important}

  .rp-mobile-menu-button{
    order:2!important;display:flex!important;flex:0 0 38px!important;width:38px!important;height:38px!important;
    margin-left:auto!important;margin-right:0!important;border-radius:11px!important;
  }
  .rp-mobile-account-top{
    order:3;display:inline-flex;align-items:center;justify-content:center;gap:6px;
    height:38px;padding:0 11px;border-radius:999px;
    border:1px solid rgba(13,242,138,.38);background:rgba(13,242,138,.055);
    color:#eaf7f0;text-decoration:none;font-size:10.5px;font-weight:700;white-space:nowrap;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 0 18px rgba(13,242,138,.035);
  }
  .rp-mobile-account-top svg{width:16px;height:16px;fill:none;stroke:#0df28a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .rp-mobile-account-top:active{transform:scale(.97)}

  /* Drawer público menor */
  .rp-premium-v15 .mobile-public-nav{
    width:min(82vw,306px)!important;
    padding:16px 14px calc(18px + env(safe-area-inset-bottom))!important;
  }
  .mobile-drawer-head{padding-bottom:14px!important}
  .mobile-drawer-brand{gap:8px!important;font-size:17px!important}
  .mobile-drawer-brand img{display:block!important;width:31px!important;height:31px!important;object-fit:contain!important}
  .mobile-drawer-kicker{padding:18px 3px 9px!important;font-size:8px!important}
  .mobile-drawer-links{gap:5px!important}
  .mobile-drawer-links a{min-height:47px!important;padding:0 11px!important;border-radius:11px!important;font-size:12.5px!important}
  .mobile-drawer-footer{gap:8px!important;padding-top:13px!important}
  .mobile-login-link{min-height:43px!important;font-size:12px!important}

  /* Painel admin/afiliado no celular também ocupa menos largura */
  .panel-sidebar,.panel-body.sidebar-collapsed .panel-sidebar{width:min(82vw,286px)!important;padding:15px 11px 12px!important}
  .panel-main,.panel-body.sidebar-collapsed .panel-main{margin-left:0!important;padding-left:14px!important;padding-right:14px!important}
}

@media(max-width:380px){
  .rp-mobile-account-top{height:36px;padding:0 9px;font-size:9.5px}
  .rp-mobile-account-top svg{width:15px;height:15px}
  .rp-mobile-menu-button{width:36px!important;height:36px!important;flex-basis:36px!important}
  .rp-premium-v15 .rp-wordmark{width:38px!important;height:38px!important}.rp-premium-v15 .rp-wordmark img{width:35px!important;height:35px!important}
}

/* V31 hotfix — mobile brand completo + bottom nav realmente fixa */
@media(max-width:820px){
  /* Header: R + RepublicaPass + menu + Minha conta */
  .rp-premium-v15 .rp-wordmark{
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    height:42px!important;
    flex:0 1 auto!important;
    min-width:0!important;
    gap:7px!important;
    margin:0!important;
    color:#f7faf8!important;
    font:700 17px/1 "Space Grotesk",sans-serif!important;
    letter-spacing:-.05em!important;
    white-space:nowrap!important;
  }
  .rp-premium-v15 .rp-wordmark img{
    display:block!important;
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    object-fit:contain!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    filter:drop-shadow(0 0 8px rgba(151,255,0,.22))!important;
  }
  .rp-premium-v15 .rp-wordmark>span{
    display:inline-flex!important;
    align-items:baseline!important;
    min-width:0!important;
    color:#f7faf8!important;
    overflow:visible!important;
  }
  .rp-premium-v15 .rp-wordmark>span>span{display:inline!important;color:#0df28a!important}

  .rp-mobile-menu-button{
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    margin-left:auto!important;
  }
  .rp-mobile-account-top{
    flex:0 0 auto!important;
    height:36px!important;
    padding:0 9px!important;
    font-size:9.5px!important;
  }

  /* Barra inferior: fixa e sem qualquer movimento durante scroll */
  .rp-mobile-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    z-index:2000!important;
    width:100%!important;
    min-height:72px!important;
    margin:0!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    transform:none!important;
    translate:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
    backface-visibility:hidden!important;
    -webkit-transform:translateZ(0)!important;
    background:rgba(2,7,6,.985)!important;
    border-top:1px solid rgba(13,242,138,.09)!important;
    box-shadow:0 -10px 30px rgba(0,0,0,.34)!important;
  }
  .rp-mobile-bottom-nav a,
  .rp-mobile-bottom-nav a:hover,
  .rp-mobile-bottom-nav a:active,
  .rp-mobile-bottom-nav a.is-active,
  .rp-mobile-bottom-nav svg,
  .rp-mobile-bottom-nav a.is-active svg,
  .rp-mobile-bottom-nav a::before,
  .rp-mobile-bottom-nav a.is-active::before{
    transform:none!important;
    translate:none!important;
    animation:none!important;
    transition:none!important;
  }
  body.public-body{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
  body.rp-page-evento,body.rp-page-checkout,body.rp-page-compra{padding-bottom:0!important}
}

@media(max-width:380px){
  .rp-premium-v15 .rp-wordmark{font-size:15.5px!important;gap:6px!important}
  .rp-premium-v15 .rp-wordmark img{width:27px!important;height:27px!important;flex-basis:27px!important}
  .rp-mobile-account-top{padding:0 8px!important;font-size:9px!important}
  .rp-mobile-account-top svg{width:14px!important;height:14px!important}
}