/* ==================================================================================
   VIP CONEXÕES • PAINEL INTELIGENTE • MOBILE PREMIUM V2 — BASE ANTIGA SEGURA
   Aplicação exclusiva em telas <= 768px. Carregada no <head> com media, sem alterar a lógica PHP/JS do topo.
   Objetivo: layout mobile realmente compacto, sem alterar desktop nem lógica JS/PHP.
   ================================================================================== */

@media (max-width: 768px) {
    :root {
        --vip-mob-gap: 7px;
        --vip-mob-radius: 10px;
        --vip-mob-pad: 10px;
    }

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

    body {
        background: #f5f8fc !important;
    }

    /* ======================================================================
       1. SHELL GLOBAL
       ====================================================================== */
    .main-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 7px auto !important;
        padding: 0 9px !important;
    }

    /* Oculta a aba lateral de busca da Home no celular: a busca já fica no topo. */
    .btn-busca-tab-shake {
        display: none !important;
    }

    /* ======================================================================
       2. TOPO MOBILE PREMIUM — MUITO MAIS COMPACTO
       ====================================================================== */
    #vipMainHeader {
        position: sticky !important;
        top: 0 !important;
        padding: 6px 0 7px !important;
        border-bottom-width: 3px !important;
        box-shadow: 0 5px 16px rgba(3,13,54,.24) !important;
    }

    #vipMainHeader .header-container,
    #vipMainHeader .header-sub-row {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
        gap: var(--vip-mob-gap) !important;
    }

    #vipMainHeader .header-container {
        margin-bottom: 6px !important;
    }

    /* Linha 1: menu | marca | WhatsApp somente ícone */
    #vipMainHeader .brand-section {
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) 40px !important;
        align-items: center !important;
        gap: 7px !important;
        width: 100% !important;
    }

    #vipMainHeader .btn-mobile-menu-trigger {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 38px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 9px !important;
        font-size: 1.15rem !important;
        background: rgba(255,255,255,.10) !important;
        border: 1px solid rgba(255,255,255,.28) !important;
    }

    #vipMainHeader .brand-link-unified {
        min-width: 0 !important;
        padding: 0 !important;
        gap: 7px !important;
        overflow: hidden !important;
    }

    #vipMainHeader .logo-container {
        flex: 0 0 auto !important;
    }

    #vipMainHeader .logo-img {
        width: 36px !important;
        height: 36px !important;
        max-height: 36px !important;
        object-fit: contain !important;
    }

    #vipMainHeader .page-title-header {
        min-width: 0 !important;
        font-size: .92rem !important;
        line-height: 1.08 !important;
        letter-spacing: -.02em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #vipMainHeader .btn-header-0800 {
        width: 40px !important;
        min-width: 40px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-content: center !important;
        border-radius: 9px !important;
        font-size: 0 !important;
        background: rgba(0,229,255,.10) !important;
    }

    #vipMainHeader .btn-header-0800 svg {
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
    }

    /* Linha 2: usuário + plano + acesso na MESMA linha */
    #vipMainHeader .header-container > div:nth-child(2) {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1.25fr) minmax(105px, .72fr) minmax(92px, .62fr) !important;
        align-items: stretch !important;
        gap: 6px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #vipMainHeader .user-top-identity,
    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(2),
    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(3) {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 4px 7px !important;
        border-radius: 8px !important;
        box-shadow: none !important;
    }

    #vipMainHeader .user-top-identity {
        padding-left: 4px !important;
        gap: 6px !important;
    }

    #vipMainHeader .user-avatar,
    #vipMainHeader .user-avatar-placeholder {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        border-radius: 7px !important;
    }

    #vipMainHeader .user-top-name-label {
        min-width: 0 !important;
        font-size: .72rem !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(2),
    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(3) {
        justify-content: center !important;
        gap: 2px !important;
    }

    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(2) > span:first-child,
    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(3) > span:first-child {
        font-size: .48rem !important;
        line-height: 1 !important;
        letter-spacing: .03em !important;
    }

    #vipMainHeader .user-plan-badge-top,
    #vipMainHeader .user-profile-level-badge {
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: .64rem !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #vipMainHeader .user-plan-badge-top {
        padding: 4px 6px !important;
        border-radius: 6px !important;
    }

    /* Linha 3: área selecionada + sino */
    #vipMainHeader .user-no-area-alert,
    #vipMainHeader .user-greeting {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 6px 48px 6px 9px !important;
        border-radius: 8px !important;
        justify-content: center !important;
        font-size: .68rem !important;
        overflow: visible !important;
    }

    #vipMainHeader #userGreetingAreaTitle {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    #vipMainHeader .prof-extra-badge {
        flex: 0 0 auto !important;
    }

    #vipMainHeader .vip-notif-wrap {
        position: absolute !important;
        right: 4px !important;
        bottom: 3px !important;
        z-index: 160 !important;
        margin: 0 !important;
    }

    #vipMainHeader .vip-notif-bell {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        border-radius: 8px !important;
    }

    #vipMainHeader .vip-notif-bell svg {
        width: 15px !important;
        height: 15px !important;
    }

    #vipMainHeader .vip-notif-panel {
        position: fixed !important;
        top: 58px !important;
        left: 9px !important;
        right: 9px !important;
        width: auto !important;
        max-width: none !important;
        max-height: calc(100vh - 76px) !important;
        border-radius: 10px !important;
    }

    #vipMainHeader .prof-dropdown-hover {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* ======================================================================
       3. NAVEGAÇÃO MOBILE
       No celular, os atalhos horizontais do topo somem. A navegação fica
       concentrada no menu lateral acionado pelo botão de 3 traços.
       ====================================================================== */
    #vipMainHeader .header-sub-row {
        display: block !important;
        position: relative !important;
    }

    #vipMainHeader .header-left-actions {
        display: none !important;
    }

    /* ======================================================================
       4. BUSCA: CAMPO LIMPO, LARGO, COM ÍCONE COMPACTO
       ====================================================================== */
    #vipMainHeader .pro-search-input-wrapper {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 39px !important;
        margin-top: 0 !important;
        border-radius: 9px !important;
        overflow: hidden !important;
        box-shadow: 0 2px 8px rgba(15,23,42,.12) !important;
    }

    #vipMainHeader .search-badge-prefix {
        position: relative !important;
        width: 43px !important;
        min-width: 43px !important;
        padding: 0 !important;
        font-size: 0 !important;
        color: transparent !important;
        overflow: hidden !important;
    }

    #vipMainHeader .search-badge-prefix::after {
        content: "🔎";
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        color: #071342;
        font-size: 16px;
        line-height: 1;
    }

    #vipMainHeader .search-input-container {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    #vipMainHeader .search-input-field {
        width: 100% !important;
        min-width: 0 !important;
        height: 39px !important;
        padding: 0 44px 0 11px !important;
        font-size: .75rem !important;
        font-weight: 650 !important;
    }

    #vipMainHeader .pro-search-clear-btn {
        font-size: 0 !important;
        width: 30px !important;
        height: 30px !important;
        right: 5px !important;
        padding: 0 !important;
    }

    #vipMainHeader .pro-search-clear-btn::after {
        content: "✕";
        font-size: .72rem;
    }

    /* ======================================================================
       5. HOME — PRIMEIRA DOBRA REALMENTE MOBILE
       Mantém a mesma lógica, muda somente composição visual.
       ====================================================================== */
    #proDashboardGrid.pro-dashboard-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        margin-top: 0 !important;
    }

    #proDashboardGrid > .pro-card {
        min-width: 0 !important;
        min-height: 82px !important;
        padding: 7px 8px !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 7px rgba(15,23,42,.07) !important;
        overflow: hidden !important;
    }

    #weatherGreetingCard {
        grid-column: 1 / -1 !important;
        min-height: 78px !important;
    }

    #proDashboardGrid .pro-card-title {
        font-size: .69rem !important;
        line-height: 1.15 !important;
        margin-bottom: 2px !important;
    }

    #proDashboardGrid .pro-card-value {
        min-width: 0 !important;
    }

    #weatherGreetingCard .pro-card-value {
        font-size: .80rem !important;
    }

    #weatherGreetingCard .pro-card-sub {
        font-size: .58rem !important;
    }

    #timerCardBlock,
    #agendaCardTop {
        min-height: 92px !important;
    }

    #timerCardBlock .timer-digits-large {
        font-size: 1.08rem !important;
        line-height: 1.05 !important;
    }

    #timerCardBlock .timer-btn-group {
        gap: 2px !important;
    }

    #timerCardBlock .btn-timer-opt {
        min-width: 0 !important;
        flex: 1 1 0 !important;
        padding: 2px 1px !important;
        font-size: .56rem !important;
    }

    #agendaCardTop .pro-card-value {
        font-size: .78rem !important;
    }

    /* Cartões/containers gerais da Home com acabamento consistente. */
    .suggestion-section,
    .recent20-section,
    .categories-section,
    .top14-section,
    .home-tools-section,
    .home-ferramentas-section {
        border-radius: 10px !important;
    }

    /* ======================================================================
       6. MENU LATERAL MOBILE — LISTA DE LINKS, SEM EFEITO EMBAÇADO
       ====================================================================== */
    .mobile-sidebar-backdrop {
        z-index: 999990 !important;
        background: rgba(3, 13, 54, .72) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    #sidebarHoverMenu {
        z-index: 1000000 !important;
        width: min(88vw, 350px) !important;
        max-width: 88vw !important;
        background: #ffffff !important;
        box-shadow: 8px 0 28px rgba(15,23,42,.24) !important;
        filter: none !important;
        opacity: 1 !important;
    }

    #sidebarHoverMenu.mobile-open {
        left: 0 !important;
    }

    #sidebarHoverMenu,
    #sidebarHoverMenu * {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    #sidebarHoverMenu .sidebar-content-wrapper {
        height: 100vh !important;
        overflow-y: auto !important;
        padding: 10px 14px 24px !important;
        background: #ffffff !important;
    }

    #sidebarHoverMenu .btn-mobile-menu-close {
        min-height: 40px !important;
        padding: 0 2px !important;
        margin: 0 0 8px !important;
        background: transparent !important;
        color: #0f172a !important;
        border: 0 !important;
        border-bottom: 1px solid #dbe7f3 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    #sidebarHoverMenu .btn-mobile-menu-close span:last-child {
        color: #2563eb !important;
    }

    #sidebarHoverMenu .vip-sidebar-exit-top {
        margin: 0 0 8px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    #sidebarHoverMenu .sidebar-nav-exit,
    #sidebarHoverMenu .sidebar-pages-highlight a,
    #sidebarHoverMenu .sidebar-pages-highlight button,
    #sidebarHoverMenu .sidebar-pages-highlight .item-restrito-inativo,
    #sidebarHoverMenu .vip-all-categories-link,
    #sidebarHoverMenu .flyout-trigger-btn {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 9px 4px !important;
        margin: 0 !important;
        background: transparent !important;
        color: #334155 !important;
        border: 0 !important;
        border-bottom: 1px solid #edf2f7 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: .88rem !important;
        font-weight: 650 !important;
        text-decoration: none !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    #sidebarHoverMenu .sidebar-nav-exit {
        color: #b42318 !important;
        font-weight: 750 !important;
    }

    #sidebarHoverMenu .sidebar-pages-highlight a:active,
    #sidebarHoverMenu .sidebar-pages-highlight button:active,
    #sidebarHoverMenu .vip-all-categories-link:active,
    #sidebarHoverMenu .flyout-trigger-btn:active {
        background: #f0f7ff !important;
        color: #075985 !important;
    }

    #sidebarHoverMenu .item-restrito-inativo {
        color: #9aa6b5 !important;
        opacity: .72 !important;
    }

    #sidebarHoverMenu .sidebar-section-title {
        display: flex !important;
        align-items: center !important;
        min-height: 28px !important;
        padding: 10px 2px 5px !important;
        margin: 6px 0 0 !important;
        background: transparent !important;
        color: #64748b !important;
        border: 0 !important;
        border-bottom: 1px solid #dbe7f3 !important;
        border-radius: 0 !important;
        font-size: .72rem !important;
        font-weight: 850 !important;
        letter-spacing: .05em !important;
        text-transform: uppercase !important;
    }

    #sidebarHoverMenu .flyout-arrow {
        margin-left: auto !important;
        color: #94a3b8 !important;
    }

    #sidebarHoverMenu .flyout-submenu-card {
        position: static !important;
        display: none !important;
        width: 100% !important;
        padding: 0 0 0 12px !important;
        margin: 0 !important;
        background: #fbfdff !important;
        border: 0 !important;
        border-left: 2px solid #dbeafe !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    #sidebarHoverMenu .flyout-group-item.active-flyout .flyout-submenu-card {
        display: block !important;
    }

    #sidebarHoverMenu .flyout-submenu-header {
        display: none !important;
    }

    #sidebarHoverMenu .sidebar-categories-list a {
        min-height: 38px !important;
        padding: 8px 4px !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid #f1f5f9 !important;
        border-radius: 0 !important;
        color: #475569 !important;
        font-size: .82rem !important;
        box-shadow: none !important;
    }

    /* ======================================================================
       7. LINKS MAIS ACESSADOS — FAVORITOS E DINÂMICO
       As duas SEÇÕES ficam uma abaixo da outra; os CARDS de cada seção
       entram em duas colunas no mobile.
       ====================================================================== */
    #top14Container {
        display: block !important;
        width: 100% !important;
    }

    #top14Container > .top14-header-flex {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 5px 7px !important;
    }

    #top14Container > .top14-header-flex:nth-of-type(2) {
        margin-top: 14px !important;
    }

    #top14Container .top14-info-notice {
        display: none !important;
    }

    #top14Container #top10Grid,
    #top14Container #top1120Grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #top14Container #top10Grid > *,
    #top14Container #top1120Grid > * {
        min-width: 0 !important;
        width: 100% !important;
    }

    

    

    

    

    /* Botões de voltar ao topo não precisam competir com a Carol. */
    .scroll-to-top,
    .btn-scroll-top,
    #scrollTopBtn {
        right: 12px !important;
        bottom: 66px !important;
    }
}

/* Smartphones estreitos */
@media (max-width: 520px) {
    #vipMainHeader .header-container > div:nth-child(2) {
        grid-template-columns: minmax(0, 1.15fr) minmax(96px, .72fr) minmax(84px, .62fr) !important;
    }

    #vipMainHeader .page-title-header {
        font-size: .84rem !important;
    }

    #vipMainHeader .header-left-actions {
        display: none !important;
    }

    #vipMainHeader .btn-menu-standalone,
    #vipMainHeader .btn-home-standalone {
        font-size: .58rem !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    #proDashboardGrid.pro-dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Telas realmente pequenas: prioriza leitura. */
@media (max-width: 410px) {
    #vipMainHeader .brand-section {
        grid-template-columns: 38px minmax(0, 1fr) 38px !important;
    }

    #vipMainHeader .btn-mobile-menu-trigger,
    #vipMainHeader .btn-header-0800 {
        width: 38px !important;
        min-width: 38px !important;
        height: 36px !important;
    }

    #vipMainHeader .logo-img {
        width: 33px !important;
        height: 33px !important;
    }

    #vipMainHeader .page-title-header {
        font-size: .78rem !important;
    }

    #vipMainHeader .header-left-actions {
        display: none !important;
    }

    #proDashboardGrid.pro-dashboard-grid {
        grid-template-columns: 1fr !important;
    }

    #weatherGreetingCard {
        grid-column: auto !important;
    }
}


/* ==========================================================================
   MOBILE V4 — refinamentos cirúrgicos (NÃO afeta desktop)
   ========================================================================== */
@media (max-width: 768px) {
    /* Ajuda lateral: no celular a ajuda continua acessível pelo menu esquerdo. */
    .btn-ajuda-tab-shake {
        display: none !important;
    }

    /* Menu mobile: tipografia de navegação, sem aparência de botão. */
    #sidebarHoverMenu .sidebar-content-wrapper {
        font-family: Inter, Arial, sans-serif !important;
    }

    #sidebarHoverMenu .sidebar-nav-exit,
    #sidebarHoverMenu .sidebar-pages-highlight a,
    #sidebarHoverMenu .sidebar-pages-highlight button,
    #sidebarHoverMenu .sidebar-pages-highlight .item-restrito-inativo,
    #sidebarHoverMenu .vip-all-categories-link,
    #sidebarHoverMenu .flyout-trigger-btn,
    #sidebarHoverMenu .sidebar-categories-list a {
        min-height: 38px !important;
        padding: 8px 5px !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid #edf2f7 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: .86rem !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
        color: #334155 !important;
    }

    #sidebarHoverMenu .sidebar-nav-exit {
        color: #b42318 !important;
        font-weight: 600 !important;
    }

    #sidebarHoverMenu .sidebar-section-title {
        font-size: .70rem !important;
        font-weight: 700 !important;
        letter-spacing: .035em !important;
        color: #64748b !important;
        padding: 11px 3px 6px !important;
    }

    #sidebarHoverMenu .flyout-trigger-btn {
        cursor: pointer !important;
    }

    #sidebarHoverMenu .flyout-trigger-btn:hover,
    #sidebarHoverMenu .sidebar-pages-highlight a:hover,
    #sidebarHoverMenu .sidebar-pages-highlight button:hover,
    #sidebarHoverMenu .vip-all-categories-link:hover,
    #sidebarHoverMenu .sidebar-categories-list a:hover {
        background: transparent !important;
        color: #0f4c81 !important;
        transform: none !important;
    }

    #sidebarHoverMenu .flyout-group-item.active-flyout > .flyout-trigger-btn {
        color: #0f4c81 !important;
        font-weight: 600 !important;
        background: #f8fbff !important;
    }

    #sidebarHoverMenu .flyout-submenu-card {
        padding-left: 14px !important;
        background: #ffffff !important;
        border-left: 1px solid #dbeafe !important;
    }

    #sidebarHoverMenu .flyout-arrow {
        font-size: .72rem !important;
        color: #94a3b8 !important;
        transition: transform .15s ease !important;
    }

    #sidebarHoverMenu .flyout-group-item.active-flyout > .flyout-trigger-btn .flyout-arrow {
        transform: rotate(90deg) !important;
    }

    /* Central Inteligente: no mobile inicia recolhida; desktop permanece intacto. */
    #bottomRank50Container .mobile-rank-collapse-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 30px !important;
        padding: 4px 9px !important;
        margin-left: auto !important;
        border: 1px solid #93c5fd !important;
        border-radius: 6px !important;
        background: #eff6ff !important;
        color: #1d4ed8 !important;
        font-size: .68rem !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        box-shadow: none !important;
        white-space: nowrap !important;
    }

    #bottomRank50Container.mobile-rank-collapsed > :not(.recent20-header) {
        display: none !important;
    }

    #bottomRank50Container.mobile-rank-collapsed {
        padding-bottom: 7px !important;
        min-height: 0 !important;
    }

    #bottomRank50Container.mobile-rank-collapsed > .recent20-header {
        margin-bottom: 0 !important;
    }

    #bottomRank50Container .recent20-header {
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    #bottomRank50Container .recent20-title {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        font-size: .80rem !important;
        line-height: 1.2 !important;
    }

    #bottomRank50Container .recent20-title > span {
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 769px) {
    /* Garantia explícita: controle de recolher não existe visualmente no desktop. */
    .mobile-rank-collapse-btn {
        display: none !important;
    }
}


/* ==========================================================================
   MOBILE V6 — OTIMIZAÇÃO APP REAL
   IMPORTANTE: somente <= 768px. Desktop permanece intocado.
   ========================================================================== */
@media (max-width: 768px) {
    /* MENU MOBILE — fontes menores, leves e com aparência de links. */
    #sidebarHoverMenu .sidebar-content-wrapper {
        font-family: Inter, Arial, sans-serif !important;
    }

    #sidebarHoverMenu .sidebar-nav-exit,
    #sidebarHoverMenu .sidebar-pages-highlight a,
    #sidebarHoverMenu .sidebar-pages-highlight button,
    #sidebarHoverMenu .sidebar-pages-highlight .item-restrito-inativo,
    #sidebarHoverMenu .vip-all-categories-link,
    #sidebarHoverMenu .flyout-trigger-btn,
    #sidebarHoverMenu .sidebar-categories-list a {
        min-height: 32px !important;
        padding: 5px 3px !important;
        font-size: .74rem !important;
        font-weight: 450 !important;
        line-height: 1.16 !important;
        letter-spacing: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid #edf2f7 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    #sidebarHoverMenu .sidebar-section-title {
        min-height: 0 !important;
        padding: 8px 2px 5px !important;
        margin: 8px 0 3px !important;
        font-size: .60rem !important;
        font-weight: 650 !important;
        line-height: 1.15 !important;
        letter-spacing: .035em !important;
    }

    #sidebarHoverMenu .group-badge-count,
    #sidebarHoverMenu .vip-flyout-category-count {
        font-size: .56rem !important;
        font-weight: 650 !important;
        padding: 2px 5px !important;
    }

    #sidebarHoverMenu .flyout-arrow {
        font-size: .62rem !important;
    }

    /* BUSCA MOBILE — ao digitar, recolhe a parte institucional do topo. */
    body.vip-mobile-search-active #vipMainHeader .header-container {
        display: none !important;
    }

    body.vip-mobile-search-active #vipMainHeader {
        padding: 4px 0 !important;
        min-height: 0 !important;
    }

    body.vip-mobile-search-active #vipMainHeader .header-sub-row {
        display: block !important;
        padding: 0 8px !important;
        margin: 0 !important;
    }

    body.vip-mobile-search-active #vipMainHeader .header-left-actions {
        display: none !important;
    }

    body.vip-mobile-search-active #vipMainHeader .pro-search-input-wrapper {
        width: 100% !important;
        margin: 0 !important;
        min-height: 38px !important;
        height: 38px !important;
    }

    body.vip-mobile-search-active #vipMainHeader .search-input-field {
        height: 38px !important;
        font-size: .72rem !important;
    }

    body.vip-mobile-search-active .main-container {
        margin-top: 4px !important;
        padding-top: 0 !important;
    }

    /* Busca mobile em modo foco: remove a primeira dobra produtiva para os resultados subirem imediatamente. */
    body.vip-mobile-search-active #proDashboardGrid,
    body.vip-mobile-search-active .pro-dashboard-grid {
        display: none !important;
    }

    body.vip-mobile-search-active #homeBannersDualContainer,
    body.vip-mobile-search-active #suggestionsContainer,
    body.vip-mobile-search-active #top14Container,
    body.vip-mobile-search-active #extraSuggestionsContainer,
    body.vip-mobile-search-active #categoriesMainContainer,
    body.vip-mobile-search-active #bottomRank50Container {
        display: none !important;
    }

    body.vip-mobile-search-active #searchResultsContainer {
        margin-top: 4px !important;
        display: block !important;
        margin: 0 0 8px !important;
        padding-top: 0 !important;
    }

    body.vip-mobile-search-active #searchResultsContainer .search-clear-wrapper {
        margin: 0 0 5px !important;
        gap: 4px !important;
    }

    /* RESULTADOS — 2 colunas reais no celular. */
    body.vip-mobile-search-active #searchResultsGrid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 5px !important;
        width: 100% !important;
        align-items: stretch !important;
    }

    body.vip-mobile-search-active #searchResultsGrid .top14-item,
    body.vip-mobile-search-active #searchResultsGrid .top14-item-compact {
        min-width: 0 !important;
        width: 100% !important;
        min-height: 44px !important;
        padding: 4px 4px 4px 6px !important;
        border-radius: 7px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.vip-mobile-search-active #searchResultsGrid .top14-name {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: .59rem !important;
        font-weight: 700 !important;
        line-height: 1.08 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        padding-right: 9px !important;
    }

    body.vip-mobile-search-active #searchResultsGrid .top14-favicon-box {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        border-radius: 3px !important;
    }

    body.vip-mobile-search-active #searchResultsGrid .top14-favicon-img {
        width: 11px !important;
        height: 11px !important;
    }

    body.vip-mobile-search-active #searchResultsGrid .top14-badge-tag,
    body.vip-mobile-search-active #searchResultsGrid .top14-rank-badge,
    body.vip-mobile-search-active #searchResultsGrid .top14-click-count {
        font-size: .46rem !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        padding: 1px 3px !important;
        border-radius: 3px !important;
        max-width: 62px !important;
    }

    body.vip-mobile-search-active #searchResultsGrid .btn-edit-link-inline {
        transform: scale(.72) !important;
        transform-origin: center !important;
    }

    /* PRIMEIRA DOBRA — Clima largura inteira + quatro cards em grade 2x2. */
    #proDashboardGrid.pro-dashboard-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
    }

    #weatherGreetingCard {
        grid-column: 1 / -1 !important;
    }

    #proDashboardGrid > .pro-card:not(#weatherGreetingCard) {
        grid-column: auto !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    #proDashboardGrid .pro-card-title {
        font-size: .58rem !important;
        line-height: 1.1 !important;
    }

    #proDashboardGrid .pro-card-value {
        font-size: .69rem !important;
        line-height: 1.12 !important;
    }

    #proDashboardGrid .pro-card-sub {
        font-size: .50rem !important;
        line-height: 1.1 !important;
    }
}

/* Celulares estreitos: NÃO voltar para 1 coluna. */
@media (max-width: 480px) {
    #proDashboardGrid.pro-dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #weatherGreetingCard {
        grid-column: 1 / -1 !important;
    }

    body.vip-mobile-search-active #searchResultsGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ========================================================================== 
   MOBILE V7 — APP PREMIUM • 25/09/2026
   Somente <= 768px. Nenhuma regra deste bloco atua no desktop.
   ========================================================================== */
@media (max-width: 768px) {
    /* ------------------------------------------------------------------
       1) TOPO: sino no lugar do WhatsApp
       ------------------------------------------------------------------ */
    #vipMainHeader .btn-header-0800 {
        display: none !important;
    }

    #vipMainHeader .header-container > div:nth-child(2) {
        position: relative !important;
    }

    #vipMainHeader .vip-notif-wrap {
        position: absolute !important;
        top: -45px !important;
        right: 0 !important;
        z-index: 120 !important;
        width: 40px !important;
        height: 38px !important;
        margin: 0 !important;
    }

    #vipMainHeader .vip-notif-bell {
        width: 40px !important;
        min-width: 40px !important;
        height: 38px !important;
        padding: 0 !important;
        border-radius: 9px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(0,229,255,.10) !important;
        border: 1px solid rgba(0,229,255,.42) !important;
        box-shadow: none !important;
    }

    #vipMainHeader .vip-notif-bell svg {
        width: 17px !important;
        height: 17px !important;
    }

    #vipMainHeader .vip-notif-badge {
        top: -4px !important;
        right: -5px !important;
        min-width: 22px !important;
        height: 22px !important;
        padding: 0 5px !important;
        font-size: .62rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        box-shadow: 0 2px 6px rgba(0,0,0,.28) !important;
    }

    #vipMainHeader .vip-notif-panel {
        position: fixed !important;
        top: 54px !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: none !important;
        max-height: min(72vh, 520px) !important;
        z-index: 1000005 !important;
    }

    /* ------------------------------------------------------------------
       2) SUGESTÕES DO TOPO: 8 cards = 4 linhas x 2 colunas
       ------------------------------------------------------------------ */
    #suggestionsContainer {
        padding: 7px 8px !important;
        margin-bottom: 8px !important;
    }

    #suggestionsContainer > div:first-child {
        gap: 4px !important;
        margin-bottom: 5px !important;
    }

    #suggestionsContainer > div:first-child > div:first-child {
        gap: 4px !important;
    }

    #suggestionsContainer > div:first-child span {
        font-size: .53rem !important;
        line-height: 1.05 !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    #suggestionsContainer > div:first-child span:first-child {
        width: 100% !important;
        font-size: .66rem !important;
        font-weight: 750 !important;
        margin-bottom: 1px !important;
    }

    #suggestionsContainer > div:first-child button {
        font-size: .52rem !important;
        padding: 3px 6px !important;
        min-height: 25px !important;
    }

    #suggestionsGrid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 4px !important;
        opacity: 1 !important;
        transition: none !important;
    }

    #suggestionsGrid .top14-item,
    #suggestionsGrid .top14-item-compact {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;
        height: 42px !important;
        max-height: 42px !important;
        padding: 4px 5px !important;
        border-width: 1.5px !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        box-shadow: 0 1px 3px rgba(15,23,42,.06) !important;
    }

    #suggestionsGrid .top14-name {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 0 2px !important;
        padding-right: 7px !important;
        font-size: .50rem !important;
        font-weight: 720 !important;
        line-height: 1.02 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #suggestionsGrid .top14-favicon-box {
        width: 14px !important;
        min-width: 14px !important;
        height: 14px !important;
        border-radius: 3px !important;
    }

    #suggestionsGrid .top14-favicon-img {
        width: 10px !important;
        height: 10px !important;
    }

    #suggestionsGrid .top14-badge-tag {
        max-width: 54px !important;
        padding: 1px 3px !important;
        border-radius: 3px !important;
        font-size: .40rem !important;
        line-height: 1 !important;
    }

    #suggestionsGrid .btn-edit-link-inline {
        transform: scale(.58) !important;
        transform-origin: center right !important;
        margin-right: -3px !important;
    }

    /* ------------------------------------------------------------------
       3) FAVORITOS / DINÂMICO: cards realmente compactos para app
       ------------------------------------------------------------------ */
    #top14Container .top14-header-flex {
        padding: 5px 6px !important;
        margin-bottom: 4px !important;
    }

    #top14Container .top14-title {
        font-size: .66rem !important;
        line-height: 1.05 !important;
    }

    #top14Container .top14-title span,
    #top14Container .top14-header-flex > div > span:not(.top14-title) {
        font-size: .48rem !important;
        padding: 2px 4px !important;
    }

    #top14Container #top10Grid,
    #top14Container #top1120Grid {
        gap: 4px !important;
    }

    #top10Grid .top14-item,
    #top1120Grid .top14-item {
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        border-width: 1.5px !important;
        border-radius: 6px !important;
    }

    #top10Grid .top14-side-favicon-box,
    #top1120Grid .top14-side-favicon-box {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        padding: 3px !important;
    }

    #top10Grid .top14-side-favicon-img,
    #top1120Grid .top14-side-favicon-img {
        width: 28px !important;
        height: 28px !important;
    }

    #top10Grid .top14-side-content,
    #top1120Grid .top14-side-content {
        padding: 2px 4px 3px !important;
    }

    #top10Grid .top14-side-content > div:first-child,
    #top1120Grid .top14-side-content > div:first-child {
        min-height: 11px !important;
        line-height: 1 !important;
    }

    #top10Grid .top14-name,
    #top1120Grid .top14-name,
    #top10Grid .top14-item:not(.top14-item-sugestao) .top14-name,
    #top1120Grid .top14-item:not(.top14-item-sugestao) .top14-name,
    #top10Grid .top14-item.top14-item-sugestao .top14-name,
    #top1120Grid .top14-item.top14-item-sugestao .top14-name {
        font-size: .52rem !important;
        font-weight: 720 !important;
        line-height: 1.03 !important;
        margin: 0 !important;
        letter-spacing: -.08px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #top10Grid .top14-click-time,
    #top1120Grid .top14-click-time,
    #top10Grid .sugestao-tag-topo,
    #top1120Grid .sugestao-tag-topo {
        font-size: .38rem !important;
        line-height: 1 !important;
        padding: 1px 2px !important;
        border-radius: 2px !important;
        max-width: 88px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #top10Grid .top14-meta,
    #top1120Grid .top14-meta {
        gap: 2px !important;
        margin-top: 0 !important;
    }

    #top10Grid .top14-rank-badge-blue,
    #top1120Grid .top14-rank-badge-blue,
    #top10Grid .top14-badge-tag,
    #top1120Grid .top14-badge-tag,
    #top10Grid .top14-count,
    #top1120Grid .top14-count,
    #top10Grid .sugestao-tag-bottom,
    #top1120Grid .sugestao-tag-bottom {
        min-height: 13px !important;
        max-width: 62px !important;
        padding: 1px 3px !important;
        border-radius: 3px !important;
        font-size: .40rem !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #top10Grid .star-svg-global,
    #top1120Grid .star-svg-global,
    #top10Grid .star-svg-last-clicked,
    #top1120Grid .star-svg-last-clicked {
        width: 8px !important;
        height: 8px !important;
    }

    /* ------------------------------------------------------------------
       4) CENTRAL INTELIGENTE: quando recolhida, só título + Abrir.
       Filtros/legenda aparecem juntos somente ao expandir.
       ------------------------------------------------------------------ */
    #bottomRank50Container.mobile-rank-collapsed > .recent20-header > div:last-child {
        display: none !important;
    }

    #bottomRank50Container.mobile-rank-collapsed > .recent20-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 42px !important;
        padding: 5px 2px !important;
    }

    #bottomRank50Container.mobile-rank-collapsed .recent20-title {
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 78px) !important;
        font-size: .68rem !important;
        line-height: 1.1 !important;
    }

    #bottomRank50Container.mobile-rank-collapsed .recent20-title > span {
        display: block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #bottomRank50Container.mobile-rank-collapsed .mobile-rank-collapse-btn {
        flex: 0 0 auto !important;
    }
}

