/* Add your custom styles here. */

.customer-search {
  border: solid 1px #d1d0d4;
  border-radius: 0.375rem;
}

.customer-search input,
.customer-search .input-group-text {
  border: none;
}
.customer-search .input-group-text {
  padding-right: 0;
}
h4 span {
  color: #6c757d;
}

.card-primary {
  border-radius: 0.375rem;
  background-color: var(--bs-primary);
  box-shadow: var(--bs-card-box-shadow);
  color: #fff;
}

.card-primary h2,
.card-primary h3,
.card-primary h4,
.card-primary h5,
.card-primary h6 {
  color: #fff;
}
.card-primary .card-subtitle,
.card-primary .text-muted {
  color: rgba(255, 255, 255, 0.7) !important;
}
.card-primary .text-danger {
  color: rgb(255 172 174) !important;
}

.content-wrapper h1 {
  font-size: 2rem;
  line-height: 2.5rem;
}

.content-wrapper h1 .ti {
  font-size: 2rem;
  line-height: 2.5rem;
  position: relative;
  top: -0.21rem;
}

.flex {
  display: flex;
  justify-content: space-between;
}

/* SweetAlert2 z-index fixes - navbar is 1080, so we need higher */
.swal2-container {
  z-index: 100000 !important;
}

.swal2-container-high-z {
  z-index: 100000 !important;
}

.swal2-toast-container {
  z-index: 100000 !important;
}

/* Ensure SweetAlert2 backdrop appears on top */
.swal2-container.swal2-backdrop-show {
  z-index: 100000 !important;
}

/* Ensure the popup itself is on top */
.swal2-popup {
  z-index: 100001 !important;
}

/* Ensure toast notifications appear on top */
.swal2-container.swal2-top-end,
.swal2-container.swal2-top-start,
.swal2-container.swal2-top,
.swal2-container.swal2-bottom-end,
.swal2-container.swal2-bottom-start,
.swal2-container.swal2-bottom,
.swal2-container.swal2-center {
  z-index: 100000 !important;
}

/* SweetAlert2 button styling fixes */
.swal2-actions {
  gap: 0.5rem;
  margin: 1.25em auto 0;
}

.swal2-popup .btn {
  margin: 0 !important;
  padding: 0.5rem 1rem;
  display: inline-block;
}

/* Ensure buttons are visible and clickable */
.swal2-styled.btn {
  min-width: 80px;
}

/* Fix button spacing */
.swal2-actions .btn.me-2 {
  margin-right: 0.5rem !important;
}