.auth-card {
  width: 100%;
  max-width: 460px;
  padding: 2.5rem;
  background-color: var(--bs-body-bg);
  border-radius: 1rem;
  box-shadow: var(--bs-box-shadow-lg);
  border: 1px solid var(--bs-border-color);
  margin: 3rem auto 0 auto;
}

[data-bs-theme="dark"] .iti__country-list {
  background-color: #212529 !important;
  border: 1px solid #495057;
  color: #dee2e6 !important;
}

[data-bs-theme="dark"] .iti__country {
  padding: 8px 10px;
}

[data-bs-theme="dark"] .iti__country.iti__highlight {
  background-color: #343a40 !important;
}

[data-bs-theme="dark"] .iti__country-name,
[data-bs-theme="dark"] .iti__dial-code {
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .iti__search-input {
  background-color: #2b3035 !important;
  color: #ffffff !important;
  border: 1px solid #495057 !important;
}

[data-bs-theme="dark"] .iti__search-input::placeholder {
  color: #adb5bd;
}

.input-group .iti {
  flex: 1 1 auto;
  width: 1% !important;
  min-width: 0;
}

.input-group .iti .form-control {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.input-group-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
}