@media (max-width: 390px) {
    #top10Grid .top14-side-favicon-box,
    #top1120Grid .top14-side-favicon-box {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
    }

    #top10Grid .top14-side-favicon-img,
    #top1120Grid .top14-side-favicon-img {
        width: 24px !important;
        height: 24px !important;
    }

    #top10Grid .top14-name,
    #top1120Grid .top14-name {
        font-size: .49rem !important;
    }
}


/* ========================================================================== 
   MOBILE V8 — APP PREMIUM • 25/09/2026
   Ajustes exclusivos <= 768px. Desktop intocado.
   ========================================================================== */
@media (max-width: 768px) {
    /* 1. TOPO — menu | marca | área | notificações */
    #vipMainHeader .brand-section {
        grid-template-columns: 40px minmax(0, 1fr) 34px 40px !important;
        gap: 6px !important;
    }

    #vipMainHeader .btn-header-0800 { display:none !important; }

    #vipMainHeader .vip-notif-wrap.vip-mobile-top-slot {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 40px !important;
        height: 38px !important;
        margin: 0 !important;
        z-index: 1000 !important;
        align-self:center !important;
        justify-self:end !important;
    }

    #vipMainHeader .vip-mobile-area-shortcut {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        border-radius:9px !important;
        background:rgba(255,255,255,.08) !important;
        border:1px solid rgba(147,197,253,.45) !important;
        color:#dbeafe !important;
        text-decoration:none !important;
        font-size:.86rem !important;
        box-shadow:none !important;
        justify-self:end !important;
    }

    #vipMainHeader .vip-mobile-area-shortcut:active { transform:scale(.96); }

    /* Quando há área selecionada, o bloco grande sai do mobile. O alerta vermelho sem área continua. */
    #vipMainHeader #userGreetingAreaBtn { display:none !important; }
    #vipMainHeader #userNoAreaAlertTop {
        width:100% !important;
        min-height:40px !important;
        margin:0 !important;
        padding:7px 10px !important;
        border-radius:8px !important;
        font-size:.66rem !important;
        line-height:1.22 !important;
        justify-content:center !important;
        text-align:center !important;
    }

    /* 2. CLIMA — aproveitar o card de largura inteira */
    #weatherGreetingCard {
        min-height:96px !important;
        padding:8px 11px !important;
    }
    #weatherGreetingCard .pro-card-title > span {
        font-size:.82rem !important;
        letter-spacing:-.01em !important;
    }
    #weatherGreetingCard #greetingText {
        font-size:.88rem !important;
        line-height:1.15 !important;
        margin-top:2px !important;
        font-weight:900 !important;
    }
    #weatherGreetingCard #liveClockCard {
        font-size:.72rem !important;
        line-height:1.15 !important;
        margin-top:2px !important;
    }
    #weatherGreetingCard #weatherDetails {
        font-size:.58rem !important;
        line-height:1.22 !important;
        margin-top:3px !important;
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
    }

    /* 3. FAVORITOS / DINÂMICO — microcards legíveis */
    #top10Grid .top14-item,
    #top1120Grid .top14-item {
        height:48px !important;
        min-height:48px !important;
        max-height:48px !important;
        border-radius:6px !important;
    }
    #top10Grid .top14-side-favicon-box,
    #top1120Grid .top14-side-favicon-box {
        width:31px !important;
        min-width:31px !important;
        max-width:31px !important;
        padding:2px !important;
    }
    #top10Grid .top14-side-favicon-img,
    #top1120Grid .top14-side-favicon-img {
        width:23px !important;
        height:23px !important;
    }
    #top10Grid .top14-side-content,
    #top1120Grid .top14-side-content {
        padding:2px 3px !important;
    }
    #top10Grid .top14-name,
    #top1120Grid .top14-name,
    #top10Grid .top14-item:not(.top14-item-sugestao) .top14-name,
    #top1120Grid .top14-item:not(.top14-item-sugestao) .top14-name {
        font-size:.46rem !important;
        font-weight:620 !important;
        color:rgba(71,85,105,.78) !important;
        line-height:1 !important;
        letter-spacing:-.08px !important;
    }
    #top10Grid .top14-click-time,
    #top1120Grid .top14-click-time {
        font-size:.32rem !important;
        padding:1px 2px !important;
        color:#64748b !important;
    }
    #top10Grid .top14-rank-badge-blue,
    #top1120Grid .top14-rank-badge-blue,
    #top10Grid .top14-badge-tag,
    #top1120Grid .top14-badge-tag,
    #top10Grid .top14-count,
    #top1120Grid .top14-count {
        min-height:11px !important;
        max-width:53px !important;
        padding:1px 2px !important;
        font-size:.34rem !important;
        line-height:1 !important;
        border-radius:2px !important;
    }
    #top10Grid .star-svg-global,
    #top1120Grid .star-svg-global,
    #top10Grid .star-svg-last-clicked,
    #top1120Grid .star-svg-last-clicked {
        width:7px !important;
        height:7px !important;
    }

    /* 4. CENTRAL INTELIGENTE — título em uma linha + filtros avançados ocultos no celular */
    #bottomRank50Container .recent20-header {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:6px !important;
        padding:5px 7px !important;
    }
    #bottomRank50Container .recent20-title {
        min-width:0 !important;
        overflow:hidden !important;
        white-space:nowrap !important;
    }
    #bottomRank50Container .recent20-title > span {
        display:block !important;
        font-size:0 !important;
        white-space:nowrap !important;
    }
    #bottomRank50Container .recent20-title > span::before {
        content:'🏆 Central Inteligente de Links · Todos os Links';
        font-size:.55rem !important;
        font-weight:780 !important;
        color:#1d4ed8 !important;
        white-space:nowrap !important;
    }
    #bottomRank50Container .recent20-header > div:last-child {
        display:none !important;
    }
    #bottomRank50Container > .inactive-filter-bar {
        display:none !important;
    }
    #bottomRank50Container > div:nth-of-type(4) {
        margin:4px 0 6px !important;
        padding:4px 5px !important;
        gap:4px !important;
        background:#f8fafc !important;
    }
    #bottomRank50Container #btnToggleRankSort {
        height:22px !important;
        padding:2px 5px !important;
        font-size:.47rem !important;
    }
    #bottomRank50Container #rankInlineSearchInput {
        min-height:28px !important;
        height:28px !important;
        font-size:.58rem !important;
        padding:4px 7px !important;
    }
    #bottomRank50Container #rankCountDisplay,
    #bottomRank50Container #rankSumClicksDisplay {
        font-size:.50rem !important;
        padding:2px 5px !important;
    }

    /* 5. CATEGORIAS — título compacto em uma linha */
    #categoriesMainContainer {
        padding:9px !important;
        margin-top:10px !important;
        border-width:1.5px !important;
    }
    #categoriesMainContainer .recent20-header {
        flex-wrap:nowrap !important;
        gap:5px !important;
    }
    #categoriesMainContainer .recent20-title {
        min-width:0 !important;
        flex:1 !important;
        gap:4px !important;
        flex-wrap:nowrap !important;
    }
    #categoriesTitleInfo {
        min-width:0 !important;
        font-size:.64rem !important;
        line-height:1.1 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    #categoriesTitleInfo small {
        font-size:.48rem !important;
        font-weight:700 !important;
    }
    #categoriesTopNotice {
        display:none !important;
    }
    #categoriesCollapseBtn {
        flex:0 0 auto !important;
        font-size:.55rem !important;
        padding:3px 7px !important;
    }
}

@media (max-width: 380px) {
    #vipMainHeader .brand-section {
        grid-template-columns:38px minmax(0,1fr) 31px 38px !important;
        gap:4px !important;
    }
    #vipMainHeader .vip-mobile-area-shortcut { width:31px !important; min-width:31px !important; height:31px !important; }
    #bottomRank50Container .recent20-title > span::before { font-size:.49rem !important; }
}


/* ========================================================================== 
   MOBILE V9 — AJUSTES FINAIS APP PREMIUM • 25/09/2026
   EXCLUSIVO <= 768px. Nenhuma regra abaixo alcança o desktop.
   ========================================================================== */
@media (max-width: 768px) {
    /* TOPO: engrenagem + sino sempre na mesma linha e centralizados verticalmente. */
    #vipMainHeader .brand-section {
        grid-template-columns: 40px minmax(0,1fr) 36px 40px !important;
        align-items: center !important;
    }
    #vipMainHeader .vip-mobile-area-shortcut,
    #vipMainHeader .vip-mobile-area-shortcut.vip-mobile-top-slot-area,
    #vipMainHeader .vip-notif-wrap.vip-mobile-top-slot {
        align-self: center !important;
        justify-self: center !important;
        margin: 0 !important;
        top: auto !important;
        transform: none !important;
    }
    #vipMainHeader .vip-mobile-area-shortcut {
        display: inline-flex !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        font-size: .88rem !important;
    }
    #vipMainHeader .vip-notif-wrap.vip-mobile-top-slot,
    #vipMainHeader .vip-notif-bell {
        width: 40px !important;
        min-width: 40px !important;
        height: 36px !important;
    }

    /* A barra grande de áreas selecionadas não aparece no celular: o atalho é a engrenagem do topo. */
    #vipMainHeader #userGreetingAreaBtn { display: none !important; }

    /* RODAPÉ: conteúdo centralizado no mobile, com aparência de app. */
    .footer-vip-dashboard,
    .footer-vip-dashboard .vip-footer-grid,
    .footer-vip-dashboard .vip-footer-col,
    .footer-vip-dashboard .vip-footer-bottom,
    .footer-vip-dashboard .vip-footer-legal {
        text-align: center !important;
    }
    .footer-vip-dashboard .vip-footer-grid {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
    }
    .footer-vip-dashboard .vip-footer-col {
        width: 100% !important;
        max-width: 440px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        align-items: center !important;
    }
    .footer-vip-dashboard .vip-footer-logo { margin-left:auto !important; margin-right:auto !important; }
    .footer-vip-dashboard .vip-footer-links {
        width: 100% !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        list-style: none !important;
    }
    .footer-vip-dashboard .vip-footer-links li,
    .footer-vip-dashboard .vip-footer-links a,
    .footer-vip-dashboard .vip-footer-links button,
    .footer-vip-dashboard .vip-footer-actions {
        justify-content: center !important;
        text-align: center !important;
    }
    .footer-vip-dashboard .vip-footer-actions {
        width: 100% !important;
        align-items: center !important;
    }
    .footer-vip-dashboard .vip-footer-bottom,
    .footer-vip-dashboard .vip-footer-legal {
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* SUGESTÕES: força 2 colunas mesmo em navegadores/WebViews que sobrescrevem o grid base. */
    #suggestionsContainer #suggestionsGrid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        width: 100% !important;
        gap: 5px !important;
    }
    #suggestionsContainer #suggestionsGrid > * { min-width: 0 !important; width: 100% !important; }

    /* FAVORITOS / DINÂMICO: nome mais leve, menor e cinza 60%. */
    #top10Grid .top14-name,
    #top1120Grid .top14-name,
    #top10Grid .top14-item:not(.top14-item-sugestao) .top14-name,
    #top1120Grid .top14-item:not(.top14-item-sugestao) .top14-name,
    #top10Grid .top14-item.top14-item-sugestao .top14-name,
    #top1120Grid .top14-item.top14-item-sugestao .top14-name {
        font-size: .47rem !important;
        font-weight: 600 !important;
        color: rgba(71,85,105,.60) !important;
        line-height: 1.08 !important;
        letter-spacing: 0 !important;
    }

    /* CENTRAL: tags menores para liberar mais largura ao nome do link. */
    #bottomRank50Grid .recent20-item {
        min-width: 0 !important;
        gap: 2px !important;
    }
    #bottomRank50Grid .recent20-name {
        margin-right: 2px !important;
        min-width: 0 !important;
    }
    #bottomRank50Grid .recent20-name > b {
        min-width: 25px !important;
        padding: 1px 3px !important;
        margin-right: 2px !important;
        font-size: .52rem !important;
        border-radius: 3px !important;
    }
    #bottomRank50Grid .recent20-favicon-box {
        width: 20px !important;
        min-width: 20px !important;
        height: 20px !important;
        margin-right: 3px !important;
    }
    #bottomRank50Grid .recent20-favicon-img {
        width: 14px !important;
        height: 14px !important;
    }
    #bottomRank50Grid .recent20-item > div:last-child {
        gap: 1px !important;
        max-width: 46% !important;
    }
    #bottomRank50Grid .recent20-item > div:last-child > span,
    #bottomRank50Grid .recent20-timestamp,
    #bottomRank50Grid .recent20-count {
        font-size: .43rem !important;
        line-height: 1 !important;
        padding: 1px 2px !important;
        border-radius: 2px !important;
        max-width: 62px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    #bottomRank50Grid .recent20-name > span:last-child {
        font-size: .56rem !important;
        line-height: 1.05 !important;
    }

    #bottomRank50Container .rank-limit-banner {
        gap: 5px !important;
        padding: 5px 6px !important;
    }
    #bottomRank50Container .rank-limit-banner span,
    #bottomRank50Container .btn-toggle-limit-100 {
        font-size: .50rem !important;
    }
}

@media (max-width: 380px) {
    #vipMainHeader .brand-section {
        grid-template-columns: 38px minmax(0,1fr) 32px 38px !important;
        gap: 4px !important;
    }
    #vipMainHeader .vip-mobile-area-shortcut { width:32px !important; min-width:32px !important; height:32px !important; }
    #vipMainHeader .vip-notif-wrap.vip-mobile-top-slot,
    #vipMainHeader .vip-notif-bell { width:38px !important; min-width:38px !important; height:32px !important; }
}


/* ========================================================================== 
   MOBILE V10 — REFINO FINAL APP PREMIUM • 25/09/2026
   SOMENTE <= 768px. Desktop e regras de negócio permanecem intactos.
   ========================================================================== */
@media (max-width: 768px) {
    /* 1) TOPO — alinhamento real do sino/engrenagem + distribuição em 2 linhas. */
    #vipMainHeader .brand-section {
        grid-template-columns: 40px minmax(0,1fr) 36px 36px !important;
        gap: 6px !important;
        align-items: center !important;
    }
    #vipMainHeader .vip-mobile-area-shortcut.vip-mobile-top-slot-area,
    #vipMainHeader .vip-notif-wrap.vip-mobile-top-slot {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        align-self: center !important;
        justify-self: center !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #vipMainHeader .vip-notif-bell {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
    }
    #vipMainHeader .vip-notif-bell svg { width:16px !important; height:16px !important; margin:0 !important; }

    /* Linha de dados: usuário + plano / acesso + minhas áreas. */
    #vipMainHeader .header-container > div:nth-child(2) {
        display: grid !important;
        grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr) !important;
        grid-template-areas:
            "usuario plano"
            "acesso areas" !important;
        gap: 6px !important;
        align-items: stretch !important;
    }
    #vipMainHeader .header-container > div:nth-child(2) > .user-top-identity { grid-area: usuario !important; }
    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(2) { grid-area: plano !important; }
    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(3) { grid-area: acesso !important; }
    #vipMainHeader #userGreetingAreaBtn,
    #vipMainHeader #userNoAreaAlertTop { grid-area: areas !important; }

    #vipMainHeader .user-top-identity,
    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(2),
    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(3),
    #vipMainHeader #userGreetingAreaBtn,
    #vipMainHeader #userNoAreaAlertTop {
        min-height: 38px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Remove visualmente a barra “Completo (Todas as Áreas) ⚙️”. Mantém só um card compacto. */
    #vipMainHeader #userGreetingAreaBtn {
        padding: 5px 7px !important;
        border-radius: 8px !important;
        justify-content: center !important;
        align-items: center !important;
        overflow: hidden !important;
        cursor: pointer !important;
    }
    #vipMainHeader #userGreetingAreaBtn > span,
    #vipMainHeader #userGreetingAreaBtn > .prof-dropdown-hover { display:none !important; }
    #vipMainHeader #userGreetingAreaBtn::before {
        content: "🎯 Minhas Áreas" !important;
        display:block !important;
        width:100% !important;
        color:#dbeafe !important;
        font-size:.57rem !important;
        font-weight:800 !important;
        line-height:1.08 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        text-align:center !important;
    }
    #vipMainHeader #userNoAreaAlertTop {
        padding: 5px 7px !important;
        font-size:.52rem !important;
        line-height:1.08 !important;
        text-align:center !important;
    }
    #vipMainHeader #userNoAreaAlertTop span:first-child { display:none !important; }
    #vipMainHeader #userNoAreaAlertTop span:last-child::before { content:"🎯 "; }
    #vipMainHeader #userNoAreaAlertTop span:last-child { font-size:0 !important; }
    #vipMainHeader #userNoAreaAlertTop span:last-child::after {
        content:"Escolher Áreas";
        font-size:.54rem !important;
        font-weight:800 !important;
    }

    /* 2) CLIMA — somente o nome do usuário em cinza 60%. */
    #weatherGreetingCard #greetingText .vip-greeting-user-name {
        color: rgba(71,85,105,.60) !important;
        font-weight: 720 !important;
    }

    /* 3) FAVORITOS / DINÂMICO — nomes realmente menores e cinza 60%. */
    #top10Grid a.top14-item .top14-name,
    #top1120Grid a.top14-item .top14-name,
    #top10Grid .top14-side-content .top14-name,
    #top1120Grid .top14-side-content .top14-name {
        font-size: .43rem !important;
        font-weight: 560 !important;
        color: rgba(71,85,105,.60) !important;
        line-height: 1.02 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* 4) MAIS SUGESTÕES — recolhido compacto e, aberto, 2 colunas iguais aos demais cards. */
    #extraSuggestionsContainer {
        padding: 7px 8px !important;
        margin-top: 9px !important;
        margin-bottom: 9px !important;
        border-radius: 8px !important;
    }
    #extraSuggestionsContainer > div:first-child {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:5px !important;
        align-items:center !important;
    }
    #extraSuggestionsContainer > div:first-child > div:first-child {
        min-width:0 !important;
        display:flex !important;
        align-items:center !important;
        gap:4px !important;
        flex-wrap:nowrap !important;
        overflow:hidden !important;
    }
    #extraSuggestionsContainer > div:first-child > div:first-child > span:first-child {
        min-width:0 !important;
        font-size:.62rem !important;
        font-weight:760 !important;
        line-height:1.05 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    #extraSuggestionsContainer > div:first-child > div:first-child > span:first-child small {
        font-size:.45rem !important;
        font-weight:650 !important;
    }
    #extraSuggestionsContainer > div:first-child > div:first-child > span:nth-child(2) {
        display:none !important;
    }
    #btnToggleExtraSuggestions {
        min-height:27px !important;
        padding:4px 7px !important;
        border-radius:5px !important;
        font-size:.50rem !important;
        line-height:1 !important;
        white-space:nowrap !important;
        box-shadow:none !important;
    }
    #extraSuggestionsGrid {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:4px !important;
        margin-top:7px !important;
        width:100% !important;
    }
    #extraSuggestionsGrid:not(.box-hidden) { display:grid !important; }
    #extraSuggestionsGrid .top14-item {
        width:100% !important;
        min-width:0 !important;
        height:48px !important;
        min-height:48px !important;
        max-height:48px !important;
        padding:3px 4px !important;
        border-radius:6px !important;
        overflow:hidden !important;
    }
    #extraSuggestionsGrid .top14-side-favicon-box {
        width:30px !important;
        min-width:30px !important;
        max-width:30px !important;
        padding:2px !important;
    }
    #extraSuggestionsGrid .top14-side-favicon-img { width:22px !important; height:22px !important; }
    #extraSuggestionsGrid .top14-side-content { min-width:0 !important; padding:2px 3px !important; }
    #extraSuggestionsGrid .top14-side-content > div:first-child { min-height:10px !important; }
    #extraSuggestionsGrid .top14-name {
        font-size:.43rem !important;
        font-weight:560 !important;
        color:rgba(71,85,105,.60) !important;
        line-height:1.02 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    #extraSuggestionsGrid .sugestao-tag-topo,
    #extraSuggestionsGrid .sugestao-tag-bottom,
    #extraSuggestionsGrid .top14-badge-tag {
        font-size:.34rem !important;
        line-height:1 !important;
        padding:1px 2px !important;
        border-radius:2px !important;
        max-width:52px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    /* 5) CATEGORIAS — cada categoria recolhida no mobile; expande individualmente. */
    #categoriesGrid {
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:5px !important;
    }
    #categoriesGrid .category-card {
        margin:0 !important;
        border-radius:6px !important;
        overflow:hidden !important;
        box-shadow:none !important;
    }
    #categoriesGrid .category-header {
        min-height:31px !important;
        padding:5px 7px !important;
        gap:5px !important;
        cursor:pointer !important;
        user-select:none !important;
    }
    #categoriesGrid .category-title {
        min-width:0 !important;
        gap:3px !important;
    }
    #categoriesGrid .category-title > span {
        min-width:0 !important;
        font-size:.55rem !important;
        font-weight:720 !important;
        line-height:1.05 !important;
        color:#334155 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    #categoriesGrid .category-sum-badge {
        font-size:.42rem !important;
        font-weight:650 !important;
        line-height:1 !important;
        padding:2px 4px !important;
        white-space:nowrap !important;
    }
    #categoriesGrid .mobile-category-chevron {
        display:inline-block !important;
        font-size:.55rem !important;
        margin-left:2px !important;
        transition:transform .15s ease !important;
    }
    #categoriesGrid .category-card:not(.mobile-category-collapsed) .mobile-category-chevron { transform:rotate(180deg) !important; }
    #categoriesGrid .category-card.mobile-category-collapsed .link-list { display:none !important; }
    #categoriesGrid .link-list { padding:2px 4px 5px !important; }
    #categoriesGrid .link-item {
        min-height:27px !important;
        padding:3px 4px !important;
        border-radius:4px !important;
        margin-top:2px !important;
    }
    #categoriesGrid .link-text {
        font-size:.49rem !important;
        font-weight:560 !important;
        color:#475569 !important;
        line-height:1.05 !important;
    }
    #categoriesGrid .click-count,
    #categoriesGrid .click-count-active,
    #categoriesGrid .badge-link-restrito-cinza,
    #categoriesGrid .top14-rank-badge-blue,
    #categoriesGrid .top14-badge-tag,
    #categoriesGrid .sugestao-tag-topo,
    #categoriesGrid .sugestao-tag-bottom {
        font-size:.34rem !important;
        line-height:1 !important;
        padding:1px 2px !important;
        border-radius:2px !important;
    }
    #categoriesGrid .btn-edit-link-inline,
    #categoriesGrid .btn-edit-category-inline {
        transform:scale(.60) !important;
        transform-origin:center !important;
        margin:-3px !important;
    }
}

@media (max-width: 380px) {
    #vipMainHeader .brand-section { grid-template-columns:38px minmax(0,1fr) 33px 33px !important; gap:4px !important; }
    #vipMainHeader .vip-mobile-area-shortcut.vip-mobile-top-slot-area,
    #vipMainHeader .vip-notif-wrap.vip-mobile-top-slot,
    #vipMainHeader .vip-notif-bell { width:33px !important; min-width:33px !important; height:33px !important; }
    #vipMainHeader .header-container > div:nth-child(2) { grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) !important; gap:4px !important; }
    #extraSuggestionsContainer > div:first-child > div:first-child > span:first-child { font-size:.57rem !important; }
}

/* ========================================================================== 
   MOBILE V11 — REFINOS FINAIS • 25/09/2026
   EXCLUSIVO <= 768px. Desktop preservado.
   ========================================================================== */
@media (max-width: 768px) {
    /* 1) CATEGORIAS: cabeçalho azul com nome branco e leitura compacta. */
    #categoriesGrid .category-header,
    #categoriesGrid .category-header * { box-sizing:border-box !important; }
    #categoriesGrid .category-title > span {
        color:#ffffff !important;
        font-size:.53rem !important;
        font-weight:620 !important;
        text-shadow:0 1px 1px rgba(0,0,0,.12) !important;
    }
    #categoriesGrid .category-sum-badge { color:#eaf4ff !important; }

    /* 2) Engrenagem do topo = Meu Perfil. Aparência preservada; destino é tratado no JS. */
    #vipMainHeader .vip-mobile-area-shortcut { cursor:pointer !important; }

    /* 3) Card Minhas Áreas: texto escuro sobre fundo claro. */
    #vipMainHeader #userGreetingAreaBtn::before {
        color:rgba(51,65,85,.92) !important;
        font-weight:720 !important;
    }

    /* 4) Faixa de suporte no topo, exclusiva do mobile. */
    #vipMainHeader .vip-mobile-support-strip {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:5px !important;
        width:100% !important;
        min-height:24px !important;
        padding:4px 8px !important;
        margin:0 0 5px !important;
        background:linear-gradient(90deg,#07235b,#0a3176) !important;
        border-bottom:1px solid rgba(34,211,238,.45) !important;
        color:#e6faff !important;
        text-decoration:none !important;
        font-size:.58rem !important;
        font-weight:760 !important;
        letter-spacing:.015em !important;
        line-height:1 !important;
    }
    #vipMainHeader .vip-mobile-support-strip svg {
        width:13px !important;
        height:13px !important;
        fill:#22d3ee !important;
        flex:0 0 auto !important;
    }
    #vipMainHeader .btn-header-0800 { display:none !important; }

    
    
    
    
    
    
    
    

    /* 6) Voltar ao topo: ciano com seta azul-escuro, sem alterar dimensões. */
    #btnBackToTop.btn-back-to-top {
        background:#22d3ee !important;
        color:#0b1f4d !important;
        border-color:#22d3ee !important;
        font-size:0 !important;
    }
    #btnBackToTop.btn-back-to-top::before {
        content:"↑" !important;
        color:#0b1f4d !important;
        font-size:17px !important;
        font-weight:900 !important;
        line-height:1 !important;
    }

    /* 7) Menu lateral: títulos de seção com faixa suave. */
    #sidebarHoverMenu .sidebar-section-title {
        background:#eef4fb !important;
        border:1px solid #dce8f5 !important;
        border-left:3px solid #38bdf8 !important;
        border-radius:5px !important;
        color:#475569 !important;
        padding:7px 8px !important;
        margin:8px 0 4px !important;
    }

    /* 8) Clima/Saudação: frase inteira na mesma cor cinza 85%. */
    #weatherGreetingCard #greetingText,
    #weatherGreetingCard #greetingText .vip-greeting-user-name {
        color:rgba(71,85,105,.85) !important;
        font-weight:680 !important;
    }

    /* 9) Favoritos/Dinâmico: nomes menores, finos e cinza 85%. */
    #top10Grid .top14-name,
    #top1120Grid .top14-name,
    #top10Grid a.top14-item .top14-name,
    #top1120Grid a.top14-item .top14-name,
    #top10Grid .top14-side-content .top14-name,
    #top1120Grid .top14-side-content .top14-name {
        font-size:.40rem !important;
        font-weight:450 !important;
        color:rgba(71,85,105,.85) !important;
        line-height:1.02 !important;
        letter-spacing:-.005em !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    /* 10) 30 sugestões: duas colunas reais, inclusive após expandir/re-renderizar. */
    #extraSuggestionsContainer #extraSuggestionsGrid,
    #extraSuggestionsGrid,
    #extraSuggestionsGrid:not(.box-hidden) {
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-auto-flow:row !important;
        column-gap:4px !important;
        row-gap:4px !important;
        width:100% !important;
    }
    #extraSuggestionsGrid.box-hidden { display:none !important; }
    #extraSuggestionsGrid > * {
        min-width:0 !important;
        width:100% !important;
        max-width:100% !important;
    }
}

@media (min-width: 769px) {
    #vipMainHeader .vip-mobile-support-strip { display:none !important; }
}


/* ==========================================================================
   MOBILE V12 — CORREÇÕES DE ESTABILIDADE E ACABAMENTO • 25/09/2026
   EXCLUSIVO <= 768px. Desktop preservado.
   ========================================================================== */
@media (max-width: 768px) {
    /* 1) Sino + engrenagem sempre ancorados na primeira linha do topo. */
    #vipMainHeader .brand-section {
        position: relative !important;
        grid-template-columns: 40px minmax(0,1fr) 36px 36px !important;
        align-items: center !important;
    }
    #vipMainHeader .vip-mobile-area-shortcut.vip-mobile-top-slot-area,
    #vipMainHeader .vip-notif-wrap.vip-mobile-top-slot {
        position: relative !important;
        inset: auto !important;
        align-self: center !important;
        justify-self: center !important;
        z-index: 8 !important;
        margin: 0 !important;
        transform: none !important;
    }

    /* 2) Faixa 0800: mobile apenas. O display:none inline protege o desktop se o CSS não carregar. */
    #vipMainHeader .vip-mobile-support-strip {
        display: flex !important;
        min-height: 21px !important;
        padding: 3px 8px !important;
        margin: 0 0 4px !important;
        font-size: .54rem !important;
        line-height: 1 !important;
    }
    #vipMainHeader .vip-mobile-support-strip svg {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
        max-width: 12px !important;
    }

    
    
    

    /* 4) Atalho flutuante Ajuda — acima do botão Voltar ao Topo em qualquer página. */
    #vipMobileHelpFloat.vip-mobile-help-float {
        display: flex !important;
        position: fixed !important;
        right: 15px !important;
        bottom: 77px !important;
        width: 34px !important;
        height: 34px !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background: #0b3c7a !important;
        border: 2px solid #67e8f9 !important;
        color: #ffffff !important;
        font-size: 1rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        box-shadow: 0 4px 12px rgba(15,23,42,.22) !important;
        z-index: 9995 !important;
    }
    #vipMobileHelpFloat.vip-mobile-help-float:active { transform: scale(.95) !important; }

    /* 5) Categorias: nome branco no azul; contador do lado direito azul no fundo branco. */
    #categoriesGrid .category-title > span { color: #ffffff !important; }
    #categoriesGrid .category-sum-badge,
    #categoriesGrid .category-sum-badge * {
        color: #1d4ed8 !important;
        text-shadow: none !important;
        font-weight: 760 !important;
    }

    /* 6) Ajuda acima do Sair, com destaque leve no menu mobile. */
    #sidebarHoverMenu .vip-sidebar-help-top {
        margin-bottom: 5px !important;
        background: #eff6ff !important;
        border-color: #bfdbfe !important;
        color: #1d4ed8 !important;
        font-weight: 760 !important;
    }

    /* 7) Voltar ao topo: mesma dimensão, seta mais grossa. */
    #btnBackToTop.btn-back-to-top::before {
        content: "↑" !important;
        font-size: 18px !important;
        font-weight: 1000 !important;
        -webkit-text-stroke: .45px #0b1f4d !important;
    }
}

