/* Ajustes responsivos compartilhados do painel admin */

*,
*::before,
*::after {
  box-sizing: border-box;
}

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

@media (max-width: 991px) {
  .navbar .container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center !important;
  }

  .navbar-brand {
    width: 100%;
    text-align: center;
    margin-right: 0 !important;
  }

  .navbar-nav.ms-auto.d-flex.flex-row.align-items-center,
  .d-flex {
    width: 100%;
    justify-content: center !important;
    flex-wrap: wrap;
    gap: 6px;
  }

  .navbar-nav .nav-link {
    font-size: 0.9rem;
    padding: 0.35rem 0.55rem !important;
  }

  .container.pt-5,
  .container.pt-4 {
    padding-top: 1rem !important;
  }

  h1,
  h2 {
    font-size: clamp(1.25rem, 4vw, 1.7rem) !important;
  }

  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  table {
    min-width: 680px;
  }
}

@media (max-width: 576px) {
  .btn,
  .btn-sm,
  .btn-lg {
    font-size: 0.85rem !important;
  }

  .card-dash,
  .card-boxter,
  .card-editar,
  .login-card {
    padding: 16px !important;
  }
}