/* ==========================================================
   Ativa Movea — Theme V2 (mobile/PWA)
   Ajustes de toque mínimo e reestilização de componentes que
   já existiam para telas pequenas (drawer, bottom-nav, tabela
   em cards). Não cria comportamento novo, só refina o visual
   com os tokens de theme-v2-tokens.css.
   ========================================================== */

@media(max-width:760px){
  .menu-btn,.icon-btn,.mobile-cart-fab,.sidebar-close{
    min-width:var(--tv2-tap-min);
    min-height:var(--tv2-tap-min);
  }
  .mobile-bottom-nav{
    background:rgba(255,255,255,.97) !important;
    border-top-color:var(--tv2-line) !important;
    box-shadow:0 -10px 30px rgba(28,20,24,.1);
  }
  .mobile-bottom-nav a,.mobile-bottom-nav button{
    min-height:var(--tv2-tap-min);
    color:var(--tv2-muted);
  }
  .table-wrap tr{
    border-color:var(--tv2-line) !important;
    border-radius:var(--tv2-radius-md) !important;
    box-shadow:var(--tv2-shadow-sm) !important;
  }
  .table-wrap td:before{color:var(--tv2-muted)}
  .mobile-cart-fab{
    background:linear-gradient(135deg,var(--tv2-rose),var(--tv2-rose-strong)) !important;
    box-shadow:var(--tv2-shadow-md);
  }
  .cart-panel{box-shadow:0 -20px 60px rgba(28,20,24,.22)}
  .stock,.badge,.am-badge,.sku-badge{min-height:var(--tv2-tap-min);display:inline-flex;align-items:center}
}

@media(max-width:800px){
  /* Módulo SKU usa rolagem horizontal (não vira card) — mantido como está, só re-skin */
  .sku-btn{min-height:var(--tv2-tap-min)}
  .sku-table{border:1px solid var(--tv2-line);border-radius:var(--tv2-radius-md)}
}