/* Desktop: componentes exclusivos do mobile permanecem invisíveis mesmo com cache parcial. */
@media (min-width: 769px) {
    #vipMainHeader .vip-mobile-support-strip,
    #vipMobileHelpFloat.vip-mobile-help-float { display:none !important; }
}


/* ==========================================================================
   MOBILE V13 — ESTABILIDADE DO TOPO + REFINOS VISUAIS • 25/09/2026
   EXCLUSIVO <= 768px. Desktop preservado.
   ========================================================================== */
@media (max-width: 768px) {
    /* 1) Dock independente: sino e engrenagem não participam mais da linha de Áreas. */
    #vipMainHeader {
        position: sticky !important;
        overflow: visible !important;
    }
    #vipMainHeader .brand-section,
    #vipMainHeader .brand-section.vip-mobile-brand-with-actions {
        position: relative !important;
        grid-template-columns: 40px minmax(0,1fr) !important;
        padding-right: 78px !important;
        gap: 7px !important;
    }
    #vipMobileTopActions.vip-mobile-top-actions {
        display: flex !important;
        position: absolute !important;
        top: 31px !important;
        right: 9px !important;
        z-index: 10030 !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        width: auto !important;
        height: 36px !important;
        pointer-events: auto !important;
    }
    #vipMobileTopActions .vip-mobile-area-shortcut,
    #vipMobileTopActions .vip-notif-wrap.vip-mobile-top-slot,
    #vipMobileTopActions .vip-notif-bell {
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        margin: 0 !important;
        align-self: center !important;
    }
    #vipMobileTopActions .vip-mobile-area-shortcut,
    #vipMobileTopActions .vip-notif-wrap.vip-mobile-top-slot,
    #vipMobileTopActions .vip-notif-bell {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
    }
    #vipMobileTopActions .vip-notif-wrap.vip-mobile-top-slot {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 2 !important;
    }
    #vipMobileTopActions .vip-mobile-area-shortcut {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 3 !important;
    }

    /* 2) Ajuda flutuante fica claramente acima do voltar ao topo. */
    #vipMobileHelpFloat.vip-mobile-help-float {
        bottom: 124px !important;
        right: 15px !important;
    }

    /* 3) Favoritos/Dinâmico: nome ainda menor e mais leve. */
    #top10Grid .top14-name,
    #top1120Grid .top14-name,
    #top10Grid a.top14-item .top14-name,
    #top1120Grid a.top14-item .top14-name,
    #top10Grid .top14-side-content .top14-name,
    #top1120Grid .top14-side-content .top14-name,
    #top10Grid .top14-item .top14-name,
    #top1120Grid .top14-item .top14-name {
        font-size: 5.8px !important;
        font-weight: 430 !important;
        color: rgba(51,65,85,.85) !important;
        line-height: 1.08 !important;
        letter-spacing: 0 !important;
    }
}
@media (max-width: 380px) {
    #vipMainHeader .brand-section,
    #vipMainHeader .brand-section.vip-mobile-brand-with-actions {
        grid-template-columns: 38px minmax(0,1fr) !important;
        padding-right: 72px !important;
        gap: 5px !important;
    }
    #vipMobileTopActions.vip-mobile-top-actions {
        top: 30px !important;
        right: 7px !important;
        gap: 4px !important;
    }
    #vipMobileTopActions .vip-mobile-area-shortcut,
    #vipMobileTopActions .vip-notif-wrap.vip-mobile-top-slot,
    #vipMobileTopActions .vip-notif-bell {
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
    }
}
@media (min-width: 769px) {
    #vipMobileTopActions.vip-mobile-top-actions { display:none !important; }
}


/* ==========================================================================
   MOBILE V14 — TOPO FIXO NA PRIMEIRA LINHA + REFINO FINAL • 25/09/2026
   EXCLUSIVO <= 768px. Desktop preservado.
   ========================================================================== */
@media (max-width: 768px) {
    /* Dock do sino + perfil faz parte da brand-section. Não muda ao abrir Áreas. */
    #vipMainHeader .brand-section,
    #vipMainHeader .brand-section.vip-mobile-brand-with-actions {
        display:grid !important;
        grid-template-columns:40px minmax(0,1fr) 74px !important;
        align-items:center !important;
        padding-right:0 !important;
        position:relative !important;
        gap:7px !important;
    }
    #vipMobileTopActions.vip-mobile-top-actions {
        grid-column:3 !important;
        grid-row:1 !important;
        display:flex !important;
        position:static !important;
        inset:auto !important;
        transform:none !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:6px !important;
        width:74px !important;
        min-width:74px !important;
        height:36px !important;
        margin:0 !important;
        z-index:10030 !important;
    }
    #vipMobileTopActions .vip-mobile-area-shortcut,
    #vipMobileTopActions .vip-notif-wrap.vip-mobile-top-slot,
    #vipMobileTopActions .vip-notif-bell {
        position:relative !important;
        inset:auto !important;
        transform:none !important;
        margin:0 !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
        flex:0 0 34px !important;
    }
    #vipMobileTopActions .vip-mobile-area-shortcut,
    #vipMobileTopActions .vip-notif-wrap.vip-mobile-top-slot {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    /* Ajuda flutuante: distância confortável acima de Voltar ao Topo. */
    #vipMobileHelpFloat.vip-mobile-help-float {
        bottom:132px !important;
    }

    /* Nomes dos links FAVORITOS / DINÂMICO: ainda menores, finos e legíveis. */
    #top10Grid .top14-name,
    #top1120Grid .top14-name,
    #top10Grid .top14-item .top14-name,
    #top1120Grid .top14-item .top14-name,
    #top10Grid a .top14-name,
    #top1120Grid a .top14-name {
        font-size:5.35px !important;
        font-weight:400 !important;
        color:rgba(51,65,85,.85) !important;
        line-height:1.06 !important;
        letter-spacing:-.01em !important;
    }
}
@media (max-width:380px) {
    #vipMainHeader .brand-section,
    #vipMainHeader .brand-section.vip-mobile-brand-with-actions {
        grid-template-columns:38px minmax(0,1fr) 68px !important;
        gap:5px !important;
    }
    #vipMobileTopActions.vip-mobile-top-actions {
        width:68px !important;
        min-width:68px !important;
        gap:4px !important;
        height:34px !important;
    }
    #vipMobileTopActions .vip-mobile-area-shortcut,
    #vipMobileTopActions .vip-notif-wrap.vip-mobile-top-slot,
    #vipMobileTopActions .vip-notif-bell {
        width:32px !important;
        min-width:32px !important;
        height:32px !important;
        min-height:32px !important;
        flex-basis:32px !important;
    }
}
@media (min-width:769px) {
    #vipMobileTopActions.vip-mobile-top-actions { display:none !important; }
}


/* ==========================================================================
   MOBILE V16 — refinamento final do topo, flutuantes, PWA e atalhos
   EXCLUSIVO <= 768px. Desktop preservado.
   ========================================================================== */
@media (max-width:768px){
    /* Faixa Central WhatsApp */
    #vipMainHeader .vip-mobile-support-strip{
        min-height:28px!important;padding:5px 10px!important;gap:7px!important;font-size:.61rem!important;
    }
    #vipMainHeader .vip-mobile-support-copy{display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;}
    #vipMainHeader .vip-mobile-support-copy strong{font-size:.60rem!important;font-weight:800!important;color:#dbeafe!important;}
    #vipMainHeader .vip-mobile-support-copy b{font-size:.68rem!important;font-weight:900!important;color:#22d3ee!important;letter-spacing:.015em!important;}

    /* Sino + perfil ficam definitivamente na primeira linha */
    #vipMainHeader .brand-section,
    #vipMainHeader .brand-section.vip-mobile-brand-with-actions{
        display:grid!important;grid-template-columns:40px minmax(0,1fr) 74px!important;align-items:center!important;gap:7px!important;padding-right:0!important;
    }
    #vipMobileTopActions.vip-mobile-top-actions{grid-column:3!important;grid-row:1!important;position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;width:74px!important;height:36px!important;margin:0!important;z-index:10030!important;}
    #vipMobileTopActions .vip-mobile-area-shortcut,
    #vipMobileTopActions .vip-notif-wrap,
    #vipMobileTopActions .vip-notif-bell{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;flex:0 0 34px!important;}

    /* Linha de identidade: 2 itens em cima e 3 atalhos embaixo */
    #vipMainHeader .header-container > div:nth-child(2){
        display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
        grid-template-areas:"usuario usuario usuario plano plano plano" "acesso acesso dashboard dashboard areas areas"!important;
        gap:6px!important;align-items:stretch!important;
    }
    #vipMainHeader .header-container > div:nth-child(2) > .user-top-identity{grid-area:usuario!important;}
    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(2){grid-area:plano!important;}
    #vipMainHeader .header-container > div:nth-child(2) > div:nth-child(3){grid-area:acesso!important;}
    #vipMobileDashboardShortcut{grid-area:dashboard!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-height:38px!important;padding:4px 5px!important;border:1px solid #bae6fd!important;border-radius:8px!important;background:#ecfeff!important;color:#0369a1!important;text-decoration:none!important;font-size:.53rem!important;font-weight:800!important;line-height:1.05!important;overflow:hidden!important;}
    #vipMobileDashboardShortcut .vip-mobile-dashboard-icon{font-size:.76rem!important;line-height:1!important;}
    #vipMainHeader #userGreetingAreaBtn,#vipMainHeader #userNoAreaAlertTop{grid-area:areas!important;min-height:38px!important;}
    #vipMainHeader #userGreetingAreaBtn{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border:1px solid #93c5fd!important;box-shadow:none!important;}
    #vipMainHeader #userGreetingAreaBtn::before{content:"🎯 Áreas de Preferência"!important;color:#1e3a8a!important;font-size:.52rem!important;font-weight:800!important;}

    /* Links Favoritos/Dinâmico: redução final */
    #top10Grid .top14-name,#top1120Grid .top14-name,#top10Grid .top14-item .top14-name,#top1120Grid .top14-item .top14-name,#top10Grid a .top14-name,#top1120Grid a .top14-name{
        font-size:4.9px!important;font-weight:380!important;color:rgba(51,65,85,.85)!important;line-height:1.05!important;
    }

    
    #vipMobileHelpFloat.vip-mobile-help-float{right:14px!important;bottom:108px!important;}
    #btnBackToTop.btn-back-to-top{right:14px!important;bottom:154px!important;}
    #btnBackToTop.btn-back-to-top::before{font-size:19px!important;font-weight:1000!important;-webkit-text-stroke:.6px #0b1f4d!important;}

    /* Menu flutuante durante rolagem */
    #vipMobileMenuFloat.vip-mobile-menu-float{display:none;position:fixed;left:10px;top:10px;z-index:10045;width:38px;height:38px;border-radius:9px;border:1px solid rgba(103,232,249,.65);background:#071b4d;color:#fff;box-shadow:0 5px 16px rgba(15,23,42,.24);font-size:1.1rem;font-weight:900;align-items:center;justify-content:center;padding:0;}
    #vipMobileMenuFloat.vip-mobile-menu-float.show{display:flex!important;}
}
@media (min-width:769px){#vipMobileDashboardShortcut,#vipMobileMenuFloat{display:none!important;}}


/* ==========================================================================
   MOBILE V18 — CORREÇÃO DEFINITIVA DO TOPO + ACABAMENTO • 26/09/2026
   ========================================================================== */
@media(max-width:768px){
  /* faixa 0800 mais baixa/compacta */
  #vipMainHeader .vip-mobile-support-strip{min-height:22px!important;padding:3px 8px!important;margin:0 0 4px!important;gap:5px!important;font-size:.54rem!important;}
  #vipMainHeader .vip-mobile-support-copy strong{font-size:.54rem!important;}
  #vipMainHeader .vip-mobile-support-copy b{font-size:.61rem!important;}

  /* Primeira linha: controles estáticos. JS não move sino nem engrenagem. */
  #vipMainHeader .brand-section,#vipMainHeader .brand-section.vip-mobile-brand-with-actions{display:grid!important;grid-template-columns:40px minmax(0,1fr) 36px 36px!important;align-items:center!important;gap:6px!important;position:relative!important;}
  #vipMobileProfileGear.vip-mobile-profile-gear,#vipMobileNotifProxy.vip-mobile-notif-proxy{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin:0!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(125,211,252,.38)!important;color:#e0f2fe!important;box-shadow:none!important;text-decoration:none!important;position:relative!important;inset:auto!important;transform:none!important;z-index:10040!important;}
  #vipMobileProfileGear{grid-column:3!important;grid-row:1!important;font-size:1rem!important;}
  #vipMobileNotifProxy{grid-column:4!important;grid-row:1!important;padding:0!important;cursor:pointer!important;}
  #vipMobileNotifProxy svg{width:17px!important;height:17px!important;fill:#fff!important;}
  #vipMobileNotifProxy .vip-notif-badge{position:absolute!important;top:-4px!important;right:-5px!important;}
  #vipMainHeader #vipNotifWrap{position:static!important;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:visible!important;}
  #vipMainHeader #vipNotifWrap>.vip-notif-bell{display:none!important;}
  #vipMainHeader #vipNotifWrap>.vip-notif-panel{position:fixed!important;top:56px!important;left:9px!important;right:9px!important;width:auto!important;max-width:none!important;z-index:10080!important;}
  #vipMobileTopActions{display:none!important;}

  /* linha tipo de acesso / dashboard / áreas */
  #vipMainHeader .header-container>div:nth-child(2){display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-areas:"usuario usuario usuario plano plano plano" "acesso acesso dashboard dashboard areas areas"!important;gap:6px!important;}
  #vipMainHeader .header-container>div:nth-child(2)>.user-top-identity{grid-area:usuario!important;}
  #vipMainHeader .header-container>div:nth-child(2)>div:nth-child(2){grid-area:plano!important;}
  #vipMainHeader .header-container>div:nth-child(2)>div:nth-child(3){grid-area:acesso!important;border:1px solid rgba(96,165,250,.42)!important;background:rgba(255,255,255,.08)!important;}
  #vipMobileDashboardShortcut{grid-area:dashboard!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:40px!important;padding:5px 6px!important;border:1px solid rgba(34,211,238,.55)!important;border-radius:8px!important;background:rgba(34,211,238,.09)!important;color:#cffafe!important;font-size:.56rem!important;font-weight:850!important;text-decoration:none!important;}
  #vipMainHeader #userGreetingAreaBtn,#vipMainHeader #userNoAreaAlertTop{grid-area:areas!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;margin:0!important;padding:5px 6px!important;border-radius:8px!important;box-shadow:none!important;}
  #vipMainHeader #userGreetingAreaBtn{background:rgba(129,140,248,.10)!important;border:1px solid rgba(129,140,248,.52)!important;font-size:0!important;}
  #vipMainHeader #userGreetingAreaBtn>*{display:none!important;}
  #vipMainHeader #userGreetingAreaBtn::before{content:"🎯 Áreas de Preferência"!important;display:block!important;color:#e0e7ff!important;font-size:.55rem!important;font-weight:850!important;line-height:1.1!important;text-align:center!important;}
  #vipMainHeader #userNoAreaAlertTop{background:linear-gradient(135deg,#dc2626,#ef4444)!important;border:1px solid #fecaca!important;color:#fff!important;font-size:0!important;animation:vipAreaAttention 10s ease-in-out infinite!important;}
  #vipMainHeader #userNoAreaAlertTop>*{display:none!important;}
  #vipMainHeader #userNoAreaAlertTop::before{content:"🎯 Escolher Áreas"!important;font-size:.56rem!important;font-weight:900!important;line-height:1.1!important;}
  @keyframes vipAreaAttention{0%,86%,100%{transform:translateX(0)}88%{transform:translateX(-2px)}90%{transform:translateX(2px)}92%{transform:translateX(-2px)}94%{transform:translateX(2px)}96%{transform:translateX(0)}}

  
  #vipMobileHelpFloat.vip-mobile-help-float{display:flex!important;right:14px!important;bottom:108px!important;}
  #btnBackToTop.btn-back-to-top{right:14px!important;bottom:154px!important;}

  /* menu flutuante sempre acima do conteúdo */
  #vipMobileMenuFloat.vip-mobile-menu-float{z-index:10060!important;}
}
@media(min-width:769px){#vipMobileProfileGear,#vipMobileNotifProxy{display:none!important;}}


/* ==========================================================================
   MOBILE V19 — AJUSTES FINAIS SOLICITADOS • 26/09/2026
   Somente mobile: preserva o restante do layout.
   ========================================================================== */
@media(max-width:768px){
  /* remove qualquer faixa ciano adicionada ao topo */
  #vipMainHeader{border-top:0!important;}

  /* sino + engrenagem permanecem fixos na primeira linha em todas as páginas */
  #vipMainHeader .brand-section{grid-template-columns:40px minmax(0,1fr) 36px 36px!important;}
  #vipMainHeader .btn-mobile-menu-trigger{grid-column:1!important;grid-row:1!important;}
  #vipMainHeader .brand-link-unified{grid-column:2!important;grid-row:1!important;}
  #vipMobileProfileGear.vip-mobile-profile-gear{display:inline-flex!important;grid-column:3!important;grid-row:1!important;visibility:visible!important;opacity:1!important;}
  #vipMobileNotifProxy.vip-mobile-notif-proxy{display:inline-flex!important;grid-column:4!important;grid-row:1!important;visibility:visible!important;opacity:1!important;}

  /* três atalhos da segunda linha no mesmo padrão visual escuro, variando apenas a borda/cor */
  #vipMainHeader .header-container>div:nth-child(2)>div:nth-child(3){
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(96,165,250,.52)!important;
  }
  #vipMobileDashboardShortcut{
    background:rgba(14,116,144,.16)!important;
    border:1px solid rgba(34,211,238,.55)!important;
    color:#a5f3fc!important;
    box-shadow:none!important;
  }
  #vipMainHeader #userGreetingAreaBtn{
    background:rgba(79,70,229,.14)!important;
    border:1px solid rgba(129,140,248,.58)!important;
    box-shadow:none!important;
  }
  #vipMainHeader #userGreetingAreaBtn::before{color:#c7d2fe!important;}
  /* sem área definida continua vermelho e com alerta periódico já existente */
  #vipMainHeader #userNoAreaAlertTop{
    background:linear-gradient(135deg,#b91c1c,#dc2626)!important;
    border-color:#fca5a5!important;
    color:#fff!important;
  }
}

/* ==========================================================================
   MOBILE V20 — CORREÇÃO FINAL DO TOPO E BOTÕES • 26/09/2026
   Somente <= 768px. Corrige conflitos visuais sem alterar desktop.
   ========================================================================== */
@media (max-width:768px){
  /* Cabeçalho: sem linha ciano e sem deslocamento dos controles */
  #vipMainHeader{
    border-top-color:transparent!important;
    border-bottom-color:transparent!important;
  }
  #vipMainHeader .brand-section{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 36px 36px!important;
    align-items:center!important;
    gap:6px!important;
    position:relative!important;
  }
  #vipMainHeader .btn-mobile-menu-trigger{grid-column:1!important;grid-row:1!important;}
  #vipMainHeader .brand-link-unified{grid-column:2!important;grid-row:1!important;min-width:0!important;}

  /* Engrenagem e sino MOBILE: sempre na primeira linha */
  #vipMobileProfileGear.vip-mobile-profile-gear,
  #vipMobileNotifProxy.vip-mobile-notif-proxy{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(125,211,252,.38)!important;
    color:#e0f2fe!important;
    box-shadow:none!important;
    z-index:10040!important;
  }
  #vipMobileProfileGear{grid-column:3!important;grid-row:1!important;font-size:1rem!important;}
  #vipMobileNotifProxy{grid-column:4!important;grid-row:1!important;cursor:pointer!important;}
  #vipMobileNotifProxy svg{width:17px!important;height:17px!important;fill:#fff!important;}
  #vipMobileNotifProxy .vip-notif-badge{position:absolute!important;top:-4px!important;right:-5px!important;}

  /* O sino ORIGINAL continua sendo a central lógica, mas não aparece no layout mobile. */
  #vipMainHeader #vipNotifWrap{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
    pointer-events:none!important;
    z-index:10080!important;
  }
  #vipMainHeader #vipNotifWrap > .vip-notif-bell{display:none!important;visibility:hidden!important;width:0!important;height:0!important;}
  #vipMainHeader #vipNotifWrap > .vip-notif-panel{
    pointer-events:auto!important;
    position:fixed!important;
    top:58px!important;
    left:9px!important;
    right:9px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 76px)!important;
    z-index:10090!important;
  }
  #vipMobileTopActions{display:none!important;}

  /* Segunda linha: os 3 itens seguem o mesmo estilo do Tipo de Acesso. */
  #vipMainHeader .header-container>div:nth-child(2){
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-areas:"usuario usuario usuario plano plano plano" "acesso acesso dashboard dashboard areas areas"!important;
    gap:6px!important;
    align-items:stretch!important;
  }
  #vipMainHeader .header-container>div:nth-child(2)>.user-top-identity{grid-area:usuario!important;}
  #vipMainHeader .header-container>div:nth-child(2)>div:nth-child(2){grid-area:plano!important;}
  #vipMainHeader .header-container>div:nth-child(2)>div:nth-child(3){
    grid-area:acesso!important;
    min-height:40px!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(96,165,250,.45)!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }
  #vipMobileDashboardShortcut{
    grid-area:dashboard!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-height:40px!important;
    margin:0!important;
    padding:5px 6px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(34,211,238,.48)!important;
    color:#d9fbff!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:.56rem!important;
    font-weight:850!important;
    line-height:1.1!important;
  }
  #vipMainHeader #userGreetingAreaBtn,
  #vipMainHeader #userNoAreaAlertTop{
    grid-area:areas!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    margin:0!important;
    padding:5px 6px!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }
  #vipMainHeader #userGreetingAreaBtn{
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(167,139,250,.50)!important;
    font-size:0!important;
  }
  #vipMainHeader #userGreetingAreaBtn>*{display:none!important;}
  #vipMainHeader #userGreetingAreaBtn::before{
    content:"🎯 Áreas de Preferência"!important;
    display:block!important;
    color:#ede9fe!important;
    font-size:.55rem!important;
    font-weight:850!important;
    line-height:1.1!important;
    text-align:center!important;
  }
  #vipMainHeader #userNoAreaAlertTop{
    background:linear-gradient(135deg,#b91c1c,#dc2626)!important;
    border:1px solid #fca5a5!important;
    color:#fff!important;
    font-size:0!important;
    animation:vipAreaAttention 10s ease-in-out infinite!important;
  }
  #vipMainHeader #userNoAreaAlertTop>*{display:none!important;}
  #vipMainHeader #userNoAreaAlertTop::before{
    content:"🎯 Escolher Áreas"!important;
    font-size:.56rem!important;
    font-weight:900!important;
    line-height:1.1!important;
  }
}


/* ==========================================================================
   MOBILE V21 — ajustes pontuais solicitados • 26/09/2026
   Somente correções de topo, notificações e rodapé.
   ========================================================================== */
@media (max-width:768px){
  /* Remove o espaço residual no alto do cabeçalho e elimina qualquer traço/linha ciano. */
  #vipMainHeader{
    padding-top:0!important;
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:0 4px 14px rgba(3,13,54,.18)!important;
  }
  #vipMainHeader .vip-mobile-support-strip{
    margin:0!important;
    border:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:linear-gradient(180deg,#0a367f 0%,#082b68 54%,#071b4d 100%)!important;
  }
  #vipMainHeader .header-container{margin-top:0!important;padding-top:5px!important;}

  /* Central de notificações mobile: painel legível, compacto e independente do layout do topo. */
  #vipMainHeader #vipNotifWrap > .vip-notif-panel{
    top:58px!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(72vh,560px)!important;
    overflow:hidden!important;
    border:1px solid #cbd5e1!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 18px 42px rgba(2,6,23,.32)!important;
  }
  #vipMainHeader .vip-notif-head{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:10px 11px!important;
    background:linear-gradient(135deg,#071b4d,#0b3479)!important;
    color:#fff!important;
    border-bottom:0!important;
  }
  #vipMainHeader .vip-notif-head strong{font-size:.78rem!important;color:#fff!important;}
  #vipMainHeader .vip-notif-head a{font-size:.55rem!important;color:#a5f3fc!important;white-space:nowrap!important;}
  #vipMainHeader .vip-notif-list{
    max-height:calc(min(72vh,560px) - 92px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:7px!important;
    background:#f8fafc!important;
  }
  #vipMainHeader .vip-notif-item{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:7px!important;
    margin:0 0 6px!important;
    padding:8px!important;
    border:1px solid #e2e8f0!important;
    border-radius:9px!important;
    background:#fff!important;
    text-decoration:none!important;
    box-shadow:0 1px 4px rgba(15,23,42,.05)!important;
  }
  #vipMainHeader .vip-notif-item.unread{border-left:3px solid #0ea5e9!important;background:#f0f9ff!important;}
  #vipMainHeader .vip-notif-icon{width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:7px!important;background:#e0f2fe!important;font-size:.88rem!important;}
  #vipMainHeader .vip-notif-copy{min-width:0!important;}
  #vipMainHeader .vip-notif-title{display:block!important;font-size:.66rem!important;line-height:1.2!important;font-weight:850!important;color:#0f172a!important;}
  #vipMainHeader .vip-notif-msg{display:block!important;margin-top:2px!important;font-size:.57rem!important;line-height:1.35!important;color:#475569!important;}
  #vipMainHeader .vip-notif-time{font-size:.49rem!important;color:#64748b!important;white-space:nowrap!important;padding-top:2px!important;}
  #vipMainHeader .vip-notif-empty{padding:24px 10px!important;font-size:.66rem!important;color:#64748b!important;text-align:center!important;}
  #vipMainHeader .vip-notif-foot{padding:8px 10px!important;background:#fff!important;border-top:1px solid #e2e8f0!important;text-align:center!important;}
  #vipMainHeader .vip-notif-foot a{font-size:.61rem!important;font-weight:800!important;color:#075985!important;}

  /* Rodapé: quatro ações fora dos acordeões, mesmo tamanho e largura menor. */
  .footer-vip-dashboard .vip-footer-quick-actions{
    width:min(92%,340px)!important;
    margin:10px auto 12px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .footer-vip-dashboard .vip-footer-quick-action{
    min-width:0!important;
    min-height:36px!important;
    padding:7px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border:1px solid rgba(148,163,184,.34)!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.07)!important;
    color:#f8fafc!important;
    text-decoration:none!important;
    font-size:.59rem!important;
    font-weight:800!important;
    line-height:1.15!important;
  }
}

@media (min-width:769px){
  /* Rodapé desktop: mesmas quatro ações reunidas e menores, sem alterar o restante das colunas. */
  .footer-vip-dashboard .vip-footer-quick-actions{
    width:min(760px,86%)!important;
    margin:14px auto 16px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .footer-vip-dashboard .vip-footer-quick-action{
    min-height:34px!important;
    padding:7px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border:1px solid rgba(148,163,184,.30)!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.06)!important;
    color:#f8fafc!important;
    text-decoration:none!important;
    font-size:.66rem!important;
    font-weight:800!important;
  }
}

/* ==========================================================================
   PP CENTRALIZADO — PÁGINAS INTERNAS • 26/09/2026
   AUTORIDADE MOBILE <= 768px.
   Páginas: Perfil, Nos Ajude a Evoluir, Notificações, Novidades, Meus Links,
   Avaliações, Sugestões, Certificados, Marcas Cliente e Marcas Admin.
   ========================================================================== */
