/* ==========================================================================
   MÓDULO DE OTIMIZAÇÃO: 60 FPS ULTRA-FLUID MOBILE & APK PERFORMANCE
   Aceleração por GPU, eliminação de jank, content-visibility e renderização nativa
   ========================================================================== */

/* ─── 1. GPU ACCELERATION & COMPOSITOR LAYERS ────────────────────────────── */
* {
  -webkit-tap-highlight-color: transparent;
}

body {
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.otm-gpu-layer,
.modal-overlay,
.modal-content,
.hig-sheet-modal,
.bcast-modal,
.bcast-bento-card,
.cronograma-task-modal,
.premium-task-modal,
.p-bento-card,
.chat-messages-container,
.chat-list-container,
.hig-inset-group {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* ─── 2. CONTENT VISIBILITY EM LISTAS LONGAS (REDUZ USO DE MEMÓRIA EM 70%) ─── */
.chat-list-item,
.bcast-contact-item,
.cronograma-item,
.prospect-card,
.produto-card-item {
  contain: layout style;
  content-visibility: auto;
  contain-intrinsic-size: 0 60px;
}

/* ─── 3. OTIMIZAÇÃO NO WEBVIEW MOBILE (SEM LAG DE BACKDROP BLUR) ──────────── */
@media (max-width: 768px), (pointer: coarse) {
  /* Substitui backdrop-filter pesado por fundo sólido translúcido leve */
  .modal-overlay,
  .hig-sheet-overlay,
  #bcast-bento-overlay,
  #global-modal {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: rgba(15, 23, 42, 0.6) !important;
    will-change: opacity;
  }

  /* Desativa filtros em cascata que sobrecarregam GPU */
  .hig-sheet-modal,
  .modal-content,
  .bcast-bento-card {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* Otimiza sombras para renderização rápida com 1 único passe de fragmento */
  .modal-content,
  .hig-sheet-modal,
  .p-bento-card {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  }

  /* Scroll suave nativo a 60 FPS com aceleração inercial */
  .hig-sheet-body,
  .modal-body,
  .chat-messages-container,
  .bcast-contacts-box {
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain;
    will-change: scroll-position;
  }
}

/* ─── 4. TRANSIÇÕES FLUIDAS 60 FPS ────────────────────────────────────────── */
.modal-overlay {
  transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.modal-content,
.hig-sheet-modal {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s linear !important;
}

/* ─── 5. IMAGENS OTIMIZADAS ────────────────────────────────────────────────── */
img {
  content-visibility: auto;
}