@media(max-width:767px){
  *,*::before,*::after{box-sizing:border-box}
  html,body{max-width:100%;overflow-x:hidden}
  :root{--bottom-nav-height:76px}
  img,svg{max-width:100%}
  .shell,.topbar,.topbar>*{min-width:0;max-width:100%}
  .topbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 42px;gap:8px;width:100%;padding-inline:10px}
  .topbar .menu-btn{width:44px;height:44px}
  .topbar>div{min-width:0;overflow:hidden}
  .topbar h1{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,6vw,25px)}
  .topbar small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-size:clamp(10px,3vw,13px);line-height:1.25}
  .topbar .subscription-badge{display:none!important}
  .topbar .local-badge{display:grid!important;position:relative;place-items:center;width:44px;height:44px;min-width:44px;max-width:44px;margin:0;padding:0!important;border-radius:14px;font-size:0!important;overflow:visible}
  .topbar .local-badge>svg{width:20px;height:20px}
  .topbar .local-badge .cloud-count{position:absolute;right:-2px;top:-3px;min-width:19px;height:19px;margin:0;padding:0 4px;border:2px solid #fff;font-size:9px}
  .topbar .avatar{width:42px;height:42px;min-width:42px}
  .bottom-nav{min-height:var(--bottom-nav-height);padding-bottom:calc(6px + env(safe-area-inset-bottom))}
  .bottom-nav :is(a,button){min-width:0;min-height:44px}
  .mobile-client-fab>span{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #app,#app>*{min-width:0;max-width:100%}
  #app :is(article,section,header,footer,div,span,label){min-width:0}
  #app :is(.metrics,.entity-grid,.quick-actions,.home-main-metrics,.home-attention-grid,.product-detail-grid){grid-template-columns:minmax(0,1fr)}
  #app :is(.home-main-metrics,.home-attention-grid,.product-detail-grid,.mobile-products.grid){grid-template-columns:repeat(2,minmax(0,1fr))}

  .responsive-money,
  :is(.metric-card,.home-main-metrics article,.home-attention-grid article,.mobile-client-balance,.client-summary-card) strong{
    max-width:100%;font-size:clamp(1.3rem,6vw,2.1rem);line-height:1.1;overflow-wrap:anywhere;word-break:normal;font-variant-numeric:tabular-nums
  }
  :is(.mobile-client-copy,.mobile-product-copy,.pos-product,.home-main-metrics article>span,.metric-card)>:is(h2,h3,strong,p,small,span){max-width:100%}
  :is(.mobile-client-copy h3,.mobile-product-copy h3,.pos-product>strong,.client-choice b){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:anywhere}
  :is(.mobile-client-copy p,.client-choice small,.topbar small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  :is(.badge,.balance-badge,.mobile-client-status){flex-shrink:0;max-width:100%}
  :is(.btn,button){max-width:100%}
  .btn{white-space:normal;text-wrap:balance}
  .modal-box{width:min(100%,650px);max-width:calc(100vw - 16px)}
  .modal-head>*{min-width:0}.modal-head h3{overflow-wrap:anywhere}
  .modal-body,.modal-foot{min-width:0}.modal-foot{flex-wrap:wrap}.modal-foot .btn{flex:1 1 130px}
  .table-wrap{max-width:100%}

  .mobile-desempenho-notice{display:grid;justify-items:center;gap:10px;margin:18px auto;padding:34px 20px;border:1px solid #dfe6ed;border-radius:22px;background:#fff;text-align:center;box-shadow:0 10px 28px rgba(31,48,73,.07)}
  .mobile-desempenho-notice>svg{width:48px;height:48px;padding:11px;border-radius:16px;background:#e5f8f3;color:#078d70}
  .mobile-desempenho-notice h2,.mobile-desempenho-notice p{margin:0}.mobile-desempenho-notice p{color:#728096}

  .mobile-sale-page{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 90px)}
  .mobile-sale-page .pos-grid>*{min-width:0}
  .mobile-sale-page .pos-product>strong{min-height:2.4em;line-height:1.2}
  .mobile-sale-page .pos-product>b{max-width:100%;font-size:clamp(12px,3.7vw,15px);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
  .mobile-sale-page .pos-bag{
    left:auto;right:max(14px,env(safe-area-inset-right));bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 12px);
    width:58px;height:58px;min-height:58px;padding:0;display:grid;place-items:center;overflow:visible;border-radius:19px;
    background:linear-gradient(145deg,#0cb38a,#07866b);color:#fff;box-shadow:0 10px 24px rgba(4,117,91,.28);z-index:49;text-align:center
  }
  .mobile-sale-page .pos-bag.has-items{background:linear-gradient(145deg,#0cb38a,#07866b);box-shadow:0 10px 24px rgba(4,117,91,.32)}
  .mobile-sale-page .pos-bag.is-empty:before{display:none}
  .mobile-sale-page .pos-bag:before{content:attr(data-count);position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#14233d;color:#fff;font-size:9px;font-weight:900;line-height:1}
  .mobile-sale-page .pos-bag>svg:first-of-type{width:25px;height:25px;color:#fff}
  .mobile-sale-page .pos-bag :is(span,b){position:absolute!important;display:block!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
  .mobile-sale-page .pos-bag:focus-visible{outline:3px solid rgba(49,208,173,.38);outline-offset:4px}
  .mobile-sale-page .pos-summary{max-width:100vw;overscroll-behavior:contain}
  .mobile-sale-page .editable-cart>*{min-width:0}
  .mobile-sale-page .total-row b{max-width:58%;font-size:clamp(19px,6vw,25px);overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums}
  .mobile-payment-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-payment-chips button{min-width:0;white-space:normal}
}

@media(max-width:350px){
  .topbar{grid-template-columns:42px minmax(0,1fr) 42px 38px;gap:5px;padding-inline:6px}
  .topbar .local-badge{width:42px;min-width:42px}
  .topbar .avatar{width:38px;height:38px;min-width:38px}
}

@media(max-width:350px){
  #app :is(.home-main-metrics,.home-attention-grid,.product-detail-grid){grid-template-columns:minmax(0,1fr)}
  .mobile-sale-page .pos-bag{left:auto;right:max(10px,env(safe-area-inset-right))}
}