@media (max-width:768px) {

  /* ---------- PERFIL ---------- */
  .perfil-wrapper{width:100%!important;max-width:100%!important;margin:6px auto 18px!important;padding:0 8px!important}
  .perfil-header-card{display:grid!important;grid-template-columns:minmax(0,1fr) 122px!important;align-items:center!important;gap:8px!important;padding:10px 9px!important;border-radius:9px!important}
  .perfil-header-left{min-width:0!important;overflow:hidden!important}
  .perfil-header-left h1{font-size:12px!important;line-height:1.12!important;margin:0!important}
  .perfil-header-left p{font-size:7.5px!important;line-height:1.25!important;margin-top:3px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .user-profile-badge-top{width:122px!important;min-width:122px!important;max-width:122px!important;padding:5px 7px!important;gap:5px!important;box-sizing:border-box!important;justify-self:end!important;overflow:hidden!important}
  .user-profile-badge-top .badge-text{font-size:7.5px!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .perfil-columns-grid{grid-template-columns:1fr!important;gap:7px!important}
  .perfil-panel{padding:8px!important;border-radius:8px!important}
  .perfil-panel-title{font-size:10px!important;margin-bottom:6px!important;padding-bottom:5px!important}
  .avatar-upload-box{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:7px!important;padding:7px!important;margin-bottom:8px!important}
  .avatar-preview-container,.avatar-img-preview{width:64px!important;height:64px!important}
  .form-row-2col,.form-row-3col{grid-template-columns:1fr 1fr!important;gap:5px!important}
  .form-group-item{margin-bottom:5px!important;min-width:0!important}
  .form-group-item label{font-size:7.5px!important;margin-bottom:2px!important}
  .form-group-item input,.form-group-item select{min-height:32px!important;padding:5px 6px!important;font-size:9px!important;border-radius:6px!important}
  .compact-prof-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  .compact-prof-chip{min-height:31px!important;padding:4px 5px!important}
  .perfil-prof-name{font-size:7.7px!important}
  .btn-action-save{min-height:33px!important;padding:7px 8px!important;font-size:8.5px!important}

  /* ---------- NOS AJUDE A EVOLUIR ---------- */
  .experiencia-page{width:100%!important;max-width:100%!important;margin:6px auto 18px!important;padding:0 8px!important}
  .experiencia-hero{grid-template-columns:1fr!important;gap:7px!important;padding:10px!important;border-radius:9px!important}
  .experiencia-kicker{font-size:7px!important;padding:3px 6px!important}
  .experiencia-hero h1{font-size:13px!important;line-height:1.12!important;margin:5px 0 3px!important}
  .experiencia-hero p{font-size:8px!important;line-height:1.32!important}
  .experiencia-point{padding:6px 7px!important;font-size:7.6px!important}
  .experiencia-card{margin-top:7px!important;padding:9px!important;border-radius:9px!important}
  .experiencia-card h2{font-size:11px!important}.experiencia-card .sub{font-size:7.6px!important}
  .experiencia-ratings,.experiencia-form-grid{grid-template-columns:1fr!important;gap:5px!important}
  .experiencia-rate{padding:7px!important}.experiencia-rate strong{font-size:8px!important}
  .experiencia-stars{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px!important}.experiencia-stars span{width:100%!important;height:27px!important;font-size:8px!important}
  .experiencia-field label{font-size:7.8px!important}.experiencia-field input,.experiencia-field select,.experiencia-field textarea{min-height:33px!important;padding:6px 7px!important;font-size:8.5px!important}
  .experiencia-field textarea{min-height:62px!important}.experiencia-btn{width:100%!important;min-height:34px!important;font-size:8.5px!important}

  /* ---------- NOTIFICAÇÕES ---------- */
  .notif-page{width:100%!important;max-width:100%!important;margin:6px auto 18px!important;padding:0 8px!important}
  .notif-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;align-items:center!important;gap:7px!important;padding:10px!important;border-radius:9px!important}
  .notif-hero:after{display:none!important}.notif-hero h1{font-size:12px!important;line-height:1.12!important;margin:0 0 3px!important}
  .notif-hero p{font-size:7.7px!important;line-height:1.28!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .notif-counter{width:72px!important;min-width:0!important;padding:6px 5px!important}.notif-counter b{font-size:15px!important}.notif-counter span{font-size:6px!important}
  .notif-toolbar{display:block!important;margin:7px 0!important}.notif-filters{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:none!important}.notif-filters::-webkit-scrollbar{display:none!important}
  .notif-filter{flex:0 0 auto!important;padding:5px 7px!important;font-size:7px!important;white-space:nowrap!important}.notif-readall{display:flex!important;width:100%!important;justify-content:center!important;min-height:30px!important;font-size:7.5px!important}
  .notif-row{grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important;padding:9px 8px!important}.notif-icon{width:32px!important;height:32px!important;font-size:15px!important}
  .notif-main h2{font-size:9px!important;line-height:1.22!important}.notif-main p{font-size:7.6px!important;line-height:1.30!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .notif-chip{font-size:6.5px!important}.notif-date{grid-column:2!important;font-size:6.5px!important}

  /* ---------- NOVIDADES ---------- */
  .nov-page{width:100%!important;max-width:100%!important;margin:6px auto 18px!important;padding:0 8px!important}
  .nov-hero{padding:9px 10px!important;border-radius:9px!important}
  .nov-hero:after{display:none!important}
  .nov-kicker{font-size:6.5px!important;letter-spacing:.05em!important}
  .nov-page .nov-hero h1{font-family:var(--font-sans,'Plus Jakarta Sans','Segoe UI',Arial,sans-serif)!important;font-size:12px!important;line-height:1.16!important;font-weight:700!important;letter-spacing:-.01em!important;color:#243244!important;margin:4px 0!important;text-transform:none!important}
  .nov-hero p{font-size:7.4px!important;line-height:1.28!important}
  .nov-pills{flex-wrap:nowrap!important;overflow-x:auto!important;gap:4px!important;margin-top:6px!important;scrollbar-width:none!important}.nov-pills::-webkit-scrollbar{display:none!important}
  .nov-pill{flex:0 0 auto!important;font-size:6.3px!important;padding:3px 5px!important;white-space:nowrap!important}
  .nov-section{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;margin:8px 0 6px!important;padding:0!important}
  .nov-section h2{font-size:9px!important}.nov-section p{font-size:6.5px!important}.nov-count{font-size:6px!important;padding:3px 5px!important}
  .nov-timeline{padding-left:27px!important}.nov-timeline:before{left:11px!important;width:1.5px!important}
  .nov-event{margin:0 0 7px!important;padding-left:0!important}.nov-node{left:-27px!important;top:3px!important;width:23px!important;height:23px!important;font-size:11px!important}
  .nov-card{padding:8px!important;border-radius:8px!important}.nov-meta{gap:3px!important;margin-bottom:5px!important}.nov-date,.nov-tag,.nov-badge{font-size:6px!important;padding:2px 4px!important}
  .nov-card h2{font-size:9px!important;line-height:1.22!important;margin:0 0 4px!important}.nov-lead{font-size:7.3px!important;line-height:1.30!important;margin:0 0 6px!important}
  .nov-highlight{padding:7px!important;border-radius:6px!important;border-left-width:2px!important}.nov-highlight strong{font-size:7.6px!important}.nov-highlight li{font-size:7px!important;line-height:1.28!important}
  .nov-menu-benefit{grid-template-columns:18px minmax(0,1fr)!important;gap:4px!important}.nov-menu-benefit b{font-size:7.2px!important}.nov-menu-benefit p{font-size:6.8px!important}

  /* ---------- MEUS LINKS ---------- */
  .custom-links-page-container{width:100%!important;max-width:100%!important;margin:6px auto 18px!important;padding:0 8px!important}
  .vip-page-hero{padding:10px!important;margin-bottom:7px!important;border-radius:9px!important}.vip-page-hero-title{font-size:12px!important}.vip-page-hero-sub{font-size:7.5px!important}
  .management-layout-grid{grid-template-columns:1fr!important;gap:7px!important}.box-card-vip{padding:8px!important;border-radius:8px!important}.box-card-header{font-size:10px!important}
  .field-group{margin-bottom:6px!important}.field-group label{font-size:7px!important}.field-input-style{min-height:32px!important;padding:5px 6px!important;font-size:8.5px!important}.field-helper{font-size:6.5px!important}
  .btn-submit-main{min-height:33px!important;font-size:8px!important}.policy-box-expanded{font-size:7px!important;padding:7px!important}
  .table-responsive-box{overflow-x:auto!important}.table-links-full{min-width:620px!important}.table-links-full th,.table-links-full td{padding:6px!important;font-size:7px!important}

  /* ---------- AVALIAÇÕES ---------- */
  .av-page{width:100%!important;max-width:100%!important;margin:6px auto 18px!important;padding:0 8px!important}
  .av-hero{padding:10px!important;border-radius:9px!important}.av-hero h1{font-size:12px!important;line-height:1.16!important;font-weight:700!important}.av-hero p{font-size:7.4px!important}.av-small{font-size:7px!important}
  .av-grid{grid-template-columns:1fr!important;gap:7px!important;margin-top:7px!important}.av-side,.av-form{padding:8px!important}.av-score{font-size:22px!important}.av-stars{font-size:10px!important}
  .av-box{font-size:7px!important;padding:6px!important}.av-share{font-size:7.4px!important;min-height:30px!important}.av-form h2,.av-feed h2{font-size:9.5px!important}
  .av-field label{font-size:7px!important}.av-field input,.av-field textarea{min-height:32px!important;padding:5px 6px!important;font-size:8px!important}.av-field textarea{min-height:62px!important}
  .av-stars-in label{font-size:20px!important}.av-btn{width:100%!important;min-height:32px!important;font-size:8px!important}.av-reviews{grid-template-columns:1fr!important;gap:6px!important}.av-review{padding:8px!important}.av-review p{font-size:7.4px!important}

  /* ---------- SUGESTÕES ---------- */
  .sg-page{width:100%!important;max-width:100%!important;margin:6px auto 18px!important;padding:0 8px!important}
  .sg-hero{padding:10px!important;border-radius:9px!important}.sg-hero h1{font-size:12px!important}.sg-hero p,.sg-small{font-size:7.4px!important;line-height:1.3!important}
  .sg-grid{grid-template-columns:1fr!important;gap:7px!important;margin-top:7px!important}.sg-box{padding:8px!important;border-radius:8px!important}.sg-box h2{font-size:9.5px!important}
  .sg-field label{font-size:7px!important}.sg-field input,.sg-field textarea,.sg-field select{min-height:32px!important;padding:5px 6px!important;font-size:8px!important}.sg-field textarea{min-height:60px!important}
  .sg-primary{width:100%!important;min-height:32px!important}.sg-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:none!important}.sg-tabs::-webkit-scrollbar{display:none!important}.sg-tabs a{flex:0 0 auto!important;font-size:6.5px!important}
  .sg-item{padding:7px!important}.sg-item h3{font-size:8.5px!important}.sg-item p{font-size:7.4px!important}.sg-btn{font-size:7px!important;padding:5px 6px!important}

  /* ---------- CERTIFICADOS ---------- */
  .cert-page-wrapper{font-family:var(--font-sans,'Plus Jakarta Sans','Segoe UI',Arial,sans-serif)!important;background:#f6f8fc!important}
  .cert-hero{padding:16px 0 18px!important;border-bottom-width:2px!important}.cert-hero-grid{grid-template-columns:1fr!important;gap:8px!important;padding:0 8px!important;text-align:left!important}
  .cert-eyebrow{font-size:6.5px!important;padding:3px 5px!important}.cert-hero h1{font-family:inherit!important;font-size:13px!important;line-height:1.12!important;font-weight:750!important;text-transform:none!important;margin:6px 0!important}.cert-hero p{font-size:7.5px!important;line-height:1.3!important;margin-bottom:8px!important}
  .card-comprar-cert{padding:9px!important;border-radius:9px!important;border-width:1px!important}.box-preco-destaque .preco-valor-cert{font-family:inherit!important;font-size:24px!important}
  .selector-tipo-grid{grid-template-columns:1fr 1fr!important;gap:4px!important}.btn-toggle-tipo{padding:6px!important;font-size:7.4px!important}
  .cert-stats-grid{grid-template-columns:1fr 1fr!important;padding:0 8px!important}.cert-stat-item{padding:8px 4px!important}.cert-stat-item strong{font-size:11px!important}.cert-stat-item span{font-size:6.5px!important}
  .cert-page-wrapper .container-vip{width:100%!important;max-width:100%!important;padding-left:8px!important;padding-right:8px!important}.cert-page-wrapper section:not(.cert-hero):not(.cert-stats){padding-top:17px!important;padding-bottom:17px!important}
  .cert-page-wrapper h2{font-size:12px!important}.cert-page-wrapper h3{font-size:9.5px!important}.cert-page-wrapper h4{font-size:8.5px!important}.cert-page-wrapper p,.cert-page-wrapper li,.cert-page-wrapper summary{font-size:7.5px!important;line-height:1.3!important}
  .cert-page-wrapper [style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:7px!important}.cert-stats-grid,.selector-tipo-grid{grid-template-columns:1fr 1fr!important}

  /* ---------- MARCAS CLIENTE ---------- */
  .cliente-dashboard-wrapper{width:100%!important;max-width:100%!important;margin:6px auto 18px!important;padding:0 8px!important}
  .titular-hero-card{padding:9px!important;margin-bottom:7px!important;border-radius:9px!important}.titular-info-col{gap:7px!important}.titular-avatar-circle{width:38px!important;height:38px!important;border-radius:7px!important;font-size:14px!important}.titular-meta-grid{font-size:6.5px!important;gap:4px!important}
  .marcas-metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:4px!important;margin-bottom:7px!important}.metric-card-box{padding:7px!important;gap:5px!important}.metric-icon-bubble{width:27px!important;height:27px!important;font-size:11px!important}.metric-value-num{font-size:11px!important}.metric-label-txt{font-size:6px!important}
  .search-filter-card{padding:7px!important;margin-bottom:7px!important}.search-input-client{min-width:0!important;width:100%!important;min-height:31px!important;font-size:8px!important}
  .processo-cliente-card{padding:8px!important;margin-bottom:7px!important;border-radius:8px!important}.cliente-dashboard-wrapper h1{font-size:11.5px!important}.cliente-dashboard-wrapper h2{font-size:9.5px!important}.cliente-dashboard-wrapper h3{font-size:8.5px!important}.cliente-dashboard-wrapper p,.cliente-dashboard-wrapper li{font-size:7.3px!important}

  /* ---------- MARCAS ADMIN ---------- */
  .main-container.marcas-page-box{width:100%!important;max-width:100%!important;margin:6px auto 18px!important;padding:0 8px!important}
  .marcas-page-box h1,.marcas-page-box h2{font-size:10px!important}.marcas-page-box h3{font-size:8.5px!important}.marcas-page-box p,.marcas-page-box label,.marcas-page-box li{font-size:7px!important;line-height:1.3!important}
  .input-clean{min-height:31px!important;padding:5px 6px!important;font-size:8px!important}.card-processo{display:grid!important;grid-template-columns:1fr!important;padding:7px!important;gap:6px!important;border-radius:7px!important}
  .marcas-page-box [style*="display:grid"],.marcas-page-box [style*="display: grid"]{grid-template-columns:1fr!important;gap:6px!important}
  .marcas-page-box input,.marcas-page-box select,.marcas-page-box textarea{max-width:100%!important;box-sizing:border-box!important}.marcas-page-box textarea{min-height:62px!important}
  .marcas-page-box table{min-width:650px!important;font-size:7px!important}.marcas-page-box table th,.marcas-page-box table td{padding:5px!important}
}

@media(max-width:380px){
  .perfil-header-card{grid-template-columns:minmax(0,1fr) 112px!important}
  .user-profile-badge-top{width:112px!important;min-width:112px!important;max-width:112px!important}
  .form-row-2col,.form-row-3col{grid-template-columns:1fr!important}
}
/* =============================== FIM PP CENTRALIZADO =============================== */


/* ===================== TIPOGRAFIA PP UNIVERSAL MOBILE V2 =====================
   Alta especificidade proposital. NÃO altera topo, Home ou rodapé.
   =========================================================================== */
@media (max-width:768px) {
html body .perfil-wrapper.perfil-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .vip-areas-page.vip-areas-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .experiencia-page.experiencia-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .notif-page.notif-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .nov-page.nov-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .custom-links-page-container.custom-links-page-container :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .av-page.av-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .sg-page.sg-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .cert-page-wrapper.cert-page-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .cliente-dashboard-wrapper.cliente-dashboard-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .marcas-page-box.marcas-page-box :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .telefonia-page-wrapper.telefonia-page-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .marcas-page-wrapper.marcas-page-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li),
html body .vip-chat-wrapper.vip-chat-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li) {
  font-family:var(--font-sans,'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)!important;
}
html body .perfil-wrapper.perfil-wrapper h1,
html body .vip-areas-page.vip-areas-page h1,
html body .experiencia-page.experiencia-page h1,
html body .notif-page.notif-page h1,
html body .nov-page.nov-page h1,
html body .custom-links-page-container.custom-links-page-container h1,
html body .av-page.av-page h1,
html body .sg-page.sg-page h1,
html body .cert-page-wrapper.cert-page-wrapper h1,
html body .cliente-dashboard-wrapper.cliente-dashboard-wrapper h1,
html body .marcas-page-box.marcas-page-box h1,
html body .telefonia-page-wrapper.telefonia-page-wrapper h1,
html body .marcas-page-wrapper.marcas-page-wrapper h1,
html body .vip-chat-wrapper.vip-chat-wrapper h1 {
  font-size:11px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.008em!important;
}
html body .perfil-wrapper.perfil-wrapper h2,
html body .vip-areas-page.vip-areas-page h2,
html body .experiencia-page.experiencia-page h2,
html body .notif-page.notif-page h2,
html body .nov-page.nov-page h2,
html body .custom-links-page-container.custom-links-page-container h2,
html body .av-page.av-page h2,
html body .sg-page.sg-page h2,
html body .cert-page-wrapper.cert-page-wrapper h2,
html body .cliente-dashboard-wrapper.cliente-dashboard-wrapper h2,
html body .marcas-page-box.marcas-page-box h2,
html body .telefonia-page-wrapper.telefonia-page-wrapper h2,
html body .marcas-page-wrapper.marcas-page-wrapper h2,
html body .vip-chat-wrapper.vip-chat-wrapper h2 {
  font-size:9.5px!important;line-height:1.20!important;font-weight:700!important;
}
html body .perfil-wrapper.perfil-wrapper h3,
html body .vip-areas-page.vip-areas-page h3,
html body .experiencia-page.experiencia-page h3,
html body .notif-page.notif-page h3,
html body .nov-page.nov-page h3,
html body .custom-links-page-container.custom-links-page-container h3,
html body .av-page.av-page h3,
html body .sg-page.sg-page h3,
html body .cert-page-wrapper.cert-page-wrapper h3,
html body .cliente-dashboard-wrapper.cliente-dashboard-wrapper h3,
html body .marcas-page-box.marcas-page-box h3,
html body .telefonia-page-wrapper.telefonia-page-wrapper h3,
html body .marcas-page-wrapper.marcas-page-wrapper h3,
html body .vip-chat-wrapper.vip-chat-wrapper h3 {
  font-size:8.5px!important;line-height:1.22!important;font-weight:650!important;
}

/* NOVIDADES — trava definitiva do título principal */
html body .nov-page.nov-page .nov-hero h1 {
  font-family:var(--font-sans,'Plus Jakarta Sans','Segoe UI',sans-serif)!important;
  font-size:11px!important;
  line-height:1.12!important;
  font-weight:650!important;
  letter-spacing:-.006em!important;
  text-transform:none!important;
  color:#2f3948!important;
  margin:3px 0 4px!important;
}
}
/* ================== FIM TIPOGRAFIA PP UNIVERSAL MOBILE V2 ================== */

/* ===== VIP PÁGINAS MOBILE CENTRALIZADAS — OTIMIZADO ===== */
/* ===== VIP MOBILE — TIPOGRAFIA CENTRAL ÚNICA ===== */
@media (max-width:768px) {
html body .perfil-wrapper,
html body .vip-areas-page,
html body .experiencia-page,
html body .notif-page,
html body .nov-page,
html body .custom-links-page-container,
html body .av-page,
html body .sg-page,
html body .cert-page-wrapper,
html body .cliente-dashboard-wrapper,
html body .marcas-page-box,
html body .telefonia-page-wrapper,
html body .marcas-page-wrapper,
html body .vip-chat-wrapper,
html body .credor-container.financeiro-interno-page,
html body .dashboard-container,
html body .auth-wrapper,
html body .ag2,
html body .planos-container,
html body .ferramentas-page,
html body .colab-wrap,
html body .revenda-certificado-page,
html body .novidades-container,
html body .afiliados-page-wrapper,
html body .ajuda-container,
html body .propostas-page,
html body .pedidos-page,
html body .contratos-page,
html body .financeiro-page,
html body .admin-banners-page,
html body .verificador-links-page {
    font-family: var(--font-sans, 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif) !important;
}
html body .perfil-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .vip-areas-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .experiencia-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .notif-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .nov-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .custom-links-page-container :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .av-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .sg-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .cert-page-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .cliente-dashboard-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .marcas-page-box :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .telefonia-page-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .marcas-page-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .vip-chat-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .credor-container.financeiro-interno-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .dashboard-container :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .auth-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .ag2 :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .planos-container :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .ferramentas-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .colab-wrap :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .revenda-certificado-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .novidades-container :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .afiliados-page-wrapper :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .ajuda-container :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .propostas-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .pedidos-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .contratos-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .financeiro-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .admin-banners-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b),
html body .verificador-links-page :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td,summary,strong,small,li,b) {
    font-family: var(--font-sans, 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif) !important;
}
}
/* ===== FIM VIP MOBILE — TIPOGRAFIA CENTRAL ÚNICA ===== */

/* marcas/marcas.php — migrado do PHP para a camada mobile central */

@media (max-width: 860px) {
        .marcas-metrics-grid {
            grid-template-columns: repeat(2, 1fr);
        }
        .titular-hero-card {
            flex-direction: column;
            align-items: flex-start;
        }
    }

/* marcas/marcas.php — migrado do PHP para a camada mobile central */

@media (max-width: 540px) {
        .marcas-metrics-grid {
            grid-template-columns: 1fr;
        }
        .processo-cliente-card {
            padding: 14px;
        }
        .search-filter-card {
            flex-direction: column;
            align-items: stretch;
        }
    }

/* central_links/meus_links.php — migrado do PHP para a camada mobile central */

@media (max-width: 1080px) {
        .management-layout-grid {
            grid-template-columns: 1fr;
        }
    }

/* central_links/meus_links.php — migrado do PHP para a camada mobile central */

@media (max-width: 768px) {
        .custom-links-page-container {
            padding: 0 10px !important;
            margin: 8px auto !important;
        }
        .vip-page-hero {
            padding: 16px;
            flex-direction: column;
            align-items: flex-start;
        }
    }

/* central_links/meus_links.php — migrado do PHP para a camada mobile central */

@media (max-width:768px){
.custom-links-page-container{width:100%!important;max-width:100%!important;margin:8px auto 22px!important;padding:0 8px!important;font-size:.68rem!important}.vip-page-hero{padding:12px!important;border-radius:8px!important}.vip-page-hero h1{font-size:.94rem!important}.vip-page-hero p{font-size:.56rem!important;line-height:1.35!important}
.custom-links-page-container h2,.custom-links-page-container h3{font-size:.70rem!important}.custom-links-page-container label{font-size:.50rem!important}.custom-links-page-container input,.custom-links-page-container select,.custom-links-page-container textarea{font-size:.58rem!important;padding:6px 7px!important;min-height:34px!important}.custom-links-page-container button,.custom-links-page-container .btn{font-size:.54rem!important;padding:6px 8px!important}
.custom-links-page-container table{font-size:.50rem!important}.custom-links-page-container th,.custom-links-page-container td{padding:5px!important}.custom-links-page-container .custom-link-card,.custom-links-page-container .link-card{padding:7px!important;border-radius:7px!important}.custom-links-page-container .custom-link-card h3,.custom-links-page-container .link-card h3{font-size:.60rem!important}
}

/* avaliacoes/nos_ajude_evoluir.php — migrado do PHP para a camada mobile central */

@media(max-width:768px){.experiencia-page{padding:0 9px 16px;margin-top:8px}.experiencia-hero{grid-template-columns:1fr;padding:16px}.experiencia-hero h1{font-size:1.28rem}.experiencia-form-grid,.experiencia-ratings{grid-template-columns:1fr}.experiencia-card{padding:14px}.experiencia-field.full{grid-column:auto}.experiencia-submit{align-items:stretch}.experiencia-btn{width:100%}}

/* notificacoes.php — migrado do PHP para a camada mobile central */

@media(max-width:700px){.notif-hero{align-items:flex-start;padding:18px}.notif-hero:after{display:none}.notif-row{grid-template-columns:42px 1fr;padding:14px}.notif-date{grid-column:2}.notif-icon{width:40px;height:40px}.notif-counter{min-width:82px}.notif-page{padding:0 10px}.notif-main h2{font-size:.78rem}}

/* novidades.php — migrado do PHP para a camada mobile central */

@media(max-width:700px){.nov-page{padding:0 10px}.nov-hero{padding:20px}.nov-hero:after{display:none}.nov-timeline{padding-left:36px}.nov-timeline:before{left:14px}.nov-node{left:-36px;width:30px;height:30px;font-size:14px}.nov-card{padding:16px}.nov-section{align-items:flex-start;flex-direction:column}.nov-card h2{font-size:.88rem}}

/* novidades.php — migrado do PHP para a camada mobile central */

@media (max-width:768px){
.nov-page{width:100%!important;max-width:100%!important;margin:8px auto 22px!important;padding:0 8px!important;font-size:.68rem!important}.nov-hero{padding:12px!important;border-radius:8px!important}.nov-hero h1{font-size:.98rem!important}.nov-hero p{font-size:.57rem!important;line-height:1.35!important}.nov-kicker,.nov-pill{font-size:.48rem!important;padding:3px 5px!important}.nov-pills{gap:4px!important}
.nov-section{padding:8px!important}.nov-section h2{font-size:.78rem!important}.nov-count{font-size:.47rem!important}.nov-timeline{padding-left:9px!important}.nov-event{padding-left:9px!important;margin-bottom:8px!important}.nov-node{width:8px!important;height:8px!important}.nov-card{padding:8px!important;border-radius:7px!important}.nov-meta{gap:4px!important}.nov-date,.nov-tag,.nov-badge{font-size:.45rem!important;padding:2px 4px!important}.nov-card h3{font-size:.67rem!important;line-height:1.2!important}.nov-lead,.nov-highlight{font-size:.53rem!important;line-height:1.35!important}.nov-menu-benefits{grid-template-columns:1fr!important;gap:4px!important}.nov-menu-benefit{font-size:.50rem!important;padding:5px!important}.nov-menu-emoji{font-size:.8rem!important}
}

/* conta/perfil.php — migrado do PHP para a camada mobile central */

@media (max-width: 1024px) {
        .compact-prof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

/* conta/perfil.php — migrado do PHP para a camada mobile central */

@media (max-width: 860px) {
        .perfil-columns-grid { grid-template-columns: 1fr; gap: 16px; }
        .form-row-3col, .form-row-2col { grid-template-columns: 1fr; gap: 0; }
        .compact-prof-grid { grid-template-columns: 1fr; }
        .perfil-header-card { flex-direction: column; align-items: flex-start; }
    }

/* conta/perfil.php — migrado do PHP para a camada mobile central */

@media(max-width:768px){
 .perfil-wrapper{width:100%;max-width:100%;margin:6px auto 18px;padding:0 8px}
 .perfil-header-card{background:linear-gradient(135deg,#07152f,#0b2f68)!important;border:1px solid rgba(34,211,238,.36)!important;border-radius:9px!important;padding:9px 10px!important;margin-bottom:7px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important}
 .perfil-header-left h1{font-size:.82rem!important;line-height:1.12!important;color:#fff!important}
 .perfil-header-left p{font-size:.49rem!important;line-height:1.25!important;color:#dbeafe!important;margin-top:2px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
 .user-profile-badge-top{min-width:90px!important;max-width:108px!important;padding:4px 6px!important;border-radius:6px!important}
 .user-profile-badge-top .badge-text{font-size:.50rem!important}
 .perfil-columns-grid{grid-template-columns:1fr!important;gap:7px!important}
 .perfil-panel{padding:8px!important;border-radius:8px!important}
 .perfil-panel-title{font-size:.64rem!important;margin-bottom:6px!important;padding-bottom:5px!important}
 .avatar-upload-box{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:7px!important;padding:7px!important;margin-bottom:8px!important}
 .avatar-preview-container,.avatar-img-preview{width:64px!important;height:64px!important}
 .btn-choose-photo{padding:6px 7px!important;font-size:.52rem!important}
 .form-row-2col,.form-row-3col{grid-template-columns:1fr 1fr!important;gap:5px!important}
 .form-group-item{margin-bottom:5px!important;min-width:0!important}
 .form-group-item label{font-size:.48rem!important;margin-bottom:2px!important}
 .form-group-item input,.form-group-item select{min-width:0!important;min-height:32px!important;padding:5px 6px!important;font-size:.56rem!important;border-radius:6px!important}
 .form-section-divider{font-size:.52rem!important;margin:7px 0 5px!important;padding-bottom:4px!important}
 .prof-instructions-box{padding:7px 8px!important;margin-bottom:6px!important;border-radius:7px!important;border-left-width:3px!important}
 .prof-instructions-box h4{font-size:.58rem!important;margin-bottom:4px!important}
 .prof-instructions-box p{font-size:.47rem!important;line-height:1.28!important;margin-bottom:4px!important}
 .compact-profession-container{padding:6px!important;border-radius:7px!important}
 .compact-prof-header{font-size:.52rem!important;gap:5px!important;margin-bottom:5px!important}
 .btn-marcar-todas{min-height:28px!important;padding:5px 6px!important;font-size:.47rem!important}
 .compact-prof-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
 .compact-prof-chip{grid-template-columns:13px minmax(0,1fr)!important;min-height:31px!important;padding:4px 5px!important;gap:4px!important}
 .perfil-prof-check{width:12px!important;height:12px!important;font-size:8px!important}
 .perfil-prof-name{font-size:.49rem!important}
 .btn-action-save{min-height:33px!important;padding:7px 8px!important;font-size:.54rem!important;margin-top:7px!important}
}

/* conta/perfil.php — migrado do PHP para a camada mobile central */

@media(max-width:380px){.form-row-2col,.form-row-3col{grid-template-columns:1fr!important}}

/* sugestoes.php — migrado do PHP para a camada mobile central */

@media(max-width:850px){.sg-page{padding:0 11px}.sg-grid{grid-template-columns:1fr}}

/* avaliacoes/avaliacao.php — migrado do PHP para a camada mobile central */

@media(max-width:850px){.av-page{padding:0 11px}.av-grid,.av-reviews{grid-template-columns:1fr}}

/* certificado.php — migrado do PHP para a camada mobile central */

@media (max-width: 960px) {
        .cert-hero-grid { grid-template-columns: 1fr; text-align: center; }
        .cert-stats-grid { grid-template-columns: 1fr 1fr; }
        .card-comprar-cert { max-width: 100%; margin: 0 auto; }
    }

/* certificado.php — migrado do PHP para a camada mobile central */

@media (max-width: 680px) {
        .cert-stats-grid { grid-template-columns: 1fr; }
        .box-preco-destaque .preco-valor-cert { font-size: 40px; }
        .card-comprar-cert { padding: 18px 14px; }
    }

/* Migrado de areas_atuacao.php */

@media(max-width:768px){
 .vip-areas-page{width:100%;max-width:100%;margin:6px auto 18px;padding:0 8px}
 .vip-areas-hero{grid-template-columns:minmax(0,1fr) 64px;gap:6px;padding:9px 10px;border-radius:8px;margin-bottom:6px}
 .vip-areas-kicker{font-size:.42rem}.vip-areas-hero h1{font-size:.82rem}.vip-areas-hero p{font-size:.50rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .vip-areas-counter{padding:6px 4px}.vip-areas-counter strong{font-size:.96rem}.vip-areas-counter span{font-size:.39rem}
 .vip-areas-alert{font-size:.53rem;padding:7px 8px;margin-bottom:6px}
 .vip-areas-info-grid{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px}.vip-areas-info:nth-child(3){grid-column:1/-1}.vip-areas-info{padding:6px 7px}.vip-areas-info h3{font-size:.55rem}.vip-areas-info p{font-size:.47rem;line-height:1.28}
 .vip-areas-toolbar{padding:7px 8px;align-items:stretch;flex-direction:column}.vip-areas-toolbar-title strong{font-size:.62rem}.vip-areas-toolbar-title span{font-size:.46rem;line-height:1.25}.vip-areas-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.vip-areas-smallbtn{padding:6px;font-size:.49rem}
 .vip-areas-search{padding:6px 7px 0}.vip-areas-search input{padding:6px 7px;font-size:.55rem}
 .vip-areas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:7px}
 .vip-area-card{grid-template-columns:14px minmax(0,1fr)!important;min-height:34px!important;padding:5px 6px!important;gap:5px!important}
 .vip-area-check{width:13px!important;height:13px!important;font-size:9px!important}
 .vip-area-name{font-size:.52rem!important}
 .vip-areas-footer{padding:7px;flex-direction:column;align-items:stretch;gap:5px}.vip-areas-status{text-align:center;font-size:.49rem}.vip-areas-save{width:100%;padding:7px 9px;font-size:.55rem}
 .vip-areas-note{font-size:.47rem;padding:6px 7px;margin-top:5px}
}

/* Migrado de areas_atuacao.php */

@media(max-width:340px){.vip-areas-grid{grid-template-columns:1fr}.vip-areas-info-grid{grid-template-columns:1fr}.vip-areas-info:nth-child(3){grid-column:auto}}

/* Migrado de marcas_promo.php */

@media(max-width:768px){
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper){font-size:11.5px!important;background:#f4f7fb!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) section{padding:18px 0!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) .container-vip,
  .cert-hero-grid,.cert-stats-grid{width:100%!important;max-width:100%!important;padding-left:9px!important;padding-right:9px!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) h1{font-size:19px!important;line-height:1.14!important;margin:7px 0!important;letter-spacing:-.03em!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) h2{font-size:16px!important;line-height:1.2!important;margin:4px 0 7px!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) h3{font-size:13px!important;line-height:1.25!important;margin:3px 0 5px!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) h4{font-size:12px!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) p,
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) li,
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) td,
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) th,
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) summary{font-size:10.7px!important;line-height:1.45!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) small{font-size:9px!important}

  /* Todo grid comercial vira app vertical, com exceções úteis */
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.vip-chat-wrapper) [style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:9px!important}
  .cert-page-wrapper [style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:9px!important}
  .cert-stats-grid{grid-template-columns:1fr 1fr!important;padding:0!important}
  .selector-tipo-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}

  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper)>section:first-child,.cert-hero{padding:16px 0 18px!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.vip-chat-wrapper)>section:first-child .container-vip,.cert-hero-grid{gap:10px!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.vip-chat-wrapper)>section:first-child p,.cert-hero p{font-size:10.8px!important;line-height:1.45!important;margin-bottom:9px!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.vip-chat-wrapper)>section:first-child span[style*="text-transform: uppercase"],.cert-eyebrow{font-size:8px!important;padding:3px 6px!important}

  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) [style*="padding: 30px"],
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) [style*="padding: 32px"],
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) [style*="padding: 28px"],
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) [style*="padding: 24px"]{padding:11px!important}

  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) a[style*="padding"],
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) button[style*="padding"]{
    width:100%!important;justify-content:center!important;text-align:center!important;padding:8px 9px!important;min-height:34px!important;font-size:10px!important;border-radius:7px!important
  }
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) [style*="display: flex"][style*="flex-wrap: wrap"]{gap:7px!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) [style*="font-size: 48px"]{font-size:28px!important}
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) [style*="font-size: 32px"],
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) [style*="font-size: 30px"],
  :where(.telefonia-page-wrapper,.marcas-page-wrapper,.cert-page-wrapper,.vip-chat-wrapper) [style*="font-size: 28px"]{font-size:17px!important}

  details summary{padding:9px 10px!important;gap:6px!important}
  details p{padding:9px 10px!important}

  /* VIP Chat: tabela completa preservada com rolagem horizontal controlada */
  .vip-chat-wrapper table{min-width:720px!important;font-size:9px!important}
  .vip-chat-wrapper table th,.vip-chat-wrapper table td{padding:6px 5px!important;font-size:9px!important}
  .vip-chat-wrapper [style*="overflow-x"]{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important;padding-bottom:5px!important}
}

