/* Responsividade SaaS/Mobile padronizada.
   Não altera o painel de sorteio: todas as regras são bloqueadas para body.bingo-screen. */
@media(max-width:860px){
  body:not(.bingo-screen) .wrap,
  body:not(.bingo-screen) .client-wrap,
  body:not(.bingo-screen) .seller-wrap,
  body:not(.bingo-screen) .finance-app,
  body:not(.bingo-screen) .page{padding:78px 14px 24px!important;background:#fff!important}
  body:not(.bingo-screen) .grid,
  body:not(.bingo-screen) .forms,
  body:not(.bingo-screen) .kpi-grid,
  body:not(.bingo-screen) .dashboard-grid,
  body:not(.bingo-screen) .quick-grid,
  body:not(.bingo-screen) .summary{grid-template-columns:1fr!important}
  body:not(.bingo-screen) .card,
  body:not(.bingo-screen) .seller-card,
  body:not(.bingo-screen) .manager-card,
  body:not(.bingo-screen) .hero-card,
  body:not(.bingo-screen) .quick-card{padding:18px!important;border-radius:22px!important;background:#fff!important}
  body:not(.bingo-screen) table{display:block!important;width:100%!important;overflow-x:auto!important;white-space:nowrap!important;background:#fff!important}
  body:not(.bingo-screen) th,
  body:not(.bingo-screen) td{padding:11px 10px!important;background:#fff!important}
  body:not(.bingo-screen) .page-title,
  body:not(.bingo-screen) .brand,
  body:not(.bingo-screen) h1{font-size:24px!important}
  body:not(.bingo-screen) .btn,
  body:not(.bingo-screen) button{min-height:42px!important}
  body:not(.bingo-screen) .actions-inline{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body:not(.bingo-screen) .hide-mobile{display:none!important}
}

/* Ajuste específico do painel do vendedor mobile compacto */
@media(max-width:860px){
  body.has-side-menu:not(.bingo-screen) .seller-wrap{
    padding:12px 12px 22px!important;
    margin:0 auto!important;
    max-width:480px!important;
    min-height:auto!important;
  }
  body.has-side-menu:not(.bingo-screen) .seller-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    min-height:0!important;
    margin:0 0 8px!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  body.has-side-menu:not(.bingo-screen) .seller-title-row{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
  }
  body.has-side-menu:not(.bingo-screen) .seller-title-block{
    min-width:0!important;
  }
  body.has-side-menu:not(.bingo-screen) .seller-head h1{
    font-size:18px!important;
    line-height:1.02!important;
    margin:0 0 2px!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
  }
  body.has-side-menu:not(.bingo-screen) .seller-title-block p{
    font-size:13px!important;
    line-height:1.05!important;
    margin:0!important;
  }
  body.has-side-menu:not(.bingo-screen) .seller-head .menu-fab-inline{
    position:static!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:13px!important;
    margin:0!important;
    padding:0!important;
  }
  body.has-side-menu:not(.bingo-screen) #salesStatusCard.seller-status-inline{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    min-width:auto!important;
  }
  body.has-side-menu:not(.bingo-screen) #salesStatusCard.seller-status-inline p,
  body.has-side-menu:not(.bingo-screen) #salesStatusCard.seller-status-inline h2{
    display:none!important;
  }
  body.has-side-menu:not(.bingo-screen) .sales-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    padding:7px 10px!important;
    margin:0!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    background:#eefbf3!important;
    color:#13633d!important;
    border:1px solid #ccebd8!important;
    box-shadow:none!important;
  }
  body.has-side-menu:not(.bingo-screen) .seller-top-actions{display:none!important;}
  body.has-side-menu:not(.bingo-screen) .seller-card{
    margin:8px 0!important;
    padding:14px!important;
    border-radius:18px!important;
    box-shadow:0 10px 26px rgba(15,23,42,.045)!important;
  }
  body.has-side-menu:not(.bingo-screen) .seller-card.compact{
    padding:11px 12px!important;
    margin:8px 0!important;
  }
  body.has-side-menu:not(.bingo-screen) .seller-stats-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    align-items:center!important;
  }
  body.has-side-menu:not(.bingo-screen) .seller-stats-grid .stat-item{
    min-width:0!important;
    text-align:center!important;
    padding:2px 5px!important;
    border-left:1px solid #e6ece8!important;
  }
  body.has-side-menu:not(.bingo-screen) .seller-stats-grid .stat-item:first-child{border-left:0!important;}
  body.has-side-menu:not(.bingo-screen) .seller-stats-grid .stat-item.total-account{
    grid-column:auto!important;
  }
  body.has-side-menu:not(.bingo-screen) .stat-label{
    display:block!important;
    font-size:10.5px!important;
    line-height:1.08!important;
    margin:0 0 5px!important;
    white-space:normal!important;
  }
  body.has-side-menu:not(.bingo-screen) .stat-value,
  body.has-side-menu:not(.bingo-screen) .seller-stats-grid .total-account .stat-value{
    display:block!important;
    font-size:20px!important;
    line-height:1!important;
    white-space:nowrap!important;
    letter-spacing:-.04em!important;
  }
  body.has-side-menu:not(.bingo-screen) .auto-sales-form h2{
    font-size:20px!important;
    margin:0 0 10px!important;
  }
  body.has-side-menu:not(.bingo-screen) .auto-sales-form p.muted-small{
    font-size:12px!important;
    line-height:1.42!important;
    margin:0 0 12px!important;
  }
  body.has-side-menu:not(.bingo-screen) label{
    margin-bottom:6px!important;
    font-size:13px!important;
  }
  body.has-side-menu:not(.bingo-screen) input{
    min-height:44px!important;
    height:44px!important;
    padding:10px 12px!important;
  }
  body.has-side-menu:not(.bingo-screen) .row-card{
    grid-template-columns:minmax(0,1fr) 46px 46px!important;
    gap:7px!important;
  }
  body.has-side-menu:not(.bingo-screen) .actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.has-side-menu:not(.bingo-screen) .actions .btn{
    width:100%!important;
    min-height:43px!important;
  }
}
@media(max-width:390px){
  body.has-side-menu:not(.bingo-screen) .seller-wrap{padding-left:10px!important;padding-right:10px!important;}
  body.has-side-menu:not(.bingo-screen) .seller-head{gap:6px!important;}
  body.has-side-menu:not(.bingo-screen) .seller-head h1{font-size:16px!important;}
  body.has-side-menu:not(.bingo-screen) .seller-title-block p{font-size:12px!important;}
  body.has-side-menu:not(.bingo-screen) .seller-head .menu-fab-inline{width:42px!important;height:42px!important;min-width:42px!important;}
  body.has-side-menu:not(.bingo-screen) .sales-pill{font-size:10px!important;padding:6px 8px!important;}
  body.has-side-menu:not(.bingo-screen) .stat-label{font-size:9.5px!important;}
  body.has-side-menu:not(.bingo-screen) .stat-value,
  body.has-side-menu:not(.bingo-screen) .seller-stats-grid .total-account .stat-value{font-size:18px!important;}
}