/* =========================================================
   TelegramVIP — BIG UPDATE MOBILE
   Arquivo global para experiência mobile premium
   ========================================================= */

:root{
  --mpro-bg:#050810;
  --mpro-card:#0f172a;
  --mpro-line:rgba(255,255,255,.10);
  --mpro-muted:#94a3b8;
  --mpro-text:#f8fafc;
  --mpro-blue:#2AABEE;
  --mpro-blue2:#2563eb;
  --mpro-green:#22c55e;
  --mpro-danger:#ef4444;
  --mpro-radius:22px;
}

html,body{
  max-width:100%;
  overflow-x:hidden;
}

body{
  -webkit-tap-highlight-color:transparent;
}

@media(max-width:768px){
  body{
    padding-bottom:112px!important;
    background-attachment:fixed;
  }

  .wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .topbar,
  .modern-header,
  .public-standard-header{
    position:sticky!important;
    top:0!important;
    z-index:950!important;
    background:rgba(5,8,16,.88)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  .header-wrap{
    min-height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }

  .brand-logo img,
  .brand img{
    height:38px!important;
    width:auto!important;
    max-width:210px!important;
    object-fit:contain!important;
    display:block!important;
  }

  .modern-nav,
  .public-standard-nav,
  .nav{
    display:none!important;
  }

  input,select,textarea,button,a{
    touch-action:manipulation;
  }

  input,select,textarea{
    font-size:16px!important;
  }

  .tg-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .tg-card{
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .tg-thumb{
    border-radius:18px 18px 0 0!important;
  }

  .tg-body{
    padding:12px!important;
  }

  .tg-title{
    font-size:14px!important;
    line-height:1.2!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    min-height:34px;
  }

  .tg-desc{
    display:none!important;
  }

  .tg-actions{
    margin-top:10px!important;
  }

  .tg-btn,
  .tg-btn-primary{
    min-height:44px!important;
    border-radius:14px!important;
    justify-content:center!important;
    text-align:center!important;
    font-weight:900!important;
  }

  .tg-badge,
  .tg-chip{
    font-size:10px!important;
    border-radius:999px!important;
  }

  .paper,
  .gv-glass,
  .gv-card,
  .tag-card,
  .admin-new-card,
  .account-group-card{
    border-radius:22px!important;
  }

  h1{
    letter-spacing:-.045em!important;
  }
}

/* ===== Bottom navigation profissional ===== */
.tvip-mobile-nav{
  display:none;
}

@media(max-width:768px){
  .tvip-mobile-nav{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
    position:fixed;
    left:14px;
    right:14px;
    bottom:max(12px, env(safe-area-inset-bottom));
    z-index:99999;
    padding:8px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.90));
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
    box-shadow:0 20px 55px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08);
  }

  .tvip-mobile-nav a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:58px;
    padding:8px 4px;
    border-radius:18px;
    text-decoration:none!important;
    color:#8ea0b8;
    transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
  }

  .tvip-mobile-nav a:active{
    transform:scale(.96);
  }

  .tvip-mobile-nav a.is-active,
  .tvip-mobile-nav a:focus,
  .tvip-mobile-nav a:hover{
    color:#fff;
    background:rgba(255,255,255,.055);
  }

  .tvip-mobile-nav .micon{
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .tvip-mobile-nav svg{
    width:22px;
    height:22px;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .tvip-mobile-nav .mlabel{
    font-size:10px;
    font-weight:750;
    line-height:1;
    letter-spacing:.01em;
  }

  .tvip-mobile-nav .is-center{
    position:relative;
    top:-14px;
    min-height:68px;
    border-radius:22px;
    color:#fff;
    background:linear-gradient(135deg,var(--mpro-blue),var(--mpro-blue2));
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 14px 34px rgba(37,99,235,.36), inset 0 1px 0 rgba(255,255,255,.18);
  }

  .tvip-mobile-nav .is-center svg,
  .tvip-mobile-nav .is-center .micon{
    width:24px;
    height:24px;
  }

  .tvip-mobile-nav .is-center .mlabel{
    font-weight:900;
  }
}

@media(max-width:390px){
  .tvip-mobile-nav{
    left:10px;
    right:10px;
    bottom:max(10px, env(safe-area-inset-bottom));
    padding:7px 6px;
  }

  .tvip-mobile-nav a{
    min-height:54px;
  }

  .tvip-mobile-nav .is-center{
    min-height:64px;
    top:-12px;
  }

  .tvip-mobile-nav .mlabel{
    font-size:9px;
  }

  .tvip-mobile-nav svg,
  .tvip-mobile-nav .micon{
    width:20px;
    height:20px;
  }
}

/* ===== Botões flutuantes/CTAs para páginas internas ===== */
@media(max-width:768px){
  .mobile-safe-bottom{
    padding-bottom:120px!important;
  }

  .mobile-hide{
    display:none!important;
  }

  .mobile-full{
    width:100%!important;
  }

  .mobile-card-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .mobile-two-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  .mobile-two-actions .tg-btn{
    width:100%!important;
  }
}