/* financeiro_interno.php — responsividade centralizada */

@media (max-width:768px){
  .credor-container.financeiro-interno-page{width:100%!important;max-width:none!important;margin:8px auto 24px!important;padding:0 10px!important;box-sizing:border-box!important;overflow-x:hidden!important}
  .financeiro-interno-page .hero-blue{padding:13px 12px!important;border-radius:9px!important;gap:10px!important;align-items:flex-start!important}
  .financeiro-interno-page .credor-hero-profile{width:100%!important;min-width:0!important}
  .financeiro-interno-page .credor-hero-status{width:100%!important;text-align:left!important;box-sizing:border-box!important}
  .financeiro-interno-page .fin-section-heading,.financeiro-interno-page .fin-card-head{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
  .financeiro-interno-page .month-accordion-head{padding:10px 11px!important;align-items:flex-start!important;gap:8px!important;flex-direction:column!important}
  .financeiro-interno-page .month-head-main,.financeiro-interno-page .month-head-actions{width:100%!important;min-width:0!important;flex-wrap:wrap!important}
  .financeiro-interno-page .month-content{padding:11px!important}
  .financeiro-interno-page .fin-mobile-table,.financeiro-interno-page .fin-mobile-table thead,.financeiro-interno-page .fin-mobile-table tbody,.financeiro-interno-page .fin-mobile-table tr,.financeiro-interno-page .fin-mobile-table th,.financeiro-interno-page .fin-mobile-table td{display:block!important;width:100%!important;box-sizing:border-box!important}
  .financeiro-interno-page .fin-mobile-table thead{display:none!important}
  .financeiro-interno-page .fin-mobile-table tr{margin:0 0 9px!important;padding:8px 9px!important;border:1px solid #e2e8f0!important;border-radius:7px!important;background:#fff!important}
  .financeiro-interno-page .fin-mobile-table td{border:0!important;padding:4px 0!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .financeiro-interno-page .fin-mobile-table td::before{content:attr(data-label);display:block;margin-bottom:1px;font-size:.58rem;font-weight:800;color:#64748b;text-transform:uppercase}
  .financeiro-interno-page .consolidado-geral-card,.financeiro-interno-page .loan-full-card,.financeiro-interno-page .avulso-card{padding:14px 12px!important;margin-top:14px!important;margin-bottom:16px!important;border-radius:9px!important}
  .financeiro-interno-page .consolidado-grid,.financeiro-interno-page .grid-loan-footer{grid-template-columns:1fr!important;gap:8px!important}
  .financeiro-interno-page .p-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .financeiro-interno-page .p-card-item{min-width:0!important;padding:8px!important}
  .financeiro-interno-page .avulso-form-grid{grid-template-columns:1fr 1fr!important;padding:11px!important}
  .financeiro-interno-page .avulso-desc-field,.financeiro-interno-page .avulso-submit-wrap{grid-column:1/-1!important}
}

@media (max-width:420px){
  .financeiro-interno-page .p-grid-full,.financeiro-interno-page .avulso-form-grid{grid-template-columns:1fr!important}
}

/* Migrado de dashboard.php */

@media (max-width:1100px){.dash-telemetry-banner > div:first-child{grid-template-columns:repeat(3,1fr);}}

/* Migrado de dashboard.php */

@media (max-width:650px){.dash-telemetry-banner > div:first-child{grid-template-columns:1fr;}}

/* Migrado de dashboard.php */

@media (max-width: 900px) {
        .dashboard-container { padding: 0 10px !important; margin-top: 8px !important; }
        .dash-dual-grid { grid-template-columns: 1fr; }
    }

/* Migrado de dashboard.php */

@media(max-width:768px){
  .dashboard-container{padding:0 8px!important;margin:6px auto 22px!important;}
  .page-header-banner{padding:10px 11px!important;border-radius:9px!important;margin-bottom:8px!important;gap:7px!important;}.page-header-banner h1{font-size:.92rem!important;line-height:1.15!important;}.page-header-banner p{font-size:.56rem!important;line-height:1.35!important;}.page-header-banner .btn-ui{font-size:.54rem!important;padding:6px 8px!important;}
  .dash-user-card{padding:10px!important;margin-bottom:8px!important;border-radius:9px!important;border-left-width:4px!important;}.user-card-header{gap:7px!important;margin-bottom:8px!important;padding-bottom:8px!important;}.user-card-identity{gap:8px!important;min-width:0!important;}.user-card-avatar{width:38px!important;height:38px!important;border-radius:8px!important;}.user-card-identity h3{font-size:.82rem!important;line-height:1.15!important;}.user-card-identity span{font-size:.57rem!important;word-break:break-word!important;}
  .badge-plano-dinamico,.badge-nivel-dinamico{font-size:.56rem!important;padding:4px 7px!important;border-radius:5px!important;}.user-card-header>div:last-child{gap:5px!important;flex-wrap:wrap!important;}
  .user-meta-grid{grid-template-columns:1fr 1fr!important;gap:6px!important;}.user-meta-item{padding:7px 8px!important;border-radius:7px!important;}.user-meta-label{font-size:.49rem!important;line-height:1.15!important;}.user-meta-val{font-size:.65rem!important;line-height:1.2!important;}.user-meta-item small{font-size:.50rem!important;}
  .dash-user-card>div:last-child{margin-top:8px!important;padding-top:7px!important;gap:4px!important;}.dash-user-card>div:last-child .btn-ui{font-size:.51rem!important;padding:3px 6px!important;}
  .dash-telemetry-banner{margin-bottom:8px!important;gap:6px!important;}.dash-telemetry-banner>div:first-child{grid-template-columns:1fr 1fr!important;gap:6px!important;}.telemetry-pill,.telemetry-btn-version,.dash-beta-link{min-height:38px!important;padding:7px 8px!important;border-radius:7px!important;font-size:.54rem!important;text-align:center!important;line-height:1.2!important;white-space:normal!important;}.telemetry-pill strong{font-size:.61rem!important;}.dash-telemetry-banner>div:last-child .btn-ui{font-size:.54rem!important;padding:6px 8px!important;width:100%!important;justify-content:center!important;}
  .dash-kpi-grid{grid-template-columns:1fr 1fr!important;gap:6px!important;margin-bottom:8px!important;}.dash-kpi-card{padding:9px 10px!important;border-radius:8px!important;}.dash-kpi-title{font-size:.54rem!important;}.dash-kpi-num{font-size:1.12rem!important;margin:4px 0!important;}.dash-kpi-sub{font-size:.53rem!important;}
  .dash-chart-box,.temporal-radar-box,.dash-table-panel{border-radius:9px!important;margin-bottom:8px!important;}.dash-chart-box{padding:10px!important;}.dash-chart-box>div:first-child{gap:6px!important;align-items:flex-start!important;}.dash-chart-box>div:first-child>span{font-size:.65rem!important;line-height:1.25!important;}.dash-chart-box>div:first-child>div span{font-size:.53rem!important;padding:3px 6px!important;}.dash-chart-box canvas{max-height:180px!important;}
  .dash-dual-grid{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:8px!important;}.dash-panel-header{padding:8px 10px!important;}.dash-panel-title{font-size:.64rem!important;}.exclusive-links-grid,.news-grid{grid-template-columns:1fr!important;padding:8px!important;gap:6px!important;}.exclusive-link-card,.news-card{padding:8px 9px!important;}.dash-link-action{font-size:.62rem!important;}
  .temporal-radar-box{padding:10px!important;}.temporal-grid{grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin-top:8px!important;}.temporal-slot{padding:8px 5px!important;}.temporal-slot-val{font-size:.95rem!important;}.temporal-slot-lbl{font-size:.49rem!important;margin-top:4px!important;}.weather-grid{grid-template-columns:repeat(4,1fr)!important;gap:5px!important;padding:8px!important;}.weather-card{padding:7px 3px!important;}.weather-card-day,.weather-card-temp{font-size:.55rem!important;}
}

/* Migrado de dashboard.php */

@media(max-width:390px){.user-meta-grid{grid-template-columns:1fr!important;}.dash-telemetry-banner>div:first-child{grid-template-columns:1fr 1fr!important;}.dash-kpi-grid{grid-template-columns:1fr 1fr!important;}}

/* Migrado de agenda/ */

@media(max-width:800px){.ag2{padding:0 10px!important}.ag2-head{padding:16px!important}.ag2-item{grid-template-columns:72px 1fr!important}.ag2-actions{grid-column:2}.ag2-stats{grid-template-columns:1fr 1fr!important}}

/* Migrado de agenda/ */

@media(max-width:800px){.ag2-stats{grid-template-columns:1fr 1fr}.ag2-toolbar{align-items:stretch;flex-direction:column}.ag2-search{width:100%}.ag2-item{grid-template-columns:75px 1fr}.ag2-actions{grid-column:2}.ag2-grid{grid-template-columns:1fr}.ag2-field.full{grid-column:auto}.ag2-month{overflow-x:auto;min-width:720px}.ag2-shell{overflow-x:auto}.ag2-week{min-width:720px}.ag2-head{align-items:flex-start;flex-direction:column}}

/* Migrado de agenda/ */

@media(max-width:800px){.ag2-business-strip{align-items:flex-start;flex-direction:column}.ag2-dayview{min-width:650px}}

/* Migrado de agenda/ */

@media(max-width:900px){.ag3-quickbar{align-items:flex-start;flex-direction:column}.ag3-quickactions{justify-content:flex-start}.ag2{max-width:100%!important}}

/* Migrado de agenda/ */

@media(max-width:900px){.ag2-head{padding:20px!important}.ag2-item{grid-template-columns:72px minmax(0,1fr)!important}.ag2-actions{grid-column:2!important;max-width:none!important}.ag2-month,.ag2-week{min-width:720px!important}.ag2-shell{overflow-x:auto!important}}

/* Migrado de agenda/ */

@media (max-width:768px){
.ag2{width:100%!important;max-width:100%!important;margin:8px auto 22px!important;padding:0 8px!important;font-size:.68rem!important;overflow:visible!important}
.ag2-head{min-height:auto!important;padding:13px 14px!important;border-radius:9px!important;margin-bottom:8px!important;gap:8px!important}
.ag2-title h1{font-size:1.02rem!important;gap:6px!important}.ag2-title p{font-size:.61rem!important;line-height:1.35!important;margin-top:4px!important}.ag4-headmeta{gap:4px!important;margin-top:8px!important}.ag4-headpill{font-size:.51rem!important;padding:3px 5px!important}
.ag2-head .ag2-btn-primary{font-size:.60rem!important;padding:7px 9px!important;white-space:nowrap!important}
.ag3-quickbar{padding:8px!important;margin-bottom:8px!important;gap:7px!important}.ag3-bolt{width:26px!important;height:26px!important;font-size:12px!important}.ag3-quicklead strong{font-size:.59rem!important}.ag3-quicklead small{font-size:.49rem!important}.ag3-quickactions{gap:3px!important}.ag3-quickactions a,.ag3-quickactions button{font-size:.50rem!important;padding:4px 5px!important}
.ag2-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin-bottom:8px!important}.ag2-stat{padding:7px 8px!important}.ag2-stat b{font-size:.84rem!important}.ag2-stat span{font-size:.51rem!important}
.ag2-toolbar{padding:6px!important;gap:6px!important;margin-bottom:7px!important}.ag2-tabs,.ag2-nav{gap:3px!important;flex-wrap:wrap!important}.ag2-tab,.ag2-btn{font-size:.52rem!important;padding:5px 6px!important}.ag2-search{font-size:.57rem!important;padding:6px 7px!important}
.ag2-section-head{padding:8px!important}.ag2-section-head strong{font-size:.64rem!important}.ag2-filterline{padding:6px!important;gap:4px!important}.ag2-select{font-size:.51rem!important;padding:5px!important;max-width:48%!important}.ag2-filterline .ag2-btn{font-size:.50rem!important}
.ag2-list{padding:4px!important}.ag2-item{grid-template-columns:58px minmax(0,1fr)!important;gap:6px!important;padding:7px 5px!important}.ag2-time{font-size:.57rem!important}.ag2-date{font-size:.48rem!important}.ag2-item h3{font-size:.62rem!important;line-height:1.2!important;margin-bottom:2px!important}.ag2-item p{font-size:.54rem!important;line-height:1.3!important}.ag2-more{font-size:.48rem!important}.ag2-badges{gap:3px!important;margin-top:4px!important}.ag2-badge{font-size:.45rem!important;padding:2px 4px!important}.ag2-actions{gap:3px!important;margin-top:3px!important}.ag2-icon{width:26px!important;height:26px!important;font-size:.62rem!important}
.ag2-modal{align-items:flex-start!important;padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important;overflow:hidden!important}
.ag2-box{max-width:calc(100vw - 14px)!important;max-height:calc(100dvh - 92px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;border-radius:10px!important}
.ag2-boxhead{padding:7px 10px!important;position:sticky!important;top:0!important;z-index:3!important}.ag2-boxhead h2{font-size:.70rem!important}.ag2-close{width:26px!important;height:26px!important}
.ag2-form{padding:8px 9px!important}.ag2-grid{grid-template-columns:1fr!important;gap:5px!important}.ag2-field label{font-size:.49rem!important;margin-bottom:3px!important}.ag2-input{font-size:.56rem!important;min-height:30px!important;padding:5px 7px!important}textarea.ag2-input{min-height:56px!important;max-height:76px!important}.ag4-modalnote{font-size:.47rem!important;line-height:1.22!important;padding:5px 7px!important;margin-bottom:5px!important}.ag4-timequick{gap:3px!important;margin-top:3px!important}.ag4-timequick button{font-size:.45rem!important;padding:3px 5px!important}.ag2-formfoot{position:sticky!important;bottom:0!important;z-index:3!important;background:#fff!important;padding:6px 9px calc(6px + env(safe-area-inset-bottom))!important;margin:6px -9px -8px!important;box-shadow:0 -5px 12px rgba(15,23,42,.06)!important}.ag2-formfoot .ag2-btn{font-size:.52rem!important;padding:6px 9px!important}
}

/* Migrado de planos.php */

@media (max-width: 768px) {
        .planos-container {
            padding: 0 10px !important;
            margin-top: 6px !important;
        }

        .planos-hero-card {
            padding: 16px 14px;
            margin-bottom: 16px;
        }

        .plano-card-vip {
            padding: 24px 16px;
        }

        .plano-header-row {
            flex-direction: column;
            align-items: flex-start;
            gap: 6px;
        }

        .plano-features-grid {
            grid-template-columns: 1fr;
            gap: 10px;
        }

        .btn-plano-ativo {
            padding: 12px 14px;
            font-size: 0.80rem;
        }

        .roadmap-expansion-box {
            flex-direction: column;
            align-items: flex-start;
        }
    }

/* Migrado de planos.php */

@media (max-width:768px){
        .planos-container{padding:0 8px!important;margin:7px auto 24px!important}
        .planos-hero-card{padding:12px 11px!important;margin-bottom:7px!important;border-radius:10px!important;text-align:left!important}
        .planos-hero-badge{font-size:.48rem!important;padding:3px 7px!important;margin-bottom:4px!important}
        .planos-hero-card h1{font-size:1rem!important;line-height:1.12!important;margin-bottom:4px!important}
        .planos-hero-card p{font-size:.60rem!important;line-height:1.35!important;margin:0!important}
        .planos-mobile-resumo{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;margin:0 0 12px!important}
        .planos-mobile-resumo span{display:flex;align-items:center;justify-content:center;min-height:27px;padding:3px 4px;border:1px solid #dbeafe;border-radius:6px;background:#f8fbff;color:#1e40af;font-size:.48rem;font-weight:850;white-space:nowrap}
        .plano-single-wrapper{margin-bottom:12px!important}
        .plano-card-vip{padding:20px 11px 11px!important;border-radius:10px!important;box-shadow:0 5px 16px rgba(16,185,129,.10)!important}
        .plano-card-vip-tag{top:-10px!important;left:11px!important;font-size:.47rem!important;padding:3px 7px!important}
        .plano-header-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;margin-bottom:8px!important;padding-bottom:7px!important}
        .plano-title{font-size:.86rem!important;line-height:1.12!important}.plano-preco-val{font-size:1.28rem!important}.plano-preco-sub{font-size:.48rem!important}
        .plano-descricao{font-size:.58rem!important;line-height:1.38!important;margin-bottom:10px!important}
        .plano-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 8px!important;margin-bottom:12px!important}
        .plano-feature-item{gap:5px!important;font-size:.54rem!important;line-height:1.28!important}.plano-feature-item svg{width:11px!important;height:11px!important;min-width:11px!important;margin-top:1px!important}
        .btn-plano-ativo{min-height:34px!important;padding:8px 9px!important;font-size:.56rem!important;border-radius:7px!important}
        .roadmap-expansion-box{padding:10px!important;margin-bottom:10px!important;border-radius:9px!important;gap:8px!important}
        .roadmap-text h3{font-size:.68rem!important;margin-bottom:3px!important}.roadmap-text p{font-size:.54rem!important;line-height:1.35!important}
        .roadmap-badges-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important;gap:4px!important}.badge-roadmap{font-size:.46rem!important;padding:4px 3px!important;text-align:center!important}
        .planos-faq-grid{grid-template-columns:1fr!important;gap:6px!important;margin-bottom:10px!important}.planos-faq-card{padding:9px 10px!important;border-radius:8px!important}.planos-faq-card h3{font-size:.65rem!important;margin-bottom:3px!important}.planos-faq-card p{font-size:.54rem!important;line-height:1.35!important}
    }

/* Migrado de ferramentas.php */

@media (max-width: 768px) { .tools-grid { grid-template-columns:1fr; } }

/* Migrado de colaborador.php */

@media(max-width:760px){.colab-grid,.colab-form{grid-template-columns:1fr}.colab-head-flex{align-items:flex-start;flex-direction:column}}

/* Migrado de promocoes.php */

@media (max-width: 900px) {
        .banners-dual-column-grid {
            grid-template-columns: 1fr;
            gap: 16px;
        }
    }

/* Migrado de afiliados.php */

@media (max-width: 860px) {
        .afl-grid-pilares {
            grid-template-columns: 1fr;
        }
    }

/* Complementos mobile centrais — Lote 03 */

@media (max-width:768px){
  .revenda-certificado-page{
    width:100%!important;
    max-width:none!important;
    margin:10px auto 24px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  .revenda-certificado-page > div{
    padding:14px 12px!important;
    box-sizing:border-box!important;
  }
  .revenda-certificado-page table{
    min-width:620px;
  }

  .novidades-container{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  .afiliados-page-wrapper{
    width:100%!important;
    overflow-x:hidden!important;
  }
  .afiliados-page-wrapper .container-vip{
    width:100%!important;
    max-width:none!important;
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:420px) {
  .verificador-links-page .stats-grid {
    grid-template-columns:1fr!important;
  }
}

/* ===== LOGIN MOBILE PREMIUM — ISOLADO ===== */
@media (max-width:768px){
  html:has(body.login-page){
    min-height:100%;
    background:#eef4fb;
  }

  body.login-page{
    width:100%!important;
    min-height:100vh!important;
    margin:0!important;
    padding:8px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow-x:hidden!important;
    background:linear-gradient(180deg,#eef4fb 0%,#f8fafc 52%,#eef3f8 100%)!important;
  }

  body.login-page::before{display:none!important}

  body.login-page .auth-wrapper{
    display:block!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:420px!important;
    min-height:0!important;
    margin:4px auto 16px!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 10px 26px rgba(15,23,42,.14)!important;
  }

  /* FORMULÁRIO — compacto, sem cortar nenhuma função */
  body.login-page .auth-form-side{
    width:100%!important;
    padding:14px 13px 12px!important;
  }

  body.login-page .brand-header{margin-bottom:8px!important;gap:8px!important}
  body.login-page .brand-header img{height:30px!important;max-height:30px!important}
  body.login-page .brand-header-text h1{font-size:.90rem!important;line-height:1.08!important}
  body.login-page .brand-header-text p{font-size:.52rem!important;line-height:1.15!important}

  body.login-page .login-welcome,
  body.login-page .login-welcome-clean{
    margin:0 0 7px!important;
    padding:6px 9px!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }

  body.login-page .login-welcome-icon{display:none!important}
  body.login-page .login-welcome-kicker{font-size:.49rem!important}
  body.login-page .login-welcome-title{font-size:.80rem!important;line-height:1.12!important}
  body.login-page .login-free-inline,
  body.login-page .login-welcome-sub{font-size:.50rem!important;line-height:1.18!important}

  body.login-page .alert-box{padding:7px 9px!important;margin-bottom:7px!important;font-size:.58rem!important}
  body.login-page .form-group{margin-bottom:7px!important}
  body.login-page .form-group label{font-size:.57rem!important;margin-bottom:3px!important}

  body.login-page .input-wrapper input{
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    padding:7px 38px 7px 10px!important;
    border-radius:8px!important;
    font-size:.69rem!important;
  }

  body.login-page .pwd-hint{margin-top:3px!important;font-size:.47rem!important;line-height:1.2!important}
  body.login-page .forgot-link{font-size:.52rem!important}

  body.login-page .btn-primary-action{
    width:100%!important;
    min-height:37px!important;
    margin-top:4px!important;
    padding:8px 11px!important;
    border-radius:8px!important;
    font-size:.67rem!important;
  }

  body.login-page .btn-toggle-secondary,
  body.login-page .btn-email-register{
    width:100%!important;
    min-height:34px!important;
    margin-top:5px!important;
    padding:7px 10px!important;
    border-radius:8px!important;
    font-size:.60rem!important;
  }

  body.login-page #resetBox{margin-top:6px!important;padding:7px!important;border-radius:8px!important}
  body.login-page .form-row-double{grid-template-columns:1fr!important;gap:0!important}

  /* INFORMAÇÕES — permanecem no mobile, apenas compactadas */
  body.login-page .auth-benefits-side{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    padding:13px 13px 11px!important;
    border-top:1px solid rgba(255,255,255,.15)!important;
    box-sizing:border-box!important;
  }

  body.login-page .benefits-content{
    width:100%!important;
    max-width:none!important;
  }

  body.login-page .benefits-tag{
    display:inline-flex!important;
    margin:0 0 5px!important;
    padding:3px 7px!important;
    font-size:.48rem!important;
    line-height:1!important;
  }

  body.login-page .benefits-title{
    display:block!important;
    margin:0 0 4px!important;
    max-width:none!important;
    font-size:.76rem!important;
    line-height:1.18!important;
    text-align:left!important;
  }

  body.login-page .benefits-desc{
    display:block!important;
    margin:0 0 9px!important;
    max-width:none!important;
    font-size:.52rem!important;
    line-height:1.3!important;
    opacity:.88!important;
  }

  body.login-page .benefit-item{
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    gap:7px!important;
    align-items:start!important;
    margin:0 0 6px!important;
    padding:6px 7px!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.10)!important;
  }

  body.login-page .benefit-icon{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    border-radius:7px!important;
    font-size:.74rem!important;
  }

  body.login-page .benefit-text h4{
    margin:0 0 1px!important;
    font-size:.58rem!important;
    line-height:1.15!important;
  }

  body.login-page .benefit-text p{
    margin:0!important;
    font-size:.48rem!important;
    line-height:1.25!important;
  }

  body.login-page .benefits-highlights{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px!important;
    margin:8px 0 0!important;
  }

  body.login-page .benefits-highlights span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:25px!important;
    padding:4px 5px!important;
    font-size:.46rem!important;
    line-height:1.15!important;
    text-align:center!important;
  }

  body.login-page .benefits-footer{
    display:flex!important;
    justify-content:center!important;
    gap:7px!important;
    flex-wrap:wrap!important;
    margin-top:7px!important;
    padding-top:7px!important;
    font-size:.44rem!important;
  }
}

@media (max-width:380px){
  body.login-page{padding:5px!important}
  body.login-page .auth-form-side{padding:12px 10px!important}
  body.login-page .auth-benefits-side{padding:11px 10px 9px!important}
  body.login-page .benefits-highlights{grid-template-columns:1fr 1fr!important}
}
/* ===== FIM LOGIN MOBILE PREMIUM — ISOLADO ===== */
/* ===== FIM VIP PÁGINAS MOBILE CENTRALIZADAS — OTIMIZADO ===== */

/* ===== MOBILE V30 — 5 ATALHOS PROPORCIONAIS DO TOPO =====
   Somente mobile. Cada botão recebe largura conforme o texto, mantendo 1 linha.
   ========================================================================== */
#vipMobileQuickNav.vip-mobile-quick-nav{display:none!important;}

@media (max-width:768px){
  #vipMobileQuickNav.vip-mobile-quick-nav{
    display:grid!important;
    /* Início | Agenda | Novidades | Avaliar | Indique */
    grid-template-columns:.88fr .92fr 1.22fr .88fr .92fr!important;
    width:100%!important;
    max-width:100%!important;
    gap:4px!important;
    margin:0 0 6px!important;
    padding:0 9px!important;
    box-sizing:border-box!important;
  }

  #vipMobileQuickNav .vip-mobile-quick-btn{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    min-width:0!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:2px 1px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    border:1px solid rgba(125,211,252,.38)!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.075)!important;
    color:#e6f6ff!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:clamp(.54rem,2.15vw,.63rem)!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  #vipMobileQuickNav .vip-mobile-quick-icon{
    flex:0 0 auto!important;
    margin-right:2px!important;
    font-size:clamp(.68rem,2.65vw,.82rem)!important;
    line-height:1!important;
  }

  #vipMobileQuickNav .vip-mobile-quick-inicio{
    color:#22d3ee!important;
    border-color:rgba(34,211,238,.46)!important;
  }

  /* Indique volta para a MESMA borda dos demais */
  #vipMobileQuickNav .vip-mobile-quick-indique{
    color:#fff!important;
    border:1px solid rgba(125,211,252,.38)!important;
    background:rgba(255,255,255,.075)!important;
    box-shadow:none!important;
  }

  #vipMobileQuickNav .vip-mobile-quick-btn:active{
    background:rgba(34,211,238,.15)!important;
    transform:translateY(1px)!important;
  }

  #vipMobileQuickNav .vip-mobile-quick-badge{
    position:absolute!important;
    top:-4px!important;
    right:-3px!important;
    display:inline-flex;
    align-items:center!important;
    justify-content:center!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 5px!important;
    border:2px solid #071342!important;
    border-radius:999px!important;
    background:#ef4444!important;
    color:#fff!important;
    box-shadow:0 2px 6px rgba(0,0,0,.28)!important;
    font-size:.62rem!important;
    font-weight:900!important;
    line-height:1!important;
    z-index:3!important;
  }

  #vipMobileQuickNav .vip-mobile-quick-disabled{opacity:.58!important;cursor:not-allowed!important;}
  #vipMobileQuickNav .vip-mobile-quick-disabled small{font-size:.40rem!important;line-height:1!important;}
}

@media (max-width:420px){
  #vipMobileQuickNav.vip-mobile-quick-nav{
    grid-template-columns:.86fr .90fr 1.25fr .87fr .92fr!important;
    gap:3px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  #vipMobileQuickNav .vip-mobile-quick-btn{
    height:29px!important;
    min-height:29px!important;
    padding-left:0!important;
    padding-right:0!important;
    font-size:.53rem!important;
  }
  #vipMobileQuickNav .vip-mobile-quick-icon{
    margin-right:1px!important;
    font-size:.68rem!important;
  }
}

@media (max-width:360px){
  #vipMobileQuickNav.vip-mobile-quick-nav{
    gap:2px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  #vipMobileQuickNav .vip-mobile-quick-btn{
    height:28px!important;
    min-height:28px!important;
    font-size:.48rem!important;
    border-radius:6px!important;
  }
  #vipMobileQuickNav .vip-mobile-quick-icon{
    font-size:.61rem!important;
    margin-right:1px!important;
  }
}

@media (min-width:769px){
  #vipMobileQuickNav.vip-mobile-quick-nav{display:none!important;}
}


/* ==========================================================================
   AJUSTE DE LEITURA — SOMENTE NOVIDADES E AVALIAÇÃO
   Não altera tipografia das demais páginas.
   ========================================================================== */
@media(max-width:768px){
    html body .nov-page.nov-page .nov-hero h1{
        font-size:15px!important;
        line-height:1.22!important;
    }
    html body .nov-page.nov-page .nov-hero p{
        font-size:10px!important;
        line-height:1.45!important;
    }
    html body .nov-page.nov-page .nov-kicker{
        font-size:8px!important;
    }
    html body .nov-page.nov-page .nov-pill{
        font-size:8px!important;
    }
    html body .nov-page.nov-page .nov-section h2{
        font-size:12px!important;
    }
    html body .nov-page.nov-page .nov-section p{
        font-size:9px!important;
        line-height:1.4!important;
    }
    html body .nov-page.nov-page .nov-count{
        font-size:7.5px!important;
    }
    html body .nov-page.nov-page .nov-date,
    html body .nov-page.nov-page .nov-tag,
    html body .nov-page.nov-page .nov-badge{
        font-size:7.5px!important;
    }
    html body .nov-page.nov-page .nov-card h2{
        font-size:11.5px!important;
        line-height:1.30!important;
    }
    html body .nov-page.nov-page .nov-lead{
        font-size:9.5px!important;
        line-height:1.48!important;
    }
    html body .nov-page.nov-page .nov-highlight strong{
        font-size:9.5px!important;
    }
    html body .nov-page.nov-page .nov-highlight li,
    html body .nov-page.nov-page .nov-menu-benefit b,
    html body .nov-page.nov-page .nov-menu-benefit p{
        font-size:9px!important;
        line-height:1.45!important;
    }

    html body .av-page.av-page .av-hero h1{
        font-size:15px!important;
        line-height:1.22!important;
    }
    html body .av-page.av-page .av-hero p,
    html body .av-page.av-page .av-small{
        font-size:9.5px!important;
        line-height:1.45!important;
    }
    html body .av-page.av-page .av-form h2,
    html body .av-page.av-page .av-feed h2{
        font-size:12px!important;
    }
    html body .av-page.av-page .av-field label{
        font-size:9.5px!important;
    }
    html body .av-page.av-page .av-field textarea{
        font-size:10px!important;
        line-height:1.45!important;
    }
    html body .av-page.av-page .av-box,
    html body .av-page.av-page .av-review p{
        font-size:9.5px!important;
        line-height:1.45!important;
    }
    html body .av-page.av-page .av-share{
        font-size:9px!important;
        min-height:34px!important;
    }
}

/* ==========================================================================
   MEUS LINKS • MOBILE PREMIUM
   Categoria única, formulário compacto e listagem em cards.
   ========================================================================== */
