/* Bruno Bet — mobile sem estourar a tela e sem quebrar ícones */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html,
body,
#root {
  max-width: 100%;
  min-width: 0;
}
body {
  overflow-x: hidden;
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
#root {
  min-height: 100%;
}

@media (max-width: 768px) {
  html,
  body,
  #root {
    width: 100%;
    max-width: 100%;
  }

  main,
  [data-sidebar="inset"],
  [data-slot="sidebar-inset"] {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  main,
  .bb-dash {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  table,
  [role="table"] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  img,
  video,
  canvas {
    max-width: 100%;
    height: auto;
  }

  input,
  select,
  textarea {
    font-size: 16px !important;
    max-width: 100%;
  }

  .bb-auth button,
  .bb-plan-cta,
  a[data-testid="button-subscribe-mobile"],
  a[data-testid="link-login-mobile"] {
    min-height: 44px;
  }

  [role="dialog"],
  [data-radix-dialog-content] {
    max-width: min(100%, 560px) !important;
  }

  .bb-auth,
  .bb-auth-left,
  .bb-auth-right {
    min-width: 0 !important;
    width: 100%;
  }
  .bb-auth {
    height: auto !important;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: auto !important;
  }
  .bb-auth-left {
    display: none !important;
  }
  .bb-auth-card {
    max-width: 100%;
    padding: 0 4px;
  }
  .bb-auth-welcome img {
    height: 72px;
    width: auto;
    max-width: min(220px, 70vw);
  }
  .bb-plans-grid {
    grid-template-columns: 1fr !important;
  }
}