/* ============================================================
   mobile-block.css — Bloqueio de acesso mobile (sessão 134)
   CampaignFlow admin é desktop-only. Telas <1024px mostram
   overlay full-screen com mensagem. Reversível: deletar arquivo
   + remover <link> em admin.html.
   ============================================================ */

/* Overlay escondido por padrão (desktop) */
.cf-mobile-block {
  display: none;
}

@media (max-width: 1023px) {
  /* Esconde TUDO da app */
  body > * { display: none !important; }

  /* Mostra apenas o aviso */
  body::before {
    content: '';
    position: fixed; inset: 0; z-index: 99999;
    background: linear-gradient(180deg, #0F2C5C 0%, #143C7E 50%, #0A1F44 100%);
    display: block;
  }

  body::after {
    content: 'CampaignFlow é desenhado para desktop.\A Acesse pelo computador para uma experiência completa.';
    white-space: pre-line;
    position: fixed; inset: 0; z-index: 100000;
    display: flex; align-items: center; justify-content: center;
    padding: 32px;
    color: #fff;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 16px; font-weight: 500;
    line-height: 1.6;
    text-align: center;
  }
}

/* Tablets pequenos (480-1023): mensagem mais compacta */
@media (max-width: 480px) {
  body::after {
    font-size: 14px;
    padding: 24px;
  }
}