@media (max-width: 768px) {
  .custom-links-page-container{
    width:100%!important;
    max-width:100%!important;
    margin:8px auto 18px!important;
    padding:0 9px!important;
  }

  .custom-links-page-container .vip-page-hero{
    padding:11px 12px!important;
    margin-bottom:9px!important;
    border-radius:9px!important;
    display:block!important;
  }

  .custom-links-page-container .vip-page-hero-title{
    font-size:.96rem!important;
    line-height:1.2!important;
    margin-bottom:4px!important;
  }

  .custom-links-page-container .vip-page-hero-sub{
    max-width:none!important;
    font-size:.72rem!important;
    line-height:1.45!important;
  }

  .custom-links-page-container .btn-vip-back{
    display:none!important;
  }

  .custom-links-page-container .management-layout-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .custom-links-page-container .box-card-vip{
    width:100%!important;
    min-width:0!important;
    padding:12px!important;
    border-radius:9px!important;
  }

  .custom-links-page-container .box-card-header{
    margin-bottom:11px!important;
    padding-bottom:8px!important;
    font-size:.91rem!important;
    line-height:1.2!important;
  }

  .custom-links-page-container .field-group{
    margin-bottom:11px!important;
  }

  .custom-links-page-container .field-group label{
    font-size:.72rem!important;
    margin-bottom:5px!important;
  }

  .custom-links-page-container .field-input-style{
    min-height:45px!important;
    padding:10px 11px!important;
    font-size:.88rem!important;
    line-height:1.3!important;
    border-radius:7px!important;
  }

  .custom-links-page-container .field-helper{
    font-size:.69rem!important;
    line-height:1.4!important;
  }

  .custom-links-page-container .meus-links-fixed-category{
    padding:9px 10px!important;
    margin-bottom:11px!important;
  }

  .custom-links-page-container .meus-links-fixed-category span{
    font-size:.72rem!important;
  }

  .custom-links-page-container .meus-links-fixed-category b{
    font-size:.69rem!important;
  }

  .custom-links-page-container .meus-links-opt{
    margin:10px 0 12px!important;
    gap:8px!important;
  }

  .custom-links-page-container .meus-links-opt input{
    width:20px!important;
    height:20px!important;
    flex-basis:20px!important;
  }

  .custom-links-page-container .meus-links-opt label{
    font-size:.72rem!important;
    line-height:1.45!important;
  }

  .custom-links-page-container .btn-submit-main{
    min-height:44px!important;
    padding:10px!important;
    font-size:.80rem!important;
  }

  .custom-links-page-container .meus-links-info{
    padding:9px 10px!important;
    margin-top:10px!important;
    font-size:.70rem!important;
    line-height:1.45!important;
  }

  .custom-links-page-container .alert-banner{
    padding:9px 10px!important;
    margin-bottom:8px!important;
    font-size:.72rem!important;
  }

  .custom-links-page-container .existing-link-card{
    align-items:flex-start!important;
  }

  .custom-links-page-container .existing-link-card small{
    max-width:58vw!important;
  }

  .custom-links-page-container .custom-links-list{
    gap:8px!important;
  }

  .custom-links-page-container .custom-link-row{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:10px!important;
  }

  .custom-links-page-container .custom-link-main strong{
    font-size:.80rem!important;
  }

  .custom-links-page-container .custom-link-url{
    max-width:100%!important;
    font-size:.69rem!important;
  }

  .custom-links-page-container .custom-link-meta{
    gap:4px!important;
  }

  .custom-links-page-container .mini-badge{
    font-size:.62rem!important;
  }

  .custom-links-page-container .custom-link-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr auto!important;
    gap:5px!important;
    width:100%!important;
  }

  .custom-links-page-container .btn-action-sm{
    min-height:34px!important;
    font-size:.68rem!important;
  }

  .custom-links-page-container .empty-links-state{
    padding:24px 10px!important;
  }

  .custom-links-page-container .empty-links-state strong{
    font-size:.82rem!important;
  }

  .custom-links-page-container .empty-links-state span{
    font-size:.70rem!important;
  }
}

@media (max-width: 390px) {
  .custom-links-page-container .custom-link-actions{
    grid-template-columns:1fr 1fr!important;
  }

  .custom-links-page-container .custom-link-actions .btn-action-danger{
    grid-column:1 / -1!important;
  }
}


@media (max-width: 768px) {
  .custom-links-page-container .meus-links-info-rich{
    padding:10px!important;
  }
  .custom-links-page-container .meus-links-info-title{
    font-size:.75rem!important;
    margin-bottom:7px!important;
  }
  .custom-links-page-container .meus-links-info-list{
    gap:6px!important;
    padding-left:17px!important;
  }
  .custom-links-page-container .meus-links-info-list li{
    font-size:.70rem!important;
    line-height:1.45!important;
  }
  .custom-links-page-container .meus-links-info-note{
    font-size:.69rem!important;
    line-height:1.45!important;
    padding:8px 9px!important;
  }
}


@media (max-width: 768px) {
  .custom-links-page-container .management-layout-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .custom-links-page-container .management-layout-grid > *{
    height:auto!important;
  }

  .custom-links-page-container .meus-links-info-rich{
    height:auto!important;
    padding:11px!important;
  }

  .custom-links-page-container .meus-links-info-title{
    font-size:.82rem!important;
    margin-bottom:8px!important;
  }

  .custom-links-page-container .meus-links-info-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }

  .custom-links-page-container .meus-links-info-item{
    padding:8px!important;
  }

  .custom-links-page-container .meus-links-info-item strong{
    font-size:.69rem!important;
  }

  .custom-links-page-container .meus-links-info-item span{
    font-size:.68rem!important;
    line-height:1.42!important;
  }

  .custom-links-page-container .meus-links-list-section{
    margin-top:9px!important;
  }

  .custom-links-page-container .custom-links-list{
    grid-template-columns:1fr!important;
  }

  .custom-links-page-container #saveFeedback{
    margin-bottom:9px!important;
  }
}

@media (max-width: 420px) {
  .custom-links-page-container .meus-links-info-grid{
    grid-template-columns:1fr!important;
  }
}


/* MEUS LINKS • MOBILE PREMIUM FINAL */
@media (max-width:768px){
  .custom-links-page-container .custom-links-list{grid-template-columns:1fr!important;gap:6px!important}
  .custom-links-page-container .custom-link-row{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:4px!important;min-height:62px!important;padding:6px 7px!important;border-radius:6px!important}
  .custom-links-page-container .custom-link-line-main{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;align-items:center!important;gap:5px!important;min-width:0!important}
  .custom-links-page-container .custom-link-line-meta{display:flex!important;align-items:center!important;gap:3px!important;flex-wrap:wrap!important;padding-left:0!important;min-width:0!important}
  .custom-links-page-container .custom-link-name{font-size:.75rem!important;line-height:1.15!important}
  .custom-links-page-container .custom-link-rank{min-width:30px!important;height:22px!important;font-size:.63rem!important}
  .custom-links-page-container .custom-link-favicon-box{width:23px!important;height:23px!important;min-width:23px!important}
  .custom-links-page-container .custom-link-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;width:auto!important}
  .custom-links-page-container .btn-action-sm{min-height:27px!important;padding:4px 6px!important;font-size:.61rem!important}
  .custom-links-page-container .runtime-tag,.custom-links-page-container .vip-personal-link-badge,.custom-links-page-container .personal-created-stamp{font-size:.56rem!important;min-height:18px!important;padding:1px 5px!important}
  .vip-personal-link-badge{font-size:.52rem!important;padding:1px 4px!important}
  #bottomRank50Grid .vip-personal-link-badge{flex-shrink:0!important}
}
@media (max-width:390px){
  .custom-links-page-container .custom-link-line-main{grid-template-columns:auto auto minmax(0,1fr)!important}
  .custom-links-page-container .custom-link-actions{grid-column:1/-1!important;justify-content:flex-start!important;padding-left:58px!important}
}

/* MEUS LINKS V2 • MOBILE MAIS FINO + FILTRO DA CENTRAL */
@media (max-width:768px){
  .custom-links-page-container .custom-link-row{
    min-height:52px!important;
    padding:4px 6px!important;
    gap:2px!important;
  }

  .custom-links-page-container .custom-link-line-main{
    grid-template-columns:auto auto minmax(0,1fr) auto!important;
    gap:4px!important;
  }

  .custom-links-page-container .custom-link-line-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    min-height:20px!important;
    padding-left:0!important;
    gap:4px!important;
  }

  .custom-links-page-container .custom-link-main-tags{
    display:flex!important;
    align-items:center!important;
    gap:2px!important;
    min-width:0!important;
  }

  .custom-links-page-container .custom-link-second-left{
    min-width:0!important;
    overflow:hidden!important;
  }

  .custom-links-page-container .personal-created-stamp{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:.51rem!important;
  }

  .custom-links-page-container .custom-link-actions{
    flex:0 0 auto!important;
    padding-left:0!important;
  }

  .custom-links-page-container .btn-action-sm{
    min-height:24px!important;
    height:24px!important;
    padding:2px 5px!important;
    font-size:.58rem!important;
  }

  .custom-links-page-container .runtime-tags{
    flex-wrap:nowrap!important;
    max-width:48vw!important;
    overflow:hidden!important;
  }

  .custom-links-page-container .runtime-tag,
  .custom-links-page-container .vip-personal-link-badge{
    font-size:.50rem!important;
    min-height:17px!important;
    padding:1px 4px!important;
  }

  #bottomRank50Container .vip-mobile-personal-rank-filter{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin:4px 0 6px!important;
    padding:4px 5px!important;
    border:1px solid #e2e8f0!important;
    border-radius:6px!important;
    background:#f8fafc!important;
  }

  #bottomRank50Container .vip-mobile-personal-rank-filter .btn-inactive-filter{
    display:inline-flex!important;
    min-height:24px!important;
    padding:3px 7px!important;
    font-size:.57rem!important;
  }
}

@media (max-width:390px){
  .custom-links-page-container .custom-link-line-main{
    grid-template-columns:auto auto minmax(0,1fr)!important;
  }

  .custom-links-page-container .custom-link-main-tags{
    grid-column:1 / -1!important;
    justify-content:flex-start!important;
    padding-left:55px!important;
    margin-top:1px!important;
  }

  .custom-links-page-container .custom-link-row{
    min-height:66px!important;
  }
}

/* ==========================================================================
   MOBILE • TERCEIRA LINHA DE ATALHOS PESSOAIS
   ========================================================================== */
@media (max-width:768px){
  #vipMobilePersonalQuickNav{
    display:grid!important;
    grid-template-columns:1.32fr 1fr .82fr!important;
    align-items:stretch!important;
    gap:5px!important;
    width:100%!important;
    margin:5px 0 0!important;
    padding:0!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-quick-btn{
    min-width:0!important;
    height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0 5px!important;
    border:1px solid rgba(56,189,248,.40)!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.045)!important;
    color:#fff!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    font-size:.55rem!important;
    font-weight:780!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-quick-btn span:last-child{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-cadastrar{
    color:#bfdbfe!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-ver{
    color:#e9d5ff!important;
    border-color:rgba(192,132,252,.50)!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-ferramentas{
    color:#fde68a!important;
  }

  /* Meus Links: cards de gerenciamento realmente em duas linhas */
  .custom-links-page-container .custom-link-row{
    min-height:58px!important;
    padding:5px 6px!important;
    gap:3px!important;
  }

  .custom-links-page-container .custom-link-line-main{
    grid-template-columns:auto auto minmax(0,1fr)!important;
    gap:4px!important;
  }

  .custom-links-page-container .custom-link-main-tags{
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    padding-left:55px!important;
    gap:2px!important;
  }

  .custom-links-page-container .custom-link-line-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    padding-left:0!important;
    gap:5px!important;
  }

  .custom-links-page-container .personal-created-stamp{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .custom-links-page-container .custom-link-actions{
    padding-left:0!important;
    flex:0 0 auto!important;
  }

  /* Novo bloco Meus Links na Home */
  #homeMeusLinksSection{
    margin-top:10px!important;
    margin-bottom:10px!important;
  }

  #homeMeusLinksSection .home-personal-links-header{
    align-items:flex-start!important;
    gap:6px!important;
  }

  #homeMeusLinksSection .home-personal-links-head-actions{
    gap:4px!important;
  }

  #homeMeusLinksSection .home-personal-manage-btn{
    min-height:27px!important;
    padding:4px 7px!important;
    font-size:.57rem!important;
  }

  #homeMeusLinksSection .home-personal-summary{
    margin:5px 0!important;
    padding:5px 7px!important;
    font-size:.59rem!important;
  }

  #homeMeusLinksSection .home-personal-links-grid{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }

  #homeMeusLinksSection .recent20-item{
    min-height:35px!important;
  }

  #homeMeusLinksSection .home-personal-tags{
    max-width:60%!important;
    overflow:hidden!important;
  }

  #homeMeusLinksSection .home-personal-user-rank{
    min-width:31px!important;
    height:20px!important;
    font-size:.60rem!important;
  }

  #homeMeusLinksSection .vip-personal-link-badge,
  #homeMeusLinksSection .home-personal-tag,
  #homeMeusLinksSection .global-rank-badge,
  #homeMeusLinksSection .recent20-timestamp,
  #homeMeusLinksSection .recent20-count{
    font-size:.49rem!important;
  }
}

@media (max-width:390px){
  #vipMobilePersonalQuickNav{
    grid-template-columns:1.38fr 1fr .78fr!important;
    gap:4px!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-quick-btn{
    font-size:.51rem!important;
    padding:0 3px!important;
  }
}

/* ==========================================================================
   MOBILE V31 • TERCEIRA LINHA 5 ATALHOS — MESMA RÉGUA DA LINHA SUPERIOR
   ========================================================================== */
@media (max-width:768px){
  #vipMobilePersonalQuickNav.vip-mobile-personal-quick-nav{
    display:grid!important;
    grid-template-columns:1.24fr 1fr .78fr .78fr .78fr!important;
    width:100%!important;
    max-width:100%!important;
    gap:4px!important;
    margin:0 0 6px!important;
    padding:0 9px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-quick-btn{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    min-width:0!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:2px 1px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border:1px solid rgba(125,211,252,.38)!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.075)!important;
    color:#e6f6ff!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:clamp(.49rem,1.95vw,.60rem)!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-quick-btn > span:first-child{
    flex:0 0 auto!important;
    margin-right:2px!important;
    font-size:clamp(.64rem,2.45vw,.77rem)!important;
    line-height:1!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-quick-btn > span:last-child{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-cadastrar{color:#bfdbfe!important}
  #vipMobilePersonalQuickNav .vip-mobile-personal-ver{color:#e9d5ff!important;border-color:rgba(192,132,252,.50)!important}
  #vipMobilePersonalQuickNav .vip-mobile-personal-ferramentas{color:#fde68a!important}
  #vipMobilePersonalQuickNav .vip-mobile-personal-sugestoes{color:#bbf7d0!important;border-color:rgba(74,222,128,.42)!important}

  /* Gerenciamento Meus Links: duas linhas reais também no mobile */
  .custom-links-page-container .custom-link-row.recent20-item{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    min-height:66px!important;
    height:auto!important;
    padding:5px 6px!important;
    gap:3px!important;
  }

  .custom-links-page-container .custom-link-row.recent20-item > .custom-link-line-main{
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:32px 23px minmax(0,1fr)!important;
    height:auto!important;
    min-height:25px!important;
    gap:4px!important;
  }

  .custom-links-page-container .custom-link-main-tags{
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:2px!important;
    padding-left:55px!important;
    margin-top:2px!important;
    white-space:normal!important;
  }

  .custom-links-page-container .custom-link-row.recent20-item > .custom-link-line-meta{
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    height:auto!important;
    min-height:24px!important;
    gap:4px!important;
    padding:0!important;
  }

  .custom-links-page-container .custom-link-line-meta .personal-created-stamp{
    margin-right:auto!important;
    min-width:0!important;
    max-width:52%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .custom-links-page-container .custom-link-actions{
    flex:0 0 auto!important;
    padding:0!important;
  }
}

@media (max-width:420px){
  #vipMobilePersonalQuickNav.vip-mobile-personal-quick-nav{
    grid-template-columns:1.38fr 1.06fr .83fr .79fr!important;
    gap:3px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-quick-btn{
    height:29px!important;
    min-height:29px!important;
    font-size:.49rem!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

@media (max-width:360px){
  #vipMobilePersonalQuickNav.vip-mobile-personal-quick-nav{
    gap:2px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }

  #vipMobilePersonalQuickNav .vip-mobile-personal-quick-btn{
    height:28px!important;
    min-height:28px!important;
    font-size:.45rem!important;
    border-radius:6px!important;
  }
}
/* MOBILE V32 • 4 ATALHOS COM MESMA BORDA E TEXTO BRANCO */
@media(max-width:768px){#vipMobilePersonalQuickNav .vip-mobile-personal-quick-btn,#vipMobilePersonalQuickNav .vip-mobile-personal-cadastrar,#vipMobilePersonalQuickNav .vip-mobile-personal-ver,#vipMobilePersonalQuickNav .vip-mobile-personal-ferramentas,#vipMobilePersonalQuickNav .vip-mobile-personal-sugestoes{color:#fff!important;border-color:rgba(125,211,252,.38)!important;background:rgba(255,255,255,.075)!important}#homeMeusLinksSection .bottom-rank-title>span{font-size:.83rem!important;font-weight:850!important;color:#1e3a8a!important}#homeMeusLinksSection .bottom-rank-title small{font-size:.61rem!important;font-weight:650!important}.custom-links-page-container .custom-link-row.recent20-item{min-height:55px!important;padding:3px 5px!important;gap:2px!important}.custom-links-page-container .custom-link-rank{height:18px!important;min-width:28px!important;width:28px!important}.custom-links-page-container .btn-action-sm{height:21px!important;min-height:21px!important;padding:1px 4px!important}.custom-links-page-container .personal-click-count{height:17px!important;min-width:29px!important;width:29px!important}}

/* V6 • HOME MEUS LINKS + ÂNCORA + BOTÃO CADASTRAR */
@media(max-width:768px){
 #homeMeusLinksSection{scroll-margin-top:330px!important}
 #homeMeusLinksSection .home-personal-links-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important}
 #homeMeusLinksSection .home-personal-links-header .bottom-rank-title>span{font-size:.78rem!important;font-weight:850!important;white-space:nowrap!important}
 #homeMeusLinksSection .home-personal-links-header .bottom-rank-title small{font-size:.56rem!important;line-height:1.25!important}
 #homeMeusLinksSection .home-personal-links-head-actions{display:flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important}
 #homeMeusLinksSection .home-personal-manage-btn{white-space:nowrap!important;word-break:normal!important;min-width:76px!important;width:auto!important;min-height:27px!important;height:27px!important;padding:3px 6px!important;font-size:.55rem!important;line-height:1!important}
 #homeMeusLinksSection .home-personal-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:5px!important}
 #homeMeusLinksSection .recent20-item{min-width:0!important;overflow:hidden!important}
 #homeMeusLinksSection .home-personal-tags{max-width:54%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;white-space:nowrap!important}#homeMeusLinksSection .home-personal-tags::-webkit-scrollbar{display:none!important}
}



/* ==========================================================================
   SUPORTE IA CAROL • V4 • AJUSTE ISOLADO DO TOPO MOBILE
   Mantém o grid/layout original do topo. O novo ? fica absoluto, portanto
   NÃO desloca menu hambúrguer, logo, engrenagem ou sino.
   ========================================================================== */
@media (max-width: 768px) {
    #vipMainHeader .brand-section,
    #vipMainHeader .brand-section.vip-mobile-brand-with-actions {
        position: relative !important;
        grid-template-columns: 40px minmax(0, 1fr) 36px 36px !important;
    }

    #vipMobileProfileGear.vip-mobile-profile-gear {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }

    #vipMobileNotifProxy.vip-mobile-notif-proxy {
        grid-column: 4 !important;
        grid-row: 1 !important;
    }

    #vipMobileAiSupport.vip-mobile-ai-support {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        top: 0 !important;
        right: 84px !important;
        left: auto !important;
        bottom: auto !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 9px !important;
        background: rgba(255,255,255,.08) !important;
        border: 1px solid rgba(125,211,252,.38) !important;
        box-shadow: none !important;
        color: #e0f2fe !important;
        cursor: pointer !important;
        z-index: 10042 !important;
        transform: none !important;
    }

    #vipMobileAiSupport.vip-mobile-ai-support > span {
        color: #ef4444 !important;
        font-size: 1rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }
}

@media (max-width: 410px) {
    #vipMainHeader .brand-section,
    #vipMainHeader .brand-section.vip-mobile-brand-with-actions {
        grid-template-columns: 38px minmax(0, 1fr) 34px 34px !important;
    }

    #vipMobileAiSupport.vip-mobile-ai-support {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        right: 78px !important;
        border-radius: 8px !important;
    }
}

@media (min-width: 769px) {
    #vipMobileAiSupport.vip-mobile-ai-support {
        display: none !important;
    }
}

/* =================================================================================
 * CAROL • AJUSTE MOBILE OFICIAL ÚNICO
 * Somente <=768px. Complementa o componente global sem duplicar sua base desktop.
 * ================================================================================= */
@media (max-width:768px){
    .vip-carol-float{
        right:12px !important;
        bottom:12px !important;
        gap:5px !important;
    }
    .vip-carol-float__box{
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;
        width:auto !important;
        min-width:68px !important;
        height:22px !important;
        min-height:22px !important;
        padding:0 7px !important;
        border-radius:6px !important;
        background:#eef6ff !important;
        border:1.5px solid #38bdf8 !important;
        box-shadow:0 3px 10px rgba(15,76,129,.16) !important;
    }
    .vip-carol-float__title{
        font-size:0 !important;
        gap:0 !important;
        line-height:1 !important;
    }
    .vip-carol-float__title svg{
        display:none !important;
    }
    .vip-carol-float__title::after{
        content:"Suporte 24h" !important;
        display:block !important;
        font-family:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif !important;
        font-size:8px !important;
        font-weight:650 !important;
        letter-spacing:0 !important;
        color:#1d4ed8 !important;
        line-height:1 !important;
    }
    .vip-carol-float__sub{
        display:none !important;
    }
    .vip-carol-float__avatar{
        width:42px !important;
        height:42px !important;
        flex-basis:42px !important;
    }
    .vip-carol-float__avatar img{
        border-width:2px !important;
    }
    .vip-carol-float__pin{
        width:16px !important;
        height:16px !important;
        min-width:16px !important;
        min-height:16px !important;
        font-size:8px !important;
    }
}

/* =================================================================================
 * MOBILE • ATALHO INÍCIO + RECOLHIMENTO DA CAROL NO FINAL DO RODAPÉ
 * Ajuste cirúrgico: não altera topo, menu ou demais componentes.
 * ================================================================================= */
@media (max-width:768px){
    #vipMobileHomeFloat.vip-mobile-home-float{
        display:none;
        position:fixed;
        left:54px;
        top:10px;
        z-index:10060;
        width:38px;
        height:38px;
        min-width:38px;
        min-height:38px;
        padding:0;
        border-radius:9px;
        border:1px solid rgba(103,232,249,.65);
        background:#071b4d;
        color:#fff;
        box-shadow:0 5px 16px rgba(15,23,42,.24);
        font-size:1rem;
        line-height:1;
        text-decoration:none;
        align-items:center;
        justify-content:center;
        -webkit-tap-highlight-color:transparent;
    }
    #vipMobileHomeFloat.vip-mobile-home-float.show{display:flex!important;}
    #vipMobileHomeFloat.vip-mobile-home-float svg{
        width:20px!important;
        height:20px!important;
        display:block!important;
        flex:0 0 20px!important;
    }
}
@media (min-width:769px){
    #vipMobileHomeFloat.vip-mobile-home-float{display:none!important;}
}


/* VIP • CASINHA FLUTUANTE: EXCLUSIVA DO MOBILE */
@media (min-width:769px){
    #vipMobileHomeFloat.vip-mobile-home-float{
        display:none !important;
    }
}

/* VIP • DESTAQUE CIANO: MENU FLUTUANTE + INÍCIO */
@media (max-width:768px){
    #vipMobileMenuFloat.vip-mobile-menu-float,
    #vipMobileHomeFloat.vip-mobile-home-float{
        background:linear-gradient(145deg,#071b4d 0%,#0b2f6b 100%)!important;
        color:#67e8f9!important;
        border:1.5px solid #22d3ee!important;
        box-shadow:0 5px 16px rgba(15,23,42,.24),0 0 0 1px rgba(103,232,249,.12) inset!important;
    }

    #vipMobileMenuFloat.vip-mobile-menu-float:hover,
    #vipMobileMenuFloat.vip-mobile-menu-float:active,
    #vipMobileHomeFloat.vip-mobile-home-float:hover,
    #vipMobileHomeFloat.vip-mobile-home-float:active{
        background:linear-gradient(145deg,#0b2f6b 0%,#075985 100%)!important;
        color:#cffafe!important;
        border-color:#67e8f9!important;
    }

    #vipMobileHomeFloat.vip-mobile-home-float svg{
        color:#67e8f9!important;
        fill:currentColor!important;
    }
}

/* VIP • CAROL FLUTUANTE: REFINO FINAL MOBILE */
@media(max-width:768px){
  /* Sobe só um pouco para não encobrir o crédito VIP no final do rodapé. */
  .vip-carol-float{
    bottom:20px!important;
  }

  /* Apenas acabamento de cor: dimensões e estrutura permanecem as mesmas. */
  .vip-carol-float__box{
    background:linear-gradient(135deg,#eefaff 0%,#ddf6ff 100%)!important;
    border:2px solid #22d3ee!important;
    box-shadow:0 4px 12px rgba(8,145,178,.22)!important;
  }
  .vip-carol-float__title::after{
    color:#0b3a75!important;
  }
  .vip-carol-float__avatar img{
    border-color:#22d3ee!important;
    box-shadow:0 6px 16px rgba(8,145,178,.24)!important;
  }
}


/* ==========================================================================
   MOBILE PREMIUM • MEUS LINKS — CADASTRO EM MASSA • 29/09/2026
   Somente <= 768px. Desktop permanece intocado.
   Esta seção é a fonte visual oficial do modal de Cadastro em Massa no mobile.
   ========================================================================== */
@media (max-width: 768px) {
    body.vip-bulk-modal-open {
        overflow: hidden !important;
    }

    .custom-links-page-container .btn-bulk-links {
        min-height: 40px !important;
        font-size: .70rem !important;
        border-radius: 7px !important;
        margin-top: 7px !important;
    }

    .custom-links-page-container .bulk-links-helper {
        font-size: .56rem !important;
        line-height: 1.3 !important;
    }

    .custom-links-page-container .single-link-check-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        margin-top: 5px !important;
    }

    .custom-links-page-container .btn-single-link-test {
        width: 100% !important;
        min-height: 34px !important;
        font-size: .59rem !important;
        border-radius: 6px !important;
    }

    .custom-links-page-container .single-link-status {
        margin-top: 5px !important;
        padding: 7px 8px !important;
        font-size: .55rem !important;
        line-height: 1.25 !important;
        border-radius: 6px !important;
    }

    .bulk-modal-backdrop {
        align-items: flex-end !important;
        padding: 0 !important;
        background: rgba(3, 13, 54, .72) !important;
    }

    .bulk-modal {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 94vh !important;
        margin: 0 !important;
        padding: 10px 9px 12px !important;
        border-radius: 14px 14px 0 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        box-shadow: 0 -12px 34px rgba(3,13,54,.28) !important;
    }

    .bulk-modal-head {
        position: sticky !important;
        top: -10px !important;
        z-index: 6 !important;
        margin: -10px -9px 8px !important;
        padding: 10px 9px 8px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #dbe7f3 !important;
    }

    .bulk-modal-head strong {
        font-size: .80rem !important;
        line-height: 1.15 !important;
    }

    .bulk-modal-head span {
        margin-top: 2px !important;
        font-size: .55rem !important;
        line-height: 1.25 !important;
    }

    .bulk-close {
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        border-radius: 7px !important;
    }

    .bulk-howto {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 5px !important;
        margin-bottom: 7px !important;
    }

    .bulk-howto > div {
        min-height: 48px !important;
        padding: 6px 7px !important;
        font-size: .54rem !important;
        line-height: 1.25 !important;
    }

    .bulk-toolbar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 5px !important;
        margin: 7px 0 !important;
    }

    .bulk-toolbar-btn {
        width: 100% !important;
        min-height: 34px !important;
        padding: 5px 6px !important;
        font-size: .57rem !important;
        margin: 0 !important;
    }

    .bulk-toolbar-clear {
        margin-left: 0 !important;
    }

    .bulk-limit-note {
        grid-column: 1 / -1 !important;
        text-align: center !important;
        font-size: .50rem !important;
    }

    .bulk-paste-box {
        padding: 8px !important;
        border-radius: 8px !important;
    }

    .bulk-paste-box label {
        font-size: .63rem !important;
    }

    .bulk-paste-box textarea {
        min-height: 120px !important;
        font-size: .60rem !important;
    }

    .bulk-paste-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
    }

    .bulk-mini-btn {
        min-height: 34px !important;
        font-size: .57rem !important;
    }

    /* No celular o cabeçalho da tabela vira legenda curta; cada linha vira um card. */
    .bulk-table-head {
        display: none !important;
    }

    .bulk-rows {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    .bulk-row {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 30px minmax(0, 1fr) 62px 30px !important;
        grid-template-areas:
            "idx name test remove"
            "idx url  test remove"
            "status status status status" !important;
        gap: 5px !important;
        align-items: center !important;
        padding: 7px !important;
        border: 1px solid #dbe3ee !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        box-shadow: 0 2px 6px rgba(15,23,42,.05) !important;
    }

    .bulk-index {
        grid-area: idx !important;
        width: 28px !important;
        height: 54px !important;
        border-radius: 6px !important;
        align-self: stretch !important;
        font-size: .61rem !important;
    }

    .bulk-name {
        grid-area: name !important;
    }

    .bulk-url {
        grid-area: url !important;
    }

    .bulk-name,
    .bulk-url {
        min-width: 0 !important;
        width: 100% !important;
        height: 30px !important;
        padding: 4px 7px !important;
        font-size: .61rem !important;
        border-radius: 5px !important;
    }

    .bulk-test-btn {
        grid-area: test !important;
        width: 62px !important;
        height: 54px !important;
        min-height: 54px !important;
        padding: 4px !important;
        white-space: normal !important;
        line-height: 1.1 !important;
        font-size: .55rem !important;
        border-radius: 6px !important;
    }

    .bulk-remove-btn {
        grid-area: remove !important;
        width: 28px !important;
        height: 54px !important;
        border-radius: 6px !important;
    }

    .bulk-status {
        grid-area: status !important;
        min-height: 38px !important;
        width: 100% !important;
        padding: 5px 7px !important;
        border-radius: 6px !important;
    }

    .bulk-status span {
        font-size: .57rem !important;
        white-space: normal !important;
        line-height: 1.15 !important;
    }

    .bulk-status small {
        margin-top: 1px !important;
        font-size: .49rem !important;
        white-space: normal !important;
        line-height: 1.2 !important;
    }

    .bulk-summary {
        margin-top: 7px !important;
        padding: 7px 8px !important;
        font-size: .56rem !important;
        line-height: 1.3 !important;
        border-radius: 7px !important;
    }

    .bulk-result-panel {
        margin-top: 7px !important;
        border-radius: 7px !important;
    }

    .bulk-result-title {
        padding: 7px 8px !important;
        font-size: .61rem !important;
    }

    .bulk-result-item {
        padding: 7px 8px !important;
        gap: 6px !important;
    }

    .bulk-result-item strong {
        font-size: .58rem !important;
    }

    .bulk-result-item small {
        font-size: .50rem !important;
        line-height: 1.2 !important;
    }

    .bulk-modal-actions {
        position: sticky !important;
        bottom: -12px !important;
        z-index: 5 !important;
        display: grid !important;
        grid-template-columns: .75fr 1fr 1.25fr !important;
        gap: 5px !important;
        margin: 8px -9px -12px !important;
        padding: 8px 9px calc(8px + env(safe-area-inset-bottom)) !important;
        background: #ffffff !important;
        border-top: 1px solid #dbe7f3 !important;
        box-shadow: 0 -4px 14px rgba(15,23,42,.06) !important;
    }

    .bulk-action {
        min-width: 0 !important;
        min-height: 36px !important;
        padding: 5px 4px !important;
        font-size: .55rem !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }

    .custom-links-page-container .meus-links-info-note-bulk {
        font-size: .57rem !important;
        line-height: 1.3 !important;
    }
}

