.navbar .brand-logo img,
.navbar .brand-logo-mini img {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  object-fit: cover;
}

.navbar .brand-logo span {
  color: #1e283d;
  font-size: 1.05rem;
}

.auth .brand-logo img {
  width: 40px !important;
  height: 40px;
  border-radius: 10px;
  object-fit: cover;
  margin-right: 10px;
}

.auth .brand-logo span {
  font-weight: 800;
  font-size: 1.25rem;
}

.sidebar-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(7, 11, 24, 0.45);
  z-index: 1040;
}

.sidebar-backdrop.is-visible {
  display: block;
}

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

.content-wrapper {
  overflow-x: hidden;
}

@media (max-width: 991px) {
  .navbar .user-dropdown h5 {
    font-size: 0.9rem;
    margin: 0;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .content-wrapper {
    padding: 1.25rem 1rem;
  }

  .card-body {
    padding: 1rem;
  }

  .form-inline,
  form.row {
    flex-direction: column;
  }

  .btn {
    white-space: nowrap;
  }
}