/* Bingo Web PRO - Tema SaaS Branco/Verde padronizado
   Aplicado em todas as páginas administrativas, cliente, vendedor e financeiro.
   O painel de sorteio usa body.bingo-screen e fica preservado. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bwp-bg:#ffffff;
  --bwp-surface:#ffffff;
  --bwp-soft:#f7fbf8;
  --bwp-soft-2:#eef8f2;
  --bwp-border:#e2e8e4;
  --bwp-border-strong:#d0ddd5;
  --bwp-text:#07172d;
  --bwp-heading:#06152a;
  --bwp-muted:#667085;
  --bwp-muted-2:#475569;
  --bwp-primary:#17a85d;
  --bwp-primary-dark:#078144;
  --bwp-primary-soft:#e9f8ef;
  --bwp-danger:#d92d20;
  --bwp-danger-soft:#fff1f1;
  --bwp-warning:#f5b800;
  --bwp-radius:18px;
  --bwp-radius-lg:26px;
  --bwp-shadow:0 14px 34px rgba(15,23,42,.06);
  --bwp-shadow-hover:0 22px 46px rgba(15,23,42,.10);
  --bwp-font:'Inter','Segoe UI',Roboto,Arial,sans-serif;
  /* Altura manual das colunas/cards do topo. Altere aqui quando quiser mais alto ou mais baixo. */
  --bwp-top-card-height: 164px;
}

*{box-sizing:border-box!important}
html,body{background:#fff!important}
body:not(.bingo-screen){
  margin:0!important;
  min-height:100vh!important;
  background:#fff!important;
  color:var(--bwp-text)!important;
  font-family:var(--bwp-font)!important;
  font-size:15px!important;
  line-height:1.45!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
body:not(.bingo-screen) *{font-family:var(--bwp-font)!important}
body:not(.bingo-screen) a{text-decoration:none!important;color:inherit}

/* Estrutura geral */
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{
  width:100%!important;
  max-width:1220px!important;
  min-height:100vh!important;
  margin:0 auto!important;
  padding:86px 22px 38px!important;
  background:#fff!important;
}

body:not(.bingo-screen) .header,
body:not(.bingo-screen) .client-top,
body:not(.bingo-screen) .seller-head,
body:not(.bingo-screen) .finance-top,
body:not(.bingo-screen) .topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:64px!important;
  margin:0 0 20px!important;
  padding:0 0 18px!important;
  background:#fff!important;
  border:0!important;
  position:relative!important;
  top:auto!important;
  box-shadow:none!important;
}

/* Cabeçalhos e textos */
body:not(.bingo-screen) h1,
body:not(.bingo-screen) h2,
body:not(.bingo-screen) h3,
body:not(.bingo-screen) .brand,
body:not(.bingo-screen) .page-title,
body:not(.bingo-screen) .finance-title,
body:not(.bingo-screen) .client-brand h1,
body:not(.bingo-screen) .seller-head h1,
body:not(.bingo-screen) .report-head h1{
  color:var(--bwp-heading)!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
  line-height:1.12!important;
  margin-top:0!important;
}
body:not(.bingo-screen) h1,
body:not(.bingo-screen) .brand,
body:not(.bingo-screen) .client-brand h1,
body:not(.bingo-screen) .seller-head h1,
body:not(.bingo-screen) .finance-title{font-size:28px!important;margin-bottom:4px!important;text-align:left!important}
body:not(.bingo-screen) h2{font-size:20px!important;margin:0 0 14px!important}
body:not(.bingo-screen) h3{font-size:17px!important;margin:0 0 8px!important}
body:not(.bingo-screen) p,
body:not(.bingo-screen) .muted,
body:not(.bingo-screen) .mini,
body:not(.bingo-screen) .muted-small,
body:not(.bingo-screen) .seller-count,
body:not(.bingo-screen) .client-brand span,
body:not(.bingo-screen) .report-head p,
body:not(.bingo-screen) .finance-hero p{
  color:var(--bwp-muted)!important;
}
body:not(.bingo-screen) p{margin:0 0 12px!important}
body:not(.bingo-screen) .mini{font-size:13px!important}
body:not(.bingo-screen) b,strong{font-weight:900!important;color:var(--bwp-heading)}

/* Cards / colunas / blocos: sempre branco */
body:not(.bingo-screen) .card,
body:not(.bingo-screen) .seller-card,
body:not(.bingo-screen) .hero-card,
body:not(.bingo-screen) .manager-card,
body:not(.bingo-screen) .quick-card,
body:not(.bingo-screen) .report,
body:not(.bingo-screen) .seller-list,
body:not(.bingo-screen) .resume-card,
body:not(.bingo-screen) .metric,
body:not(.bingo-screen) .winner-card,
body:not(.bingo-screen) .finance-hero,
body:not(.bingo-screen) .qr-box,
body:not(.bingo-screen) .section,
body:not(.bingo-screen) .summary,
body:not(.bingo-screen) .seller-row{
  background:#fff!important;
  color:var(--bwp-text)!important;
  border:1px solid var(--bwp-border)!important;
  border-radius:var(--bwp-radius-lg)!important;
  box-shadow:var(--bwp-shadow)!important;
}
body:not(.bingo-screen) .row-card{
  background:#fff!important;
  color:var(--bwp-text)!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) .finance-hero,
body:not(.bingo-screen) .report{padding:24px!important;margin-bottom:18px!important}
body:not(.bingo-screen) .hero-card:before{display:none!important}
body:not(.bingo-screen) .hello{display:block!important}

/* Dashboard estilo imagem */
body:not(.bingo-screen) .client-brand{display:flex!important;align-items:center!important;gap:14px!important}
body:not(.bingo-screen) .brand-icon,
body:not(.bingo-screen) .quick-icon{
  width:48px!important;height:48px!important;min-width:48px!important;
  border-radius:16px!important;background:linear-gradient(135deg,var(--bwp-primary),var(--bwp-primary-dark))!important;
  color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:22px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(23,168,93,.22)!important;margin-bottom:14px!important;
}
body:not(.bingo-screen) .quick-grid,
body:not(.bingo-screen) .dashboard-grid,
body:not(.bingo-screen) .kpi-grid,
body:not(.bingo-screen) .summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
body:not(.bingo-screen) .grid,
body:not(.bingo-screen) .forms{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
body:not(.bingo-screen) .quick-card{
  display:block!important;
  min-height:var(--bwp-top-card-height)!important;
  padding:24px!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
body:not(.bingo-screen) .quick-card:hover{transform:translateY(-3px)!important;border-color:#b8e9ce!important;box-shadow:var(--bwp-shadow-hover)!important;filter:none!important}
body:not(.bingo-screen) .quick-card b{display:block!important;color:var(--bwp-heading)!important;font-size:17px!important;margin:0 0 8px!important}
body:not(.bingo-screen) .quick-card span{display:block!important;color:var(--bwp-muted)!important;font-size:15px!important;line-height:1.55!important}
body:not(.bingo-screen) .mini-summary{background:#fff!important;color:var(--bwp-text)!important;border:1px solid var(--bwp-border)!important;border-radius:var(--bwp-radius-lg)!important;box-shadow:var(--bwp-shadow)!important}
body:not(.bingo-screen) .mini-summary strong{color:var(--bwp-primary-dark)!important}


/* Altura das colunas/cards do topo: altere a variável --bwp-top-card-height no :root acima.
   A classe .top-column-card pode ser usada em páginas específicas que precisem seguir essa altura. */
body:not(.bingo-screen) .top-column-card,
body:not(.bingo-screen) .grid > .card{min-height:var(--bwp-top-card-height)!important;}

/* Indicadores */
body:not(.bingo-screen) .status-pill,
body:not(.bingo-screen) .alert,
body:not(.bingo-screen) .ok,
body:not(.bingo-screen) .bad{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border-radius:14px!important;
  padding:11px 14px!important;
  font-weight:900!important;
  margin:0 0 14px!important;
}
body:not(.bingo-screen) .status-pill.ok,
body:not(.bingo-screen) .alert.ok,
body:not(.bingo-screen) .ok{background:#e9f8ef!important;color:#05713d!important;border:1px solid #bfe8cf!important}
body:not(.bingo-screen) .status-pill.bad,
body:not(.bingo-screen) .alert.bad,
body:not(.bingo-screen) .bad{background:#fff1f1!important;color:#b42318!important;border:1px solid #ffc9c9!important}
body:not(.bingo-screen) .status-ok{color:#078144!important;font-weight:900!important}
body:not(.bingo-screen) .status-bad{color:#d92d20!important;font-weight:900!important}

/* Formulários */
body:not(.bingo-screen) label{display:block!important;margin:0 0 7px!important;color:var(--bwp-heading)!important;font-weight:800!important;font-size:13px!important}
body:not(.bingo-screen) input,
body:not(.bingo-screen) select,
body:not(.bingo-screen) textarea{
  width:100%!important;
  min-height:46px!important;
  border:1px solid var(--bwp-border-strong)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--bwp-text)!important;
  padding:12px 13px!important;
  font:700 14px/1.2 var(--bwp-font)!important;
  outline:none!important;
  box-shadow:none!important;
}
body:not(.bingo-screen) textarea{min-height:110px!important;resize:vertical!important}
body:not(.bingo-screen) input:focus,
body:not(.bingo-screen) select:focus,
body:not(.bingo-screen) textarea:focus{border-color:var(--bwp-primary)!important;box-shadow:0 0 0 4px rgba(23,168,93,.12)!important}
body:not(.bingo-screen) input::placeholder,
body:not(.bingo-screen) textarea::placeholder{color:#9aa6b2!important}

/* Botões */
body:not(.bingo-screen) .btn,
body:not(.bingo-screen) button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:44px!important;border:0!important;border-radius:14px!important;
  background:var(--bwp-primary)!important;color:#fff!important;
  font:900 14px/1.1 var(--bwp-font)!important;
  padding:12px 16px!important;cursor:pointer!important;
  box-shadow:0 10px 22px rgba(23,168,93,.16)!important;
}
body:not(.bingo-screen) .btn:hover,
body:not(.bingo-screen) button:hover{filter:brightness(.98)!important;transform:translateY(-1px)}
body:not(.bingo-screen) .btn.dark,
body:not(.bingo-screen) .btn.light,
body:not(.bingo-screen) .logout-btn{
  background:#fff!important;color:var(--bwp-heading)!important;border:1px solid var(--bwp-border)!important;box-shadow:none!important
}
body:not(.bingo-screen) .btn.green,
body:not(.bingo-screen) .purple,
body:not(.bingo-screen) .btn-add{background:var(--bwp-primary)!important;color:#fff!important;margin: 0px 0px 15px;}
body:not(.bingo-screen) .btn.red,
body:not(.bingo-screen) .btn.danger,
body:not(.bingo-screen) .danger.btn,
body:not(.bingo-screen) .btn-remove{background:var(--bwp-danger)!important;color:#fff!important;box-shadow:0 10px 22px rgba(217,45,32,.13)!important}
body:not(.bingo-screen) .actions-inline{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}

/* Tabelas */
body:not(.bingo-screen) table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
  border:1px solid var(--bwp-border)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body:not(.bingo-screen) th,
body:not(.bingo-screen) td{
  padding:14px 14px!important;
  border-bottom:1px solid #edf2ef!important;
  text-align:left!important;
  vertical-align:middle!important;
  background:#fff!important;
  color:var(--bwp-text)!important;
}
body:not(.bingo-screen) th{
  color:var(--bwp-muted-2)!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  text-transform:none!important;
}
body:not(.bingo-screen) tr:last-child td{border-bottom:0!important}
body:not(.bingo-screen) .seller-total,
body:not(.bingo-screen) .seller-money,
body:not(.bingo-screen) .seller-value,
body:not(.bingo-screen) .resume-number,
body:not(.bingo-screen) .metric strong,
body:not(.bingo-screen) .value-big{color:var(--bwp-heading)!important;font-weight:900!important}
body:not(.bingo-screen) .value-big{font-size:36px!important;line-height:1.1!important;display:inline-block!important;margin:6px 0!important}

/* Financeiro padronizado */
body:not(.bingo-screen) .finance-app{max-width:1220px!important;margin:0 auto!important;background:#fff!important;padding:86px 22px 38px!important}
body:not(.bingo-screen) .finance-top{height:auto!important;grid-template-columns:none!important;background:#fff!important;margin:0 0 20px!important;padding:0 0 18px!important;position:relative!important;top:auto!important;border-bottom:1px solid var(--bwp-border)!important;justify-content:center!important;text-align:left!important}
body:not(.bingo-screen) .finance-back{position:absolute!important;left:0!important;color:var(--bwp-primary-dark)!important;font-weight:800!important}
body:not(.bingo-screen) .finance-title{text-align:center!important;width:100%!important;font-size:28px!important;color:var(--bwp-heading)!important}
body:not(.bingo-screen) .finance-hero{text-align:left!important;border-radius:var(--bwp-radius-lg)!important;margin:0 0 18px!important;padding:24px!important;border:1px solid var(--bwp-border)!important}
body:not(.bingo-screen) .finance-hero svg{display:none!important}
body:not(.bingo-screen) .seller-list{overflow:hidden!important;margin-bottom:18px!important}
body:not(.bingo-screen) .seller-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px!important;border:0!important;border-bottom:1px solid #edf2ef!important;border-radius:0!important;box-shadow:none!important;min-height:66px!important}
body:not(.bingo-screen) .seller-row:last-child{border-bottom:0!important}
body:not(.bingo-screen) .seller-name{color:var(--bwp-heading)!important;font-weight:900!important;font-size:15px!important}
body:not(.bingo-screen) .resume-label{text-align:left!important;margin:22px 0 10px!important;color:var(--bwp-muted)!important;font-weight:900!important;font-size:12px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
body:not(.bingo-screen) .resume-card{display:grid!important;grid-template-columns:1fr 1px 1fr!important;align-items:center!important;min-height:92px!important;overflow:hidden!important;padding:0!important}
body:not(.bingo-screen) .resume-item{text-align:center!important;padding:18px!important;background:#fff!important}
body:not(.bingo-screen) .divider{height:54px!important;background:#edf2ef!important}
body:not(.bingo-screen) .resume-number{font-size:25px!important;color:var(--bwp-heading)!important}
body:not(.bingo-screen) .resume-number.green{color:var(--bwp-primary-dark)!important}
body:not(.bingo-screen) .resume-text{font-size:11px!important;color:var(--bwp-muted)!important;font-weight:900!important;text-transform:uppercase!important;margin-top:6px!important}
body:not(.bingo-screen) .finance-actions{display:flex!important;gap:10px!important;margin-top:16px!important}
body:not(.bingo-screen) .finance-actions a{flex:1!important;text-align:center!important;background:#fff!important;color:var(--bwp-primary-dark)!important;border:1px solid var(--bwp-border)!important;border-radius:14px!important;padding:12px 10px!important;font-weight:900!important}

/* Relatório */
body:not(.bingo-screen) .report-head{padding:24px!important;background:#fff!important;color:var(--bwp-heading)!important;border-radius:var(--bwp-radius-lg) var(--bwp-radius-lg) 0 0!important}
body:not(.bingo-screen) .section{padding:20px!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body:not(.bingo-screen) .qr-box{padding:16px!important}

/* Login */
body.login-page.unified-login-page:not(.bingo-screen){
  min-height:100vh!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;
}
body:not(.bingo-screen) .login-panel{
  width:min(430px,100%)!important;background:#fff!important;border:1px solid var(--bwp-border)!important;border-radius:28px!important;padding:30px!important;box-shadow:var(--bwp-shadow-hover)!important;
}
body:not(.bingo-screen) .login-logo{width:62px!important;height:62px!important;border-radius:20px!important;background:linear-gradient(135deg,var(--bwp-primary),var(--bwp-primary-dark))!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:28px!important;margin:0 auto 14px!important;box-shadow:0 12px 24px rgba(23,168,93,.22)!important}
body:not(.bingo-screen) .login-panel h2{text-align:center!important;margin-bottom:6px!important;font-size:26px!important}
body:not(.bingo-screen) .login-panel .muted{text-align:center!important;margin:0 0 18px!important}
body:not(.bingo-screen) .login-form{display:block!important}
body:not(.bingo-screen) .login-form .btn{width:100%!important;margin-top:6px!important}
body:not(.bingo-screen) .access-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 16px!important;background:#fff!important}
body:not(.bingo-screen) .access-option{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;border:1px solid var(--bwp-border)!important;border-radius:14px!important;background:#fff!important;color:var(--bwp-heading)!important;font-weight:900!important;cursor:pointer!important}
body:not(.bingo-screen) .access-option input{display:none!important}
body:not(.bingo-screen) .access-option.active{background:var(--bwp-primary)!important;color:#fff!important;border-color:var(--bwp-primary)!important}
body:not(.bingo-screen) .login-support{text-align:center!important;margin:16px 0 0!important;color:var(--bwp-muted)!important;font-weight:700!important}

/* Modais */
body:not(.bingo-screen) .seller-modal{position:fixed!important;inset:0!important;background:rgba(15,23,42,.45)!important;display:none!important;align-items:center!important;justify-content:center!important;z-index:20000!important;padding:18px!important}
body:not(.bingo-screen) .seller-modal.open{display:flex!important}
body:not(.bingo-screen) .seller-modal-card{width:min(480px,100%)!important;background:#fff!important;border-radius:24px!important;border:1px solid var(--bwp-border)!important;box-shadow:0 24px 80px rgba(0,0,0,.25)!important;padding:22px!important}
body:not(.bingo-screen) .seller-modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important}
body:not(.bingo-screen) .seller-modal-close{border:1px solid var(--bwp-border)!important;background:#fff!important;color:var(--bwp-heading)!important;border-radius:12px!important;width:40px!important;height:40px!important;font-size:22px!important;font-weight:900!important;cursor:pointer!important;box-shadow:none!important;padding:0!important}
body:not(.bingo-screen) .seller-modal-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;margin-top:14px!important}
body:not(.bingo-screen) .search-paid{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;margin:0 0 12px!important}
body:not(.bingo-screen) .search-hint{font-size:13px!important;color:var(--bwp-muted)!important;margin:6px 0 12px!important}

/* Garantia de fundo branco em campos/colunas */
body:not(.bingo-screen) div,
body:not(.bingo-screen) section,
body:not(.bingo-screen) main,
body:not(.bingo-screen) form,
body:not(.bingo-screen) article{background-color:transparent}
body:not(.bingo-screen) input,
body:not(.bingo-screen) select,
body:not(.bingo-screen) textarea,
body:not(.bingo-screen) td,
body:not(.bingo-screen) th{background-color:#fff!important}

@media(max-width:1024px){
  body:not(.bingo-screen) .quick-grid,
  body:not(.bingo-screen) .dashboard-grid,
  body:not(.bingo-screen) .kpi-grid,
  body:not(.bingo-screen) .summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  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 26px!important}
  body:not(.bingo-screen) .header,
  body:not(.bingo-screen) .client-top,
  body:not(.bingo-screen) .seller-head,
  body:not(.bingo-screen) .finance-top{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;min-height:auto!important}
  body:not(.bingo-screen) h1,
  body:not(.bingo-screen) .brand,
  body:not(.bingo-screen) .client-brand h1,
  body:not(.bingo-screen) .seller-head h1,
  body:not(.bingo-screen) .finance-title{font-size:24px!important;text-align:left!important}
  body:not(.bingo-screen) .grid,
  body:not(.bingo-screen) .forms,
  body:not(.bingo-screen) .quick-grid,
  body:not(.bingo-screen) .dashboard-grid,
  body:not(.bingo-screen) .kpi-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) .hero-card,
  body:not(.bingo-screen) .finance-hero,
  body:not(.bingo-screen) .report{padding:18px!important;border-radius:22px!important}
  body:not(.bingo-screen) table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}
  body:not(.bingo-screen) th,
  body:not(.bingo-screen) td{padding:12px 10px!important}
  body:not(.bingo-screen) .actions-inline,
  body:not(.bingo-screen) .finance-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  body:not(.bingo-screen) .search-paid{grid-template-columns:1fr!important}
  body:not(.bingo-screen) .seller-modal-actions{grid-template-columns:1fr!important}
  body:not(.bingo-screen) .login-panel{padding:22px!important;border-radius:24px!important}
}

/* Ajustes finais Admin Dashboard + Clientes e Licenças */
body.admin-dashboard-page:not(.bingo-screen),
body.admin-clients-page:not(.bingo-screen){background:#fff!important;}
body:not(.bingo-screen) .admin-dashboard-wrap,
body:not(.bingo-screen) .admin-clients-wrap{max-width:1120px!important;}
body:not(.bingo-screen) .admin-hero-card{margin-top:18px!important;}
body:not(.bingo-screen) .dashboard-summary-card .quick-card{min-height:132px!important;}
body:not(.bingo-screen) .admin-summary-panel{padding:24px!important;}
body:not(.bingo-screen) .section-title-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 14px!important;}
body:not(.bingo-screen) .table-scroll{width:100%!important;overflow-x:auto!important;background:#fff!important;border-radius:20px!important;-webkit-overflow-scrolling:touch!important;}
body:not(.bingo-screen) .table-scroll table{min-width:860px!important;margin:0!important;}
body:not(.bingo-screen) .form-action{align-self:end!important;}
body:not(.bingo-screen) .client-edit-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
body:not(.bingo-screen) .client-edit-grid .full{grid-column:1/-1!important;}
body:not(.bingo-screen) .client-license-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important;}
body:not(.bingo-screen) .client-renew-row{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;margin-top:12px!important;}
body:not(.bingo-screen) .client-status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:6px 10px!important;border-radius:999px!important;font-weight:900!important;font-size:12px!important;white-space:nowrap!important;}
body:not(.bingo-screen) .client-status-pill.ok{background:#e9f8ef!important;color:#05713d!important;border:1px solid #bfe8cf!important;}
body:not(.bingo-screen) .client-status-pill.bad{background:#fff1f1!important;color:#b42318!important;border:1px solid #ffc9c9!important;}
body:not(.bingo-screen) .client-whatsapp{background:#25D366!important;color:#fff!important;text-align:center!important;text-decoration:none!important;display:flex!important;width:100%!important;margin-top:10px!important;}
body:not(.bingo-screen) .client-modal-section{border-top:1px solid #eef2f7!important;margin-top:14px!important;padding-top:14px!important;}
body:not(.bingo-screen) .client-modal-section.first{border-top:0!important;margin-top:0!important;padding-top:0!important;}
body:not(.bingo-screen) .client-modal-title{font-size:12px!important;font-weight:900!important;color:#475467!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin:0 0 10px!important;}
body:not(.bingo-screen).modal-open{overflow:hidden!important;}
body:not(.bingo-screen) .client-modal{align-items:flex-start!important;overflow-y:auto!important;padding:22px 16px!important;}
body:not(.bingo-screen) .client-modal-card{width:min(620px,100%)!important;max-height:calc(100vh - 44px)!important;overflow-y:auto!important;margin:auto!important;}
body:not(.bingo-screen) .client-modal-body{padding-right:2px!important;}
body:not(.bingo-screen) .client-modal-card::-webkit-scrollbar{width:8px!important;}
body:not(.bingo-screen) .client-modal-card::-webkit-scrollbar-thumb{background:#d4e5db!important;border-radius:99px!important;}
@media(max-width:760px){
  body:not(.bingo-screen) .admin-dashboard-wrap,
  body:not(.bingo-screen) .admin-clients-wrap{padding-top:78px!important;}
  body:not(.bingo-screen) .client-edit-grid,
  body:not(.bingo-screen) .client-license-actions,
  body:not(.bingo-screen) .client-renew-row{grid-template-columns:1fr!important;}
  body:not(.bingo-screen) .client-modal{padding:10px!important;align-items:flex-start!important;}
  body:not(.bingo-screen) .client-modal-card{width:100%!important;max-height:calc(100vh - 20px)!important;border-radius:20px!important;padding:16px!important;}
  body:not(.bingo-screen) .seller-modal-head{position:sticky!important;top:-16px!important;background:#fff!important;z-index:2!important;padding:0 0 10px!important;border-bottom:1px solid #eef2f7!important;}
  body:not(.bingo-screen) .table-scroll table{min-width:780px!important;}
}


/* Refinos Bingo Web PRO - responsividade e padrão dos modais administrativos */
body.modal-open{overflow:hidden!important;}
body:not(.bingo-screen) .client-modal{align-items:flex-start!important;overflow-y:auto!important;padding:clamp(10px,3vw,24px)!important;}
body:not(.bingo-screen) .client-modal-card{width:min(680px,calc(100vw - 24px))!important;max-height:92vh!important;overflow-y:auto!important;margin:auto!important;}
body:not(.bingo-screen) .seller-modal-head{position:sticky!important;top:0!important;background:#fff!important;z-index:4!important;padding-bottom:12px!important;border-bottom:1px solid #eef2f7!important;}
body:not(.bingo-screen) .client-edit-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
body:not(.bingo-screen) .client-edit-grid .full{grid-column:1/-1!important;}
body:not(.bingo-screen) .client-renew-row,
body:not(.bingo-screen) .client-license-actions{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;}
@media(max-width:640px){
  body:not(.bingo-screen) .client-modal{padding:10px!important;}
  body:not(.bingo-screen) .client-modal-card{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;border-radius:18px!important;padding:14px!important;}
  body:not(.bingo-screen) .client-edit-grid,
  body:not(.bingo-screen) .client-renew-row,
  body:not(.bingo-screen) .client-license-actions{grid-template-columns:1fr!important;}
  body:not(.bingo-screen) .client-modal .btn,
  body:not(.bingo-screen) .client-modal button,
  body:not(.bingo-screen) .client-modal a.btn{width:100%!important;justify-content:center!important;text-align:center!important;}
}