@media (max-width: 390px) {
    .bulk-howto {
        grid-template-columns: 1fr !important;
    }

    .bulk-row {
        grid-template-columns: 28px minmax(0, 1fr) 56px 28px !important;
        gap: 4px !important;
        padding: 6px !important;
    }

    .bulk-test-btn {
        width: 56px !important;
        font-size: .52rem !important;
    }

    .bulk-modal-actions {
        grid-template-columns: 1fr !important;
    }

    .bulk-action {
        min-height: 34px !important;
    }
}

/* ========================================================================== 
   MOBILE PREMIUM V2 • MEUS LINKS / CADASTRO EM MASSA • CORREÇÃO 29/09/2026
   Fonte final para <=768px. Mantém desktop intocado.
   Objetivo: modal em formato de tela de app, compacto, sem estouro horizontal.
   ========================================================================== */
@media (max-width: 768px) {
    .bulk-modal-backdrop {
        align-items: stretch !important;
        justify-content: stretch !important;
        padding: 0 !important;
    }

    .bulk-modal {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 8px 72px !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-shadow: none !important;
    }

    .bulk-modal-head {
        top: 0 !important;
        margin: 0 -8px 6px !important;
        padding: 7px 8px !important;
        min-height: 50px !important;
        align-items: center !important;
    }

    .bulk-modal-head strong {
        font-size: .72rem !important;
        line-height: 1.1 !important;
    }

    .bulk-modal-head span {
        font-size: .48rem !important;
        line-height: 1.15 !important;
        margin-top: 1px !important;
    }

    .bulk-close {
        width: 29px !important;
        min-width: 29px !important;
        height: 29px !important;
        font-size: .75rem !important;
    }

    .bulk-howto {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 4px !important;
        margin: 5px 0 !important;
    }

    .bulk-howto > div {
        min-height: 0 !important;
        padding: 4px 5px !important;
        font-size: .46rem !important;
        line-height: 1.16 !important;
        border-radius: 5px !important;
    }

    .bulk-toolbar {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 4px !important;
        margin: 5px 0 6px !important;
    }

    .bulk-toolbar-group {
        display: grid !important;
        grid-template-columns: 54px repeat(3, minmax(0,1fr)) !important;
        align-items: center !important;
        gap: 3px !important;
        width: 100% !important;
        padding: 3px !important;
        border-radius: 6px !important;
    }

    .bulk-toolbar-actions-group {
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }

    .bulk-toolbar-actions-group .bulk-toolbar-label {
        display: none !important;
    }

    .bulk-toolbar-label {
        padding: 0 2px !important;
        font-size: .43rem !important;
        text-align: center !important;
    }

    .bulk-toolbar-btn {
        min-width: 0 !important;
        width: 100% !important;
        min-height: 27px !important;
        height: 27px !important;
        padding: 2px 3px !important;
        font-size: .48rem !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        border-radius: 5px !important;
    }

    .bulk-limit-note {
        grid-column: 1 !important;
        margin: 0 !important;
        text-align: right !important;
        font-size: .43rem !important;
        line-height: 1 !important;
    }

    .bulk-rows {
        gap: 4px !important;
    }

    .bulk-row {
        grid-template-columns: 24px minmax(0,1fr) 52px 25px !important;
        grid-template-areas:
            "idx name test remove"
            "idx url test remove"
            "status status status status" !important;
        gap: 3px !important;
        padding: 5px !important;
        border-radius: 6px !important;
    }

    .bulk-index {
        width: 22px !important;
        height: 48px !important;
        font-size: .51rem !important;
        border-radius: 5px !important;
    }

    .bulk-name,
    .bulk-url {
        height: 23px !important;
        min-height: 23px !important;
        padding: 2px 5px !important;
        font-size: .52rem !important;
        line-height: 1 !important;
        border-radius: 4px !important;
    }

    .bulk-test-btn {
        width: 52px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 2px !important;
        font-size: .47rem !important;
        border-radius: 5px !important;
    }

    .bulk-remove-btn {
        width: 25px !important;
        height: 48px !important;
        min-height: 48px !important;
        font-size: .68rem !important;
        border-radius: 5px !important;
    }

    .bulk-status {
        min-height: 27px !important;
        padding: 4px 5px !important;
        border-radius: 5px !important;
    }

    .bulk-status span {
        font-size: .49rem !important;
        line-height: 1.05 !important;
    }

    .bulk-status small {
        font-size: .43rem !important;
        line-height: 1.08 !important;
        margin-top: 1px !important;
    }

    .bulk-summary {
        margin-top: 5px !important;
        padding: 5px 6px !important;
        font-size: .48rem !important;
        line-height: 1.18 !important;
        border-radius: 5px !important;
    }

    .bulk-paste-box {
        padding: 6px !important;
    }

    .bulk-paste-box textarea {
        min-height: 82px !important;
        font-size: .52rem !important;
    }

    .bulk-modal-actions {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 1000010 !important;
        display: grid !important;
        grid-template-columns: .65fr 1fr 1.25fr !important;
        gap: 4px !important;
        margin: 0 !important;
        padding: 6px 8px calc(6px + env(safe-area-inset-bottom)) !important;
        background: #fff !important;
        border-top: 1px solid #dbe7f3 !important;
        box-shadow: 0 -3px 10px rgba(15,23,42,.08) !important;
    }

    .bulk-action {
        min-height: 31px !important;
        padding: 3px !important;
        font-size: .48rem !important;
        line-height: 1.05 !important;
        border-radius: 5px !important;
    }
}

@media (max-width: 390px) {
    .bulk-howto { grid-template-columns: 1fr 1fr !important; }
    .bulk-toolbar-group { grid-template-columns: 48px repeat(3,minmax(0,1fr)) !important; }
    .bulk-row { grid-template-columns: 22px minmax(0,1fr) 48px 23px !important; }
    .bulk-test-btn { width: 48px !important; }
    .bulk-modal-actions { grid-template-columns: .62fr 1fr 1.18fr !important; }
}


/* ==========================================================================
   MOBILE PREMIUM FINAL • MEUS LINKS + CENTRAL • 29/09/2026
   Última camada de ajuste. Somente <=768px; desktop não é alterado.
   ========================================================================== */
@media (max-width:768px){
    /* Cadastro em massa: leitura mais confortável e rolagem garantida. */
    .bulk-modal{
        overflow-y:auto !important;
        -webkit-overflow-scrolling:touch !important;
        overscroll-behavior-y:contain !important;
        padding-bottom:84px !important;
    }
    .bulk-modal-head strong{font-size:.86rem !important;}
    .bulk-modal-head span{font-size:.58rem !important;line-height:1.28 !important;}
    .bulk-howto>div{font-size:.56rem !important;line-height:1.3 !important;}
    .bulk-toolbar-label{font-size:.50rem !important;}
    .bulk-toolbar-btn{font-size:.57rem !important;min-height:31px !important;height:31px !important;}
    .bulk-limit-note{font-size:.50rem !important;}
    .bulk-name,.bulk-url{
        height:31px !important;
        min-height:31px !important;
        font-size:.63rem !important;
        line-height:1.15 !important;
    }
    .bulk-index{font-size:.59rem !important;height:64px !important;}
    .bulk-test-btn{
        height:64px !important;
        min-height:64px !important;
        font-size:.56rem !important;
    }
    .bulk-remove-btn{height:64px !important;min-height:64px !important;}
    .bulk-status{min-height:36px !important;}
    .bulk-status span{font-size:.58rem !important;line-height:1.18 !important;}
    .bulk-status small{font-size:.51rem !important;line-height:1.22 !important;}
    .bulk-summary{font-size:.56rem !important;line-height:1.32 !important;}
    .bulk-action{font-size:.55rem !important;min-height:35px !important;}

    /* Central recolhida: botão Abrir isolado, sem artefato/estouro no lado direito. */
    #bottomRank50Container .mobile-rank-collapse-btn{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-width:70px !important;
        max-width:82px !important;
        min-height:30px !important;
        padding:4px 8px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        border:1px solid #93c5fd !important;
        background:#eff6ff !important;
        color:#1d4ed8 !important;
        font-size:.62rem !important;
        line-height:1 !important;
        border-radius:6px !important;
        box-shadow:none !important;
    }

    /* Meus Links na Home: tags com espaço e contador azul igual Central. */
    #homeMeusLinksSection .home-personal-tags{
        gap:4px !important;
        margin-left:5px !important;
    }
    #homeMeusLinksSection .recent20-count.click-count-active{
        background:#2563eb !important;
        border-color:#1d4ed8 !important;
        color:#fff !important;
    }
    #homeMeusLinksSection .recent20-timestamp{
        font-size:.50rem !important;
        padding:1px 3px !important;
    }
}


/* ==========================================================================
   MOBILE FINAL • MEUS LINKS — LEGIBILIDADE DA PÁGINA • 29/09/2026
   Usuário pediu fontes um pouco maiores sem perder o aspecto de app.
   ========================================================================== */
@media (max-width:768px){
  .custom-links-page-container{
    font-size:.76rem !important;
    padding-left:9px !important;
    padding-right:9px !important;
  }
  .custom-links-page-container .vip-page-hero-title{font-size:.92rem !important;}
  .custom-links-page-container .vip-page-hero-sub{font-size:.66rem !important;line-height:1.38 !important;}
  .custom-links-page-container .box-card-header,
  .custom-links-page-container .meus-links-info-title{font-size:.76rem !important;}
  .custom-links-page-container .field-group label{font-size:.64rem !important;}
  .custom-links-page-container .field-input-style,
  .custom-links-page-container input,
  .custom-links-page-container select,
  .custom-links-page-container textarea{
    font-size:.70rem !important;
    line-height:1.2 !important;
  }
  .custom-links-page-container .field-helper{font-size:.58rem !important;line-height:1.32 !important;}
  .custom-links-page-container .btn-submit-main,
  .custom-links-page-container .btn-bulk-links,
  .custom-links-page-container .btn-single-link-test{font-size:.65rem !important;}
  .custom-links-page-container .meus-links-info-item strong{font-size:.66rem !important;}
  .custom-links-page-container .meus-links-info-item span,
  .custom-links-page-container .meus-links-info-note{font-size:.59rem !important;line-height:1.35 !important;}
}


/* VIP • CORREÇÃO FINAL CENTRAL INTELIGENTE / MOBILE */
@media (max-width:768px){
  #bottomRank50Container .recent20-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    overflow:hidden!important;
  }
  #bottomRank50Container .recent20-title{
    min-width:0!important;
    max-width:100%!important;
  }
  #bottomRank50Container .mobile-rank-collapse-btn{
    position:static!important;
    inset:auto!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    min-height:29px!important;
    padding:4px 7px!important;
    margin:0!important;
    flex:0 0 68px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  #bottomRank50Container.mobile-rank-collapsed > .recent20-header > div:last-child{
    display:none!important;
  }
  #vipMobileHelpFloat.vip-mobile-help-float{
    right:14px!important;
    bottom:108px!important;
  }
  #btnBackToTop.btn-back-to-top{
    right:14px!important;
    bottom:154px!important;
  }
}


/* ==========================================================================
   MOBILE V22 — EVOLUÇÃO CONTÍNUA • 30/09/2026
   Card de atualização logo abaixo da Busca. Mantém a faixa 0800 existente.
   ========================================================================== */
@media (max-width:768px){
  #vipMainHeader .header-sub-row{display:flex!important;flex-direction:column!important;gap:5px!important;}
  #vipMainHeader .pro-search-input-wrapper{order:1!important;width:100%!important;}
  #vipMainHeader .vip-live-update-card{order:2!important;display:flex!important;align-items:center!important;gap:7px!important;width:100%!important;min-height:36px!important;padding:5px 9px!important;margin:0!important;border:1px solid rgba(34,211,238,.38)!important;border-radius:8px!important;background:linear-gradient(135deg,#0b3b82,#075985)!important;color:#fff!important;text-decoration:none!important;box-shadow:0 2px 7px rgba(2,6,23,.13)!important;}
  #vipMainHeader .vip-live-update-icon{font-size:14px!important;flex:0 0 auto!important;}
  #vipMainHeader .vip-live-update-copy{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.05!important;}
  #vipMainHeader .vip-live-update-copy strong{font-size:.61rem!important;font-weight:850!important;color:#fff!important;white-space:nowrap!important;}
  #vipMainHeader .vip-live-update-copy small{margin-top:3px!important;font-size:.51rem!important;font-weight:650!important;color:#bae6fd!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #vipMainHeader .vip-live-update-arrow{margin-left:auto!important;color:#67e8f9!important;font-size:18px!important;font-weight:900!important;}
  #vipMainHeader .vip-header-agenda-btn{display:none!important;}
  /* Reafirma a faixa institucional 0800 no mobile. */
  #vipMainHeader .vip-mobile-support-strip{display:flex!important;}
}
@media (min-width:769px){#vipMainHeader .vip-mobile-support-strip{display:none!important;}}


/* ==========================================================================
   MOBILE V23 — CARD DE ATUALIZAÇÃO EM UMA LINHA • 30/09/2026
   ========================================================================== */
@media (max-width:768px){
  #vipMainHeader .vip-live-update-card{
    min-height:38px!important;
    padding:6px 10px!important;
    border:1px solid rgba(96,165,250,.72)!important;
    background:linear-gradient(135deg,#0b2b78 0%,#0756a8 58%,#0877b9 100%)!important;
    box-shadow:0 3px 10px rgba(2,6,23,.18)!important;
  }
  #vipMainHeader .vip-live-update-copy{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
  #vipMainHeader .vip-live-update-copy strong{font-size:.60rem!important;color:#fff!important;flex:0 0 auto!important;}
  #vipMainHeader .vip-live-update-copy small{margin:0!important;font-size:.50rem!important;color:#dbeafe!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #vipMainHeader .vip-live-update-arrow{font-size:18px!important;color:#7dd3fc!important;}
}


/* ==========================================================================
   MOBILE V24 — EVOLUÇÃO VIP OCEANO • 30/09/2026
   Uma única linha visual, sem aumento desnecessário da primeira dobra.
   ========================================================================== */
@media (max-width:768px){
  #vipMainHeader .vip-live-update-card{
    min-height:38px!important;height:38px!important;padding:0 10px!important;
    background:linear-gradient(110deg,#061a45 0%,#073b72 54%,#087f9f 100%)!important;
    border:1px solid rgba(34,211,238,.66)!important;box-shadow:0 3px 10px rgba(2,6,23,.18)!important;
  }
  #vipMainHeader .vip-live-update-copy{flex:1 1 auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;min-width:0!important;white-space:nowrap!important;}
  #vipMainHeader .vip-live-update-copy strong{font-size:.65rem!important;line-height:1!important;flex:0 0 auto!important;}
  #vipMainHeader .vip-live-update-copy small{font-size:.57rem!important;line-height:1!important;margin:0!important;color:#d8f7ff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #vipMainHeader .vip-live-update-icon{font-size:14px!important;}
  #vipMainHeader .vip-live-update-arrow{font-size:18px!important;color:#67e8f9!important;}
}


/* ==========================================================================
   MOBILE V25 — CARD ATUALIZAÇÃO COMPACTO / LINHA ÚNICA / AZUL VIP SÓLIDO
   ========================================================================== */
@media (max-width:768px){
  #vipMainHeader .vip-live-update-card{
    min-height:34px!important;height:34px!important;padding:0 9px!important;gap:6px!important;
    background:#061a45!important;border:1px solid #2b72b8!important;
    box-shadow:0 2px 7px rgba(2,6,23,.16)!important;
  }
  #vipMainHeader .vip-live-update-copy{
    flex:1 1 auto!important;display:flex!important;flex-direction:row!important;
    align-items:center!important;gap:7px!important;min-width:0!important;white-space:nowrap!important;
  }
  #vipMainHeader .vip-live-update-copy strong{font-size:.68rem!important;line-height:1!important;white-space:nowrap!important;flex:0 0 auto!important;}
  #vipMainHeader .vip-live-update-copy small{font-size:.60rem!important;line-height:1!important;margin:0!important;color:#dbeafe!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;flex:0 1 auto!important;}
  #vipMainHeader .vip-live-update-copy small b{font-size:1.04em!important;font-weight:900!important;color:#fff!important;}
  #vipMainHeader .vip-live-update-icon{font-size:13px!important;line-height:1!important;}
  #vipMainHeader .vip-live-update-arrow{font-size:17px!important;line-height:1!important;color:#67e8f9!important;}
}


/* ==========================================================================
   MOBILE V26 — ATUALIZAÇÕES • LINHA ÚNICA • AZUL OCEANO SÓLIDO
   Ajuste final: card mais fino, texto maior e sem degradê.
   ========================================================================== */
@media (max-width:768px){
  #vipMainHeader .vip-live-update-card{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:30px!important;
    height:30px!important;
    padding:0 9px!important;
    gap:6px!important;
    background:#0b3b82!important;
    background-image:none!important;
    border:1px solid #2877bd!important;
    border-radius:8px!important;
    box-shadow:0 2px 6px rgba(2,6,23,.14)!important;
    overflow:hidden!important;
  }
  #vipMainHeader .vip-live-update-icon{
    flex:0 0 auto!important;
    font-size:13px!important;
    line-height:1!important;
  }
  #vipMainHeader .vip-live-update-copy{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  #vipMainHeader .vip-live-update-copy strong{
    flex:0 0 auto!important;
    margin:0!important;
    font-size:.70rem!important;
    line-height:1!important;
    font-weight:850!important;
    color:#fff!important;
    white-space:nowrap!important;
  }
  #vipMainHeader .vip-live-update-copy small{
    flex:0 1 auto!important;
    min-width:0!important;
    margin:0!important;
    font-size:.62rem!important;
    line-height:1!important;
    font-weight:700!important;
    color:#dbeafe!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #vipMainHeader .vip-live-update-copy small b{
    font-size:1.48em!important;
    font-weight:900!important;
    color:#fff!important;
  }
  #vipMainHeader .vip-live-update-arrow{
    flex:0 0 auto!important;
    margin-left:auto!important;
    font-size:16px!important;
    line-height:1!important;
    color:#67e8f9!important;
  }
}


/* ============================================================
   MEU PLANO MOBILE — preparado para o maior nome: BUSINESS
   - usuário cede um pouco de largura e pode quebrar em 2 linhas
   - área do plano fica maior
   - linha inferior dividida 50/50: plano atual | VIP Planos
   ============================================================ */
@media (max-width: 768px){
    #vipMainHeader .header-container > div:nth-child(2){
        grid-template-columns: minmax(0, 1fr) minmax(148px, 1.18fr) minmax(88px, .68fr) !important;
    }

    #vipMainHeader .user-top-name-label{
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    #vipMainHeader .vip-user-plan-field{
        min-width: 148px !important;
    }

    #vipMainHeader .vip-plan-actions{
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        align-items: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 0 !important;
    }

    #vipMainHeader .vip-plan-actions .user-plan-badge-top,
    #vipMainHeader .vip-planos-shortcut{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        min-height: 23px !important;
        margin: 0 !important;
        padding: 3px 4px !important;
        font-size: .61rem !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    #vipMainHeader .vip-plan-actions .user-plan-badge-top{
        border-radius: 6px 0 0 6px !important;
    }

    #vipMainHeader .vip-planos-shortcut{
        color: #dff7ff !important;
        background: rgba(0,229,255,.08) !important;
        border: 1px solid rgba(0,229,255,.30) !important;
        border-left: 0 !important;
        border-radius: 0 6px 6px 0 !important;
        letter-spacing: -.01em !important;
    }

    #vipMainHeader .vip-planos-shortcut span{
        margin-left: 2px !important;
        font-size: .78rem !important;
        line-height: .8 !important;
    }
}

/* ============================================================
   V8 — MOBILE: nome responsivo independente do card de plano.
   Mantém até 2 linhas no nome e dimensiona o plano para BUSINESS.
   ============================================================ */
@media (max-width:768px){
  #vipMainHeader .header-container > div:nth-child(2){
    grid-template-columns:minmax(0,1fr) minmax(166px,1fr)!important;
  }
  #vipMainHeader .user-top-identity{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  #vipMainHeader .user-top-name-label{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    line-height:1.1!important;
  }
  #vipMainHeader .vip-user-plan-field{
    width:100%!important;
    min-width:166px!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  #vipMainHeader .vip-plan-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
}


/* ============================================================
   V9 — PLANO ATUAL + VER PLANOS: ações independentes no mobile.
   O plano atual é informativo (sem link); somente Ver Planos navega.
   ============================================================ */
@media (max-width:768px){
  #vipMainHeader .vip-plan-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:5px!important;
  }
  #vipMainHeader .vip-plan-actions .user-plan-badge-top,
  #vipMainHeader .vip-planos-shortcut{
    border-radius:6px!important;
  }
  #vipMainHeader .vip-planos-shortcut{
    border-left:1px solid rgba(0,229,255,.30)!important;
  }
}

/* V12 — última regra mobile: impede Plano/Ver Planos de aumentarem a linha. */
@media (max-width:768px){
  #vipMainHeader .header-container>div:nth-child(2)>.user-top-identity,
  #vipMainHeader .header-container>div:nth-child(2)>.vip-user-plan-field,
  #vipMainHeader .header-container>div:nth-child(2)>.vip-planos-card{
    height:38px!important;min-height:38px!important;max-height:38px!important;box-sizing:border-box!important;margin:0!important;
  }
  #vipMainHeader .header-container>div:nth-child(2)>.vip-user-plan-field{padding:2px 4px!important;gap:1px!important;justify-content:center!important;}
  #vipMainHeader .vip-plan-field-label{font-size:.43rem!important;line-height:1!important;margin:0!important;}
  #vipMainHeader .vip-user-plan-field .user-plan-badge-top{height:18px!important;min-height:18px!important;max-height:18px!important;padding:0 3px!important;margin:0!important;font-size:.54rem!important;line-height:18px!important;}
  #vipMainHeader .header-container>div:nth-child(2)>.vip-planos-card{padding:0 4px!important;line-height:1!important;}
}
\n/* VIP • FINAL MOBILE 30/09/2026 — sem alterar desktop */\n@media(max-width:768px){\n  #homeMeusLinksSection .home-personal-links-grid{grid-template-columns:1fr!important;grid-auto-flow:row!important;}\n  #vipMainHeader>.vip-mobile-support-strip{border-top:0!important;background:linear-gradient(180deg,#0b4f9c 0%,#082b68 58%,#061d49 100%)!important;}\n}\n

/* =====================================================================================
   BUSCA INTELIGENTE VIP • SEGUNDA ETAPA WEB • MOBILE PREMIUM
   ===================================================================================== */
@media(max-width:768px){
    body.vip-mobile-search-active #searchResultsContainer.vip-search-results-shell{
        margin:0 0 8px!important;
        padding:7px!important;
        border-radius:9px!important;
        border-color:#c5d5e7!important;
        box-shadow:0 4px 12px rgba(15,23,42,.05)!important;
        background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%)!important;
    }
    body.vip-mobile-search-active .vip-search-toolbar{
        margin-bottom:5px!important;
        gap:5px!important;
    }
    body.vip-mobile-search-active .vip-search-meta-row{
        margin-bottom:5px!important;
        gap:4px!important;
    }
    body.vip-mobile-search-active .vip-search-meta-main{
        font-size:.58rem!important;
        font-weight:750!important;
    }
    body.vip-mobile-search-active .vip-search-meta-notice{
        font-size:.49rem!important;
        padding:2px 5px!important;
        border-radius:4px!important;
    }
    body.vip-mobile-search-active .vip-search-local-label{
        margin:7px 0 5px!important;
        font-size:.55rem!important;
    }
    body.vip-mobile-search-active .vip-web-search-bridge{
        margin:5px 0 7px!important;
    }
    body.vip-mobile-search-active .vip-web-search-cta{
        grid-template-columns:34px minmax(0,1fr)!important;
        gap:7px!important;
        min-height:0!important;
        padding:7px!important;
        border-left-width:3px!important;
        border-radius:8px!important;
    }
    body.vip-mobile-search-active .vip-web-search-icon{
        width:32px!important;
        height:32px!important;
        border-radius:8px!important;
        font-size:.90rem!important;
    }
    body.vip-mobile-search-active .vip-web-search-title-row{
        gap:4px!important;
        flex-wrap:wrap!important;
    }
    body.vip-mobile-search-active .vip-web-search-plan-badge{
        min-height:15px!important;
        padding:1px 4px!important;
        font-size:.42rem!important;
        border-radius:4px!important;
    }
    body.vip-mobile-search-active .vip-web-search-copy strong{
        font-size:.61rem!important;
        line-height:1.15!important;
    }
    body.vip-mobile-search-active .vip-web-search-copy span{
        margin-top:2px!important;
        font-size:.50rem!important;
        line-height:1.28!important;
    }
    body.vip-mobile-search-active .vip-web-search-quota{
        margin-top:3px!important;
        font-size:.45rem!important;
        line-height:1.2!important;
    }
    body.vip-mobile-search-active .vip-web-search-btn{
        grid-column:1/-1!important;
        width:100%!important;
        min-height:31px!important;
        margin-top:1px!important;
        font-size:.56rem!important;
        border-radius:7px!important;
    }
    body.vip-mobile-search-active .vip-web-search-status{
        margin-top:5px!important;
        padding:6px 7px!important;
        border-radius:7px!important;
        font-size:.53rem!important;
    }
    body.vip-mobile-search-active .vip-web-results-wrap{
        margin-top:6px!important;
        padding:7px!important;
        border-radius:9px!important;
    }
    body.vip-mobile-search-active .vip-web-results-head{
        align-items:flex-start!important;
        gap:6px!important;
        margin-bottom:6px!important;
    }
    body.vip-mobile-search-active .vip-web-results-head strong{
        font-size:.61rem!important;
    }
    body.vip-mobile-search-active .vip-web-results-head span{
        font-size:.48rem!important;
    }
    body.vip-mobile-search-active .vip-web-search-again{
        min-height:26px!important;
        padding:0 7px!important;
        font-size:.48rem!important;
        white-space:nowrap!important;
    }
    body.vip-mobile-search-active .vip-web-results-grid{
        grid-template-columns:1fr!important;
        gap:5px!important;
    }
    body.vip-mobile-search-active .vip-web-result-card{
        padding:7px!important;
        border-radius:8px!important;
        box-shadow:none!important;
    }
    body.vip-mobile-search-active .vip-web-result-top{
        grid-template-columns:27px minmax(0,1fr)!important;
        gap:6px!important;
    }
    body.vip-mobile-search-active .vip-web-result-icon{
        width:26px!important;
        height:26px!important;
        border-radius:7px!important;
        font-size:.72rem!important;
    }
    body.vip-mobile-search-active .vip-web-result-heading strong{
        font-size:.60rem!important;
    }
    body.vip-mobile-search-active .vip-web-result-heading span{
        font-size:.48rem!important;
    }
    body.vip-mobile-search-active .vip-web-result-description{
        min-height:0!important;
        margin:5px 0 6px!important;
        font-size:.52rem!important;
        line-height:1.32!important;
    }
    body.vip-mobile-search-active .vip-web-result-actions{
        gap:5px!important;
    }
    body.vip-mobile-search-active .vip-web-open-btn,
    body.vip-mobile-search-active .vip-web-add-btn{
        min-height:29px!important;
        font-size:.50rem!important;
        border-radius:6px!important;
    }
    body.vip-mobile-search-active .vip-web-open-btn{
        padding:0 7px!important;
    }
    body.vip-mobile-search-active .vip-web-add-btn{
        padding:0 7px!important;
    }

    .vip-search-modal-overlay{
        align-items:flex-end!important;
        padding:0!important;
        background:rgba(2,11,45,.66)!important;
    }
    .vip-search-modal{
        width:100%!important;
        max-width:none!important;
        max-height:92dvh!important;
        border:0!important;
        border-radius:16px 16px 0 0!important;
        box-shadow:0 -18px 45px rgba(2,11,45,.28)!important;
    }
    .vip-search-modal-head{
        padding:12px 42px 12px 12px!important;
        gap:8px!important;
    }
    .vip-search-modal-icon{
        width:33px!important;
        height:33px!important;
        border-radius:8px!important;
        font-size:.90rem!important;
    }
    .vip-search-modal-head strong{
        font-size:.70rem!important;
    }
    .vip-search-modal-head span{
        font-size:.51rem!important;
    }
    .vip-search-modal-close{
        right:8px!important;
        top:7px!important;
    }
    .vip-search-modal-body{
        padding:11px 11px 7px!important;
    }
    .vip-search-field{
        margin-bottom:8px!important;
        gap:3px!important;
    }
    .vip-search-field>span{
        font-size:.55rem!important;
    }
    .vip-search-field input{
        min-height:38px!important;
        font-size:.63rem!important;
        border-radius:8px!important;
    }
    .vip-search-url-preview{
        min-height:35px!important;
        padding:7px 8px!important;
        font-size:.52rem!important;
        border-radius:8px!important;
    }
    .vip-search-suggest-row{
        grid-template-columns:17px minmax(0,1fr)!important;
        padding:7px 8px!important;
        border-radius:8px!important;
    }
    .vip-search-suggest-row b{
        font-size:.55rem!important;
    }
    .vip-search-suggest-row small{
        font-size:.48rem!important;
    }
    .vip-search-modal-feedback{
        font-size:.52rem!important;
    }
    .vip-search-modal-actions{
        position:sticky!important;
        bottom:0!important;
        padding:8px 11px calc(8px + env(safe-area-inset-bottom))!important;
        background:#f8fafc!important;
    }
    .vip-search-modal-cancel,
    .vip-search-modal-save{
        flex:1!important;
        min-height:36px!important;
        padding:0 8px!important;
        font-size:.54rem!important;
    }
}


/* =========================================================
   VIP • BUSCA WEB PREMIUM • AJUSTE MOBILE V4 • 01/10/2026
   - Tipografia um pouco maior e legível
   - Mantém o bloco compacto
   - Botões dos resultados Web lado a lado
   - Não altera desktop
   ========================================================= */
@media (max-width:768px){
  body.vip-mobile-search-active .vip-web-search-bridge{
    margin:4px 0 6px!important;
  }
  body.vip-mobile-search-active .vip-web-search-cta{
    grid-template-columns:30px minmax(0,1fr) auto!important;
    gap:6px!important;
    padding:6px 7px!important;
    min-height:44px!important;
    border-radius:8px!important;
  }
  body.vip-mobile-search-active .vip-web-search-icon{
    width:29px!important;
    height:29px!important;
    border-radius:7px!important;
    font-size:.84rem!important;
  }
  body.vip-mobile-search-active .vip-web-search-copy{
    display:block!important;
    min-width:0!important;
  }
  body.vip-mobile-search-active .vip-web-search-title-row{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    flex-wrap:nowrap!important;
    min-width:0!important;
  }
  body.vip-mobile-search-active .vip-web-search-plan-badge{
    font-size:.43rem!important;
    line-height:1.1!important;
    padding:2px 4px!important;
    min-height:14px!important;
    flex:0 0 auto!important;
  }
  body.vip-mobile-search-active .vip-web-search-title-row strong{
    font-size:.62rem!important;
    line-height:1.18!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    min-width:0!important;
  }
  body.vip-mobile-search-active .vip-web-search-integration{
    display:flex!important;
    align-items:center!important;
    border:0!important;
    padding:2px 0 0!important;
    gap:3px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  body.vip-mobile-search-active .vip-web-search-integration b{
    font-size:.52rem!important;
    line-height:1.18!important;
    flex:0 0 auto!important;
  }
  body.vip-mobile-search-active .vip-web-search-integration span{
    font-size:.49rem!important;
    line-height:1.18!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.vip-mobile-search-active .vip-web-search-quota{
    font-size:.47rem!important;
    line-height:1.15!important;
    margin-top:2px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.vip-mobile-search-active .vip-web-search-btn{
    grid-column:auto!important;
    width:auto!important;
    min-width:82px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0 7px!important;
    font-size:.52rem!important;
    border-radius:6px!important;
    white-space:nowrap!important;
  }

  /* Resultados Web: os dois botões ficam SEMPRE na mesma linha no mobile */
  body.vip-mobile-search-active .vip-web-result-actions{
    display:grid!important;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;
    gap:4px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  body.vip-mobile-search-active .vip-web-open-btn,
  body.vip-mobile-search-active .vip-web-add-btn{
    width:100%!important;
    min-width:0!important;
    min-height:27px!important;
    padding:0 5px!important;
    margin:0!important;
    border-radius:6px!important;
    font-size:.48rem!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media (max-width:430px){
  body.vip-mobile-search-active .vip-web-search-cta{
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:5px!important;
    padding:6px!important;
  }
  body.vip-mobile-search-active .vip-web-search-icon{
    width:27px!important;
    height:27px!important;
  }
  body.vip-mobile-search-active .vip-web-search-title-row strong{
    font-size:.59rem!important;
  }
  body.vip-mobile-search-active .vip-web-search-integration b{
    font-size:.50rem!important;
  }
  body.vip-mobile-search-active .vip-web-search-integration span{
    display:none!important;
  }
  body.vip-mobile-search-active .vip-web-search-quota{
    font-size:.45rem!important;
  }
  body.vip-mobile-search-active .vip-web-search-btn{
    grid-column:auto!important;
    width:auto!important;
    min-width:76px!important;
    min-height:27px!important;
    margin:0!important;
    padding:0 5px!important;
    font-size:.48rem!important;
  }
  body.vip-mobile-search-active .vip-web-result-actions{
    grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)!important;
    gap:3px!important;
  }
  body.vip-mobile-search-active .vip-web-open-btn,
  body.vip-mobile-search-active .vip-web-add-btn{
    min-height:26px!important;
    padding:0 4px!important;
    font-size:.45rem!important;
  }
}

/* ==================================================================================
   PLANOS PREMIUM • 01/10/2026
   Página: planos.php
   REGRA: somente mobile <= 768px. Desktop permanece controlado pela própria página.
   ================================================================================== */
@media (max-width: 768px) {
    #vipPlansPremium.vip-plans-page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 7px auto 24px !important;
        padding: 0 9px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #vipPlansPremium .vip-plans-hero {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 16px 13px !important;
        border-radius: 13px !important;
        box-shadow: 0 8px 22px rgba(2,8,23,.16) !important;
    }

    #vipPlansPremium .vip-plans-hero:before,
    #vipPlansPremium .vip-plans-hero:after { opacity: .55 !important; }

    #vipPlansPremium .vip-plans-kicker {
        padding: 4px 7px !important;
        font-size: .50rem !important;
        letter-spacing: .035em !important;
    }

    #vipPlansPremium .vip-plans-hero h1 {
        margin: 8px 0 6px !important;
        font-size: 1.18rem !important;
        line-height: 1.08 !important;
        letter-spacing: -.035em !important;
    }

    #vipPlansPremium .vip-plans-hero p {
        font-size: .64rem !important;
        line-height: 1.45 !important;
    }

    #vipPlansPremium .vip-plans-hero-pills {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 5px !important;
        margin-top: 10px !important;
    }

    #vipPlansPremium .vip-plans-hero-pill {
        min-width: 0 !important;
        padding: 5px 6px !important;
        border-radius: 6px !important;
        font-size: .51rem !important;
        line-height: 1.2 !important;
        justify-content: center !important;
        text-align: center !important;
    }

    #vipPlansPremium .vip-plans-current {
        padding: 10px 11px !important;
        border-radius: 9px !important;
    }

    #vipPlansPremium .vip-plans-current-label { font-size: .47rem !important; }
    #vipPlansPremium .vip-plans-current strong { margin: 3px 0 1px !important; font-size: .88rem !important; }
    #vipPlansPremium .vip-plans-current span { font-size: .54rem !important; }
    #vipPlansPremium .vip-plans-current-note { margin-top: 7px !important; padding-top: 7px !important; font-size: .50rem !important; }

    #vipPlansPremium .vip-plans-intro {
        display: block !important;
        margin: 16px 1px 8px !important;
    }

    #vipPlansPremium .vip-plans-intro h2 { font-size: .94rem !important; line-height: 1.12 !important; }
    #vipPlansPremium .vip-plans-intro p { margin-top: 4px !important; font-size: .58rem !important; line-height: 1.4 !important; }
    #vipPlansPremium .vip-plans-lock { margin-top: 7px !important; padding: 5px 7px !important; font-size: .52rem !important; border-radius: 6px !important; }

    #vipPlansPremium .vip-plans-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    #vipPlansPremium .vip-plan-card {
        border-radius: 12px !important;
        box-shadow: 0 5px 15px rgba(15,23,42,.06) !important;
        transform: none !important;
    }

    #vipPlansPremium .vip-plan-card.pro { border-width: 1.5px !important; }
    #vipPlansPremium .vip-plan-topline { height: 4px !important; }
    #vipPlansPremium .vip-plan-head { padding: 11px 11px 8px !important; }
    #vipPlansPremium .vip-plan-badges { min-height: 20px !important; }
    #vipPlansPremium .vip-plan-label,
    #vipPlansPremium .vip-plan-current-tag { padding: 3px 6px !important; font-size: .45rem !important; }
    #vipPlansPremium .vip-plan-name { gap: 6px !important; margin-top: 7px !important; }
    #vipPlansPremium .vip-plan-name i { font-size: .94rem !important; }
    #vipPlansPremium .vip-plan-name h3 { font-size: .94rem !important; }
    #vipPlansPremium .vip-plan-audience { min-height: 0 !important; margin-top: 4px !important; font-size: .54rem !important; line-height: 1.35 !important; }
    #vipPlansPremium .vip-plan-price { margin: 9px 0 2px !important; }
    #vipPlansPremium .vip-plan-price strong { font-size: 1.38rem !important; }
    #vipPlansPremium .vip-plan-price sup { font-size: .68rem !important; }
    #vipPlansPremium .vip-plan-price small { font-size: .49rem !important; }
    #vipPlansPremium .vip-plan-users { margin-top: 5px !important; padding: 4px 6px !important; font-size: .50rem !important; }

    #vipPlansPremium .vip-plan-body { padding: 0 11px 11px !important; }
    #vipPlansPremium .vip-plan-callout { min-height: 0 !important; margin-bottom: 8px !important; padding: 7px 8px !important; border-radius: 7px !important; font-size: .54rem !important; line-height: 1.38 !important; }
    #vipPlansPremium .vip-plan-feature-title { margin-bottom: 6px !important; font-size: .47rem !important; }
    #vipPlansPremium .vip-plan-features { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 5px 8px !important; }
    #vipPlansPremium .vip-plan-features li { min-width: 0 !important; padding-left: 16px !important; font-size: .50rem !important; line-height: 1.28 !important; }
    #vipPlansPremium .vip-plan-features li:before { width: 12px !important; height: 12px !important; font-size: .44rem !important; }
    #vipPlansPremium .vip-plan-micro { padding-top: 9px !important; font-size: .47rem !important; }
    #vipPlansPremium .vip-plan-btn { min-height: 34px !important; margin-top: 8px !important; border-radius: 7px !important; font-size: .55rem !important; }

    #vipPlansPremium .vip-plans-note {
        grid-template-columns: 31px 1fr !important;
        gap: 8px !important;
        margin-top: 9px !important;
        padding: 9px !important;
        border-radius: 9px !important;
    }
    #vipPlansPremium .vip-plans-note-icon { width: 31px !important; height: 31px !important; border-radius: 7px !important; font-size: .82rem !important; }
    #vipPlansPremium .vip-plans-note strong { font-size: .57rem !important; }
    #vipPlansPremium .vip-plans-note p { font-size: .49rem !important; line-height: 1.35 !important; }

    #vipPlansPremium .vip-plans-section { margin-top: 18px !important; }
    #vipPlansPremium .vip-plans-section-head { margin-bottom: 9px !important; }
    #vipPlansPremium .vip-plans-section-head .eyebrow { font-size: .47rem !important; }
    #vipPlansPremium .vip-plans-section-head h2 { margin: 3px 0 4px !important; font-size: .94rem !important; }
    #vipPlansPremium .vip-plans-section-head p { font-size: .54rem !important; line-height: 1.4 !important; }

    #vipPlansPremium .vip-plans-journey {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 6px !important;
    }
    #vipPlansPremium .vip-journey-card { padding: 9px !important; border-radius: 9px !important; }
    #vipPlansPremium .vip-journey-num { width: 22px !important; height: 22px !important; margin-bottom: 6px !important; border-radius: 6px !important; font-size: .52rem !important; }
    #vipPlansPremium .vip-journey-card b { font-size: .56rem !important; }
    #vipPlansPremium .vip-journey-card span { font-size: .48rem !important; line-height: 1.32 !important; }

    #vipPlansPremium .vip-compare-wrap { border-radius: 10px !important; }
    #vipPlansPremium .vip-compare-scroll { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
    #vipPlansPremium .vip-compare { min-width: 720px !important; }
    #vipPlansPremium .vip-compare th,
    #vipPlansPremium .vip-compare td { padding: 7px 8px !important; font-size: .50rem !important; }
    #vipPlansPremium .vip-compare thead th:first-child { width: 32% !important; }
    #vipPlansPremium .vip-compare .group-row td { padding: 6px 8px !important; font-size: .46rem !important; }
    #vipPlansPremium .vip-compare-foot { padding: 7px 8px !important; font-size: .45rem !important; }

    #vipPlansPremium .vip-plans-faq { grid-template-columns: 1fr !important; gap: 6px !important; }
    #vipPlansPremium .vip-faq-item { padding: 9px 10px !important; border-radius: 8px !important; }
    #vipPlansPremium .vip-faq-item strong { font-size: .56rem !important; margin-bottom: 3px !important; }
    #vipPlansPremium .vip-faq-item p { font-size: .49rem !important; line-height: 1.38 !important; }

    #vipPlansPremium .vip-plans-final { margin-top: 17px !important; padding: 15px 12px !important; border-radius: 11px !important; }
    #vipPlansPremium .vip-plans-final h2 { font-size: .88rem !important; }
    #vipPlansPremium .vip-plans-final p { font-size: .53rem !important; line-height: 1.4 !important; }
    #vipPlansPremium .vip-plans-final-badge { margin-top: 8px !important; padding: 5px 7px !important; font-size: .49rem !important; }
}

@media (max-width: 390px) {
    #vipPlansPremium .vip-plan-features { grid-template-columns: 1fr !important; }
    #vipPlansPremium .vip-plans-hero-pills { grid-template-columns: 1fr 1fr !important; }
}

/* ==========================================================================\n   PLANOS VIP V4 — MOBILE PREMIUM OFICIAL\n   ========================================================================== */
@media (max-width:768px){
 body .vip-pricing{width:calc(100% - 16px)!important;margin:8px auto 26px!important;max-width:none!important}
 body .vip-pricing-hero{min-height:0!important;padding:22px 18px 260px!important;border-radius:18px!important;display:block!important}
 body .vip-pricing-hero h1{font-size:1.72rem!important;line-height:1.03!important;margin:12px 0 9px!important;max-width:100%!important}
 body .vip-pricing-hero p{font-size:.72rem!important;line-height:1.55!important}
 body .vip-kicker{font-size:.55rem!important;padding:6px 8px!important}
 body .vip-hero-benefits{gap:10px!important;margin-top:15px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}
 body .vip-hero-benefit{display:block!important;text-align:center!important;max-width:none!important}
 body .vip-hero-benefit i{margin:0 auto 5px!important;width:30px!important;height:30px!important}
 body .vip-hero-benefit b{font-size:.55rem!important} body .vip-hero-benefit span{font-size:.49rem!important}
 body .vip-device-stage{right:0!important;left:0!important;top:auto!important;bottom:8px!important;width:100%!important;height:240px!important}
 body .vip-desktop-shot{left:6%!important;top:40px!important;width:72%!important;height:168px!important;border-radius:9px!important}
 body .vip-phone-shot{right:6%!important;top:4px!important;width:28%!important;height:220px!important;border-radius:22px!important}
 body .vip-device-note{display:none!important}
 body .vip-acquisition{padding:11px 12px!important;display:block!important;text-align:center!important;margin:10px 0 16px!important}
 body .vip-acquisition strong{display:block!important;font-size:.7rem!important} body .vip-acquisition span{display:block!important;font-size:.57rem!important;margin-top:3px!important}
 body .vip-acquisition-badge{display:inline-flex!important;margin-top:8px!important;font-size:.53rem!important}
 body .vip-plan-grid{grid-template-columns:1fr!important;gap:16px!important}
 body .vip-card{padding:18px 16px 15px!important;border-radius:17px!important}
 body .vip-card.pro{transform:none!important}
 body .vip-plan-title h2{font-size:1.2rem!important}.vip-plan-desc{min-height:0!important;font-size:.65rem!important}
 body .vip-price b{font-size:1.65rem!important}.vip-features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 10px!important}
 body .vip-features li{font-size:.58rem!important}.vip-card-micro{min-height:0!important;margin-bottom:8px!important}
 body .vip-value-strip{grid-template-columns:1fr 1fr!important;margin:16px 0 24px!important;border-radius:14px!important}
 body .vip-value-item{padding:11px!important;border-bottom:1px solid #e9eff7!important}.vip-value-item b{font-size:.58rem!important}.vip-value-item span{font-size:.51rem!important}
 body .vip-compare-head{display:block!important}.vip-compare-head h2{font-size:1.22rem!important}.vip-compare-head p{font-size:.58rem!important}.vip-legend{margin-top:8px!important;font-size:.5rem!important;white-space:normal!important}
 body .vip-compare-shell{border-radius:13px!important}.vip-compare{min-width:760px!important}.vip-compare th,.vip-compare td{padding:8px 9px!important;font-size:.56rem!important}
 body .vip-faq{grid-template-columns:1fr!important;gap:8px!important;margin-top:20px!important}.vip-faq article{padding:12px!important}.vip-faq b{font-size:.63rem!important}.vip-faq p{font-size:.55rem!important}
}

/* ==========================================================================\n   PLANOS VIP V5 — REFINAMENTO PREMIUM MOBILE\n   Tipografia ampliada, melhor leitura, menor sensação de página espremida.\n   ========================================================================== */
@media (max-width:768px){
 body .vip-pricing{width:calc(100% - 18px)!important;margin:9px auto 24px!important}
 body .vip-pricing-hero{padding:24px 18px 268px!important;border-radius:18px!important}
 body .vip-kicker{font-size:.66rem!important;padding:7px 9px!important}
 body .vip-pricing-hero h1{font-size:1.92rem!important;line-height:1.04!important;margin:13px 0 10px!important}
 body .vip-pricing-hero p{font-size:.82rem!important;line-height:1.55!important}
 body .vip-hero-benefits{gap:9px!important;margin-top:17px!important}
 body .vip-hero-benefit b{font-size:.64rem!important}
 body .vip-hero-benefit span{font-size:.56rem!important;line-height:1.3!important}
 body .vip-acquisition strong{font-size:.8rem!important}
 body .vip-acquisition span{font-size:.66rem!important}
 body .vip-acquisition-badge{font-size:.61rem!important}
 body .vip-plan-grid{gap:17px!important}
 body .vip-card{padding:20px 17px 17px!important}
 body .vip-card-ribbon{font-size:.66rem!important}
 body .vip-plan-icon{width:46px!important;height:46px!important;font-size:1.42rem!important}
 body .vip-plan-title h2{font-size:1.42rem!important}
 body .vip-plan-title small{font-size:.7rem!important}
 body .vip-plan-desc{font-size:.75rem!important;line-height:1.48!important}
 body .vip-price b{font-size:1.9rem!important}
 body .vip-price sup{font-size:.86rem!important}
 body .vip-price span{font-size:.64rem!important}
 body .vip-trial,body .vip-permanent{font-size:.7rem!important;padding:10px!important}
 body .vip-feature-head{font-size:.61rem!important}
 body .vip-features{grid-template-columns:1fr!important;gap:7px!important}
 body .vip-features li{font-size:.69rem!important;line-height:1.36!important;padding-left:19px!important}
 body .vip-features li:before{width:14px!important;height:14px!important;font-size:.54rem!important}
 body .vip-card-micro{font-size:.62rem!important}
 body .vip-locked{font-size:.69rem!important;padding:11px!important}
 body .vip-value-strip{margin:15px 0 20px!important}
 body .vip-value-item{padding:12px!important}
 body .vip-value-item b{font-size:.68rem!important}
 body .vip-value-item span{font-size:.6rem!important}
 body .vip-section-label{font-size:.62rem!important}
 body .vip-compare-head h2{font-size:1.42rem!important}
 body .vip-compare-head p{font-size:.68rem!important;line-height:1.45!important}
 body .vip-legend{font-size:.59rem!important}
 body .vip-compare{min-width:800px!important}
 body .vip-compare th,body .vip-compare td{padding:9px 10px!important;font-size:.64rem!important}
 body .vip-compare .group td{font-size:.59rem!important}
 body .vip-compare-note{font-size:.58rem!important}
 body .vip-faq{margin-top:16px!important}
 body .vip-faq b{font-size:.72rem!important}
 body .vip-faq p{font-size:.64rem!important}
}

/* ========================================================================== */
/* PLANOS PREMIUM V6 — mobile <= 768px                                        */
/* ========================================================================== */
@media (max-width:768px){
  .vip-pricing{width:calc(100% - 18px)!important;margin:10px auto 26px!important}
  .vip-pricing-hero{min-height:auto!important;padding:26px 20px 285px!important;border-radius:20px!important}
  .vip-kicker{font-size:11px!important;padding:7px 10px!important}
  .vip-pricing-hero h1{font-size:34px!important;line-height:1.03!important;margin:15px 0 12px!important;letter-spacing:-1.2px!important}
  .vip-pricing-hero p{font-size:15px!important;line-height:1.55!important}
  .vip-hero-benefits{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:18px!important}
  .vip-hero-benefit{max-width:none!important}.vip-hero-benefit i{width:38px!important;height:38px!important}.vip-hero-benefit b{font-size:13px!important}.vip-hero-benefit span{font-size:11px!important}
  .vip-device-stage{width:100%!important;height:260px!important;right:0!important;top:auto!important;bottom:4px!important}
  .vip-desktop-shot{left:4%!important;top:46px!important;width:70%!important;height:178px!important}.vip-phone-shot{right:4%!important;top:6px!important;width:31%!important;height:235px!important}
  .vip-acquisition{display:block!important;padding:14px!important}.vip-acquisition strong{font-size:14px!important}.vip-acquisition span{display:block!important;font-size:12px!important;margin-top:4px!important}.vip-acquisition-badge{display:inline-block!important;margin-top:10px!important;font-size:11px!important}
  .vip-plan-grid{grid-template-columns:1fr!important;gap:18px!important}.vip-card{padding:22px 19px!important}.vip-plan-title h2{font-size:25px!important}.vip-plan-title small{font-size:12px!important}.vip-plan-desc{font-size:14px!important;min-height:0!important}.vip-price b{font-size:34px!important}.vip-price sup{font-size:17px!important}.vip-price span{font-size:12px!important}.vip-trial,.vip-permanent{font-size:13px!important}.vip-feature-head{font-size:11px!important}.vip-features li{font-size:13px!important;line-height:1.42!important}.vip-card-micro{font-size:12px!important}.vip-locked{font-size:13px!important}
  .vip-cloud-panel{grid-template-columns:1fr!important;padding:19px!important;gap:16px!important}.vip-cloud-copy h2{font-size:24px!important}.vip-cloud-copy p{font-size:14px!important}.vip-cloud-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.vip-cloud-grid>div{min-height:126px!important;padding:12px!important}.vip-cloud-grid b{font-size:12px!important}.vip-cloud-grid span{font-size:11px!important}
  .vip-trust-panel{grid-template-columns:1fr!important;padding:21px!important;gap:12px!important}.vip-trust-icon{width:50px!important;height:50px!important}.vip-trust-copy h2{font-size:23px!important}.vip-trust-copy p{font-size:13px!important}.vip-trust-link{width:100%!important;min-width:0!important;font-size:13px!important}
  .vip-compare-head{display:block!important}.vip-compare-head h2{font-size:25px!important}.vip-compare-head p{font-size:13px!important}.vip-legend{font-size:11px!important;margin-top:8px!important;white-space:normal!important}.vip-compare th,.vip-compare td{font-size:12px!important;padding:10px!important}.vip-compare .group td{font-size:11px!important}.vip-compare-note{font-size:11px!important}
  .vip-faq{grid-template-columns:1fr!important;gap:9px!important}.vip-faq article{padding:15px!important}.vip-faq b{font-size:14px!important}.vip-faq p{font-size:12px!important}
}


/* =========================================================
   VIP • HOME + CENTRAL DE FERRAMENTAS • MOBILE PREMIUM
   07/10/2026 — Top 8 da Home + 30 ferramentas funcionais
   ========================================================= */
@media (max-width:768px){
  #homeQuickToolsVip .home-qt-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  #homeQuickToolsVip .home-qt-btn{height:48px!important;min-width:0!important;padding:5px 6px!important;gap:5px!important;border-radius:6px!important}
  #homeQuickToolsVip .home-qt-icon{width:25px!important;height:25px!important;flex:0 0 25px!important;font-size:.82rem!important}
  #homeQuickToolsVip .home-qt-text b{font-size:.58rem!important}
  #homeQuickToolsVip .home-qt-text small{font-size:.48rem!important}
  #homeQuickToolsVip .home-qt-rank,#homeQuickToolsVip .home-qt-clicks{height:15px!important;min-width:20px!important;font-size:.43rem!important;top:3px!important}
  .tools-grid{grid-template-columns:1fr!important;gap:7px!important}
  .tool-card{border-radius:7px!important}
  .tool-card .tool-title{font-size:.82rem!important;min-height:39px!important;padding:9px 10px!important;padding-right:78px!important}
  .vip-tool-rank-badge,.vip-tool-click-badge{top:9px!important;height:18px!important;min-width:25px!important;font-size:.53rem!important}
  .vip-tool-rank-badge{right:44px!important}.vip-tool-click-badge{right:9px!important}
  .vip-tool-two,.vip-tool-three{grid-template-columns:1fr!important}
}


/* =========================================================
   HOME VIP — POPUP DE FERRAMENTAS / MOBILE PREMIUM
   A janela cresce conforme a ferramenta. Sem rolagem interna
   no iframe; quando ultrapassar a tela, a rolagem pertence ao
   overlay da página, preservando toda a área útil da ferramenta.
   ========================================================= */
@media (max-width: 768px) {
    .home-qt-modal.home-qt-embed-modal {
        align-items: flex-start !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        padding: 8px !important;
    }
    .home-qt-embed-dialog {
        width: 100% !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        margin: 0 !important;
        border-radius: 9px !important;
    }
    .home-qt-embed-body {
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }
    .home-qt-embed-frame {
        width: 100% !important;
        max-height: none !important;
        overflow: hidden !important;
        border: 0 !important;
    }
}

/* ==========================================================================
   VIP • FECHAMENTO PRÉ-PRODUÇÃO • MÓDULOS NOVOS • MOBILE • 08/10/2026
   Camada cirúrgica: complementa os CSS próprios sem desmontar layouts prontos.
   ========================================================================== */
@media (max-width:768px){
  html body :is(.produtos-vip,.pe-wrap,.pv7,.vpm,.vip-equipes-page,.ped-vip,.est-main,.cr-layout,.ct-outer,.cp-wrap,.vt-shell,.pdv2-page,.pdv-client-page){
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  }
  html body :is(.produtos-vip,.pe-wrap,.pv7,.vpm,.vip-equipes-page,.ped-vip,.est-main) :is(h1){font-size:1.18rem!important;line-height:1.25!important}
  html body :is(.produtos-vip,.pe-wrap,.pv7,.vpm,.vip-equipes-page,.ped-vip,.est-main) :is(h2){font-size:1rem!important;line-height:1.3!important}
  html body .produtos-vip .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  html body .produtos-vip .actions .btn{width:100%!important;min-width:0!important;padding:9px 8px!important;font-size:.74rem!important;text-align:center!important}
  html body .produtos-vip .filters{grid-template-columns:1fr 1fr!important;gap:8px!important}
  html body .produtos-vip .filters input{grid-column:1/-1!important}
  html body .ped-vip .ped-filtros>*{min-width:0!important}
  html body .ped-vip .ped-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:5px!important}
  html body .ped-vip .ped-tab{flex:0 0 auto!important;font-size:.72rem!important;padding:8px 10px!important}
  html body .est-nav{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:5px!important}
  html body .est-nav a{flex:0 0 auto!important;font-size:.72rem!important;padding:8px 10px!important}
  html body :is(.produtos-vip,.pe-wrap,.pv7,.vpm,.vip-equipes-page,.ped-vip,.est-main) .scroll,
  html body :is(.produtos-vip,.pe-wrap,.pv7,.vpm,.vip-equipes-page,.ped-vip,.est-main) :is(.table-scroll,.eq-table,.ped-scroll,.est-scroll){-webkit-overflow-scrolling:touch!important}
}
@media (max-width:480px){
  html body .produtos-vip .actions{grid-template-columns:1fr!important}
  html body .produtos-vip .filters{grid-template-columns:1fr!important}
  html body .produtos-vip .filters>*{grid-column:auto!important;width:100%!important}
  html body .ped-vip .ped-cards{grid-template-columns:1fr 1fr!important;gap:8px!important}
  html body .ped-vip .ped-card{padding:12px!important}
  html body .ped-vip .ped-card strong{font-size:1.15rem!important}
  html body .est-filter>*{width:100%!important}
  html body :is(.pe-nav,.vpm nav){display:grid!important;grid-template-columns:1fr!important}
  html body :is(.pe-nav,.vpm nav) a{width:100%!important;text-align:center!important}
}

/* Revisão mobile: controles legíveis e conteúdo navegável. Só atua até 768px. */
@media (max-width:768px){
 html body.vip-mobile-review :is(main,.main-container,.perfil-wrapper,.experiencia-page,.custom-links-page-container,.colab-wrap,.revenda-certificado-page,.novidades-container,.ajuda-container,.propostas-page,.pedidos-page,.contratos-page,.financeiro-page){box-sizing:border-box;max-width:100%;min-width:0}
 html body.vip-mobile-review main{width:100%;min-width:0}
 html body.vip-mobile-review :is(main,.main-container,.perfil-wrapper,.experiencia-page,.custom-links-page-container,.colab-wrap) :is(form,fieldset,article,section){min-width:0;max-width:100%;box-sizing:border-box}
 html body.vip-mobile-review :is(main,.main-container,.perfil-wrapper,.experiencia-page,.colab-wrap) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea){min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 html body.vip-mobile-review :is(main,.main-container,.perfil-wrapper,.experiencia-page,.colab-wrap) label{overflow-wrap:anywhere}
 html body.vip-mobile-review :is(main,.main-container,.perfil-wrapper,.experiencia-page,.colab-wrap) :is(.btn,.btn-ui,.af-button,.cr-btn,.cp-btn,.ct-btn,.est-btn,.vt-primary,.pdv2-btn,.btn-action-save){max-width:100%!important;white-space:normal!important;box-sizing:border-box}
 html body.vip-mobile-review :is(main,.main-container,.perfil-wrapper,.experiencia-page,.colab-wrap) :is(.toolbar,.page-actions,.header-actions,.actions-row,.filters-row,.filter-row){flex-wrap:wrap!important;gap:8px!important;min-width:0}
 html body.vip-mobile-review :is(.perfil-columns-grid,.form-row-2col,.form-row-3col,.experiencia-form-grid,.experiencia-ratings,.colab-grid,.colab-form){grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html body.vip-mobile-review .perfil-header-card{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html body.vip-mobile-review .user-profile-badge-top{width:auto!important;min-width:0!important;max-width:100%!important;justify-self:start!important}
 html body.vip-mobile-review .user-profile-badge-top .badge-text{white-space:normal!important}
 html body.vip-mobile-review :is(.experiencia-stars,.compact-prof-grid){gap:7px!important}
 html body.vip-mobile-review .experiencia-stars input:focus-visible+span{outline:3px solid #2563eb;outline-offset:2px}
 html body.vip-mobile-review .experiencia-stars input{display:block!important;position:absolute;opacity:0;width:1px;height:1px;}
 html body.vip-mobile-review .colab-head-flex{flex-direction:column;align-items:stretch;gap:12px}
 html body.vip-mobile-review :is(.vip-mobile-table-scroll,.table-scroll,.table-wrap,.table-responsive,.scroll,.af-table-wrap,.vp-table){max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 html body.vip-mobile-review .vip-mobile-table-scroll{width:100%;box-sizing:border-box}
 html body.vip-mobile-review .vip-mobile-table-scroll:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
 html body.vip-mobile-review :is(main,.main-container) :is(pre,code){overflow-wrap:anywhere;max-width:100%}
 html body.vip-mobile-review :is(main,.main-container) a{overflow-wrap:anywhere}
 html body.vip-mobile-review :is(main,.main-container) :is(.pagination,.pager,.af-pages){display:flex;flex-wrap:wrap;gap:7px}
 html body.vip-mobile-review :is(main,.main-container) :is(.pagination,.pager,.af-pages) a{display:inline-flex;align-items:center;justify-content:center}
 html body.vip-mobile-review :is(main,.main-container) :is(.modal-box,.modal-content,.dialog-content){max-width:calc(100vw - 24px)!important;box-sizing:border-box}
}
@media(max-width:768px){
 html body.vip-mobile-review form :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea){max-width:100%;box-sizing:border-box}
 html body.vip-mobile-review form :is(button[type=submit],input[type=submit]){max-width:100%;white-space:normal;}
}
@media(max-width:390px){
 html body.vip-mobile-review .compact-prof-grid{grid-template-columns:minmax(0,1fr)!important}
 html body.vip-mobile-review .avatar-upload-box{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:768px){
 html body.vip-mobile-review .aex-filter{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 html body.vip-mobile-review .aex-filter label{min-width:0!important;width:100%!important}
 html body.vip-mobile-review .aex-filter input,html body.vip-mobile-review .aex-filter select{width:100%!important;min-width:0!important}
 html body.vip-mobile-review .checkout-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.vip-mobile-review .checkout-steps b{white-space:normal;}
}

@media(max-width:768px){
 html body.vip-mobile-review .pdv2-detail-grid{grid-template-columns:minmax(0,1fr)!important}
 html body.vip-mobile-review .pdv2-detail-grid>*,html body.vip-mobile-review .pdv2-card{min-width:0!important;max-width:100%!important;box-sizing:border-box}
 html body.vip-mobile-review .pdv2-info-grid{grid-template-columns:minmax(0,1fr)!important}
}