/* General Styles */
.page-body {
  margin-left: 2rem;
  margin-right: 2rem;
}

.navbar-brand-image {
  height: 1.5rem;
}

html {
  margin: 0 !important;
}

/* Toast Styles */
.toast-container-cu {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: none;
}

.toast-cu {
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  opacity: 0;
  transform: translateY(100px);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.toast-cu.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.toast-cu.success {
  background-color: #4CAF50; /* Light green */
  color: #FFFFFF; /* Dark green */
}

.toast-cu.error {
  background-color: #E53935; /* Light red */
  color: #FFFFFF; /* Dark red */
}

/* Button Link Styles */
:root {
  --tblr-primary: #b76e79;
  --tblr-primary-darken: #a65b64;
  --tblr-link-color: #b76e79;
  --tblr-link-hover-color: #a65b64;
  --tblr-btn-link-color: #b76e79;
  --tblr-btn-link-hover-color: #a65b64;
  --tblr-btn-link-active-color: #a65b64;
  --tblr-btn-link-focus-color: #a65b64;
}

.btn-link {
  color: var(--tblr-btn-link-color);
  text-decoration: none;
}

.btn-link:hover {
  color: var(--tblr-btn-link-hover-color);
}

/* Accordion Styles */
.accordion-header {
  padding: 0;
}

.report-table {
  height: 100%;
}

.report-country-map {
  height: 100%;
}

.report-country-map > .card-body > .empty-state {
  margin-top: 5px;

}

.bg-darker {
  background-color: #151f2c;
}

.choices {
  margin-bottom: 0 !important;
}

.btn {
  z-index: 0 !important;
}


/* Funnel Chart Styles */
.label__value {
  color: #616161 !important;
}

html[data-bs-theme='dark'] .label__value {
  color: var(--tblr-gray-200) !important;
}

.label__title {
  color: #b76e79 !important;
}

.label__percentage {
  color: #9e9e9e !important;
}

.report-funnel-chart-container {
  margin-top: 1rem;
}

.svg-funnel-js__container {
  margin-top: 1rem;
}


/* Card Loader Styles */
.card-loader {
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

html[data-bs-theme='dark'] .card-loader {
  background-color: rgba(0, 0, 0, 0.6);
}

/* Dark Mode Styles */
html[data-bs-theme='dark'] .edit-row-label,
html[data-bs-theme='dark'] .edit-card-label {
  color: #fff;
  background-color: #000 !important;
}

html[data-bs-theme='dark'] .choices,
html[data-bs-theme='dark'] .choices__inner,
html[data-bs-theme='dark'] .choices__list--dropdown,
html[data-bs-theme='dark'] .choices__list[aria-expanded],
html[data-bs-theme='dark'] .choices__input {
  background-color: #2b2b2b !important;
  color: #f0f0f0 !important;
}

html[data-bs-theme='dark'] .choices__item {
  color: #f0f0f0 !important;
}

html[data-bs-theme='dark'] .choices__item--selectable.is-highlighted {
  background-color: #3a3a3a !important;
}

html[data-bs-theme='dark'] .filter-row > td {
  color: #f0f0f0 !important;
}

/* Sortable Styles */
.sortable-ghost {
  opacity: 0.9 !important;
  background-color: rgba(200, 200, 200, 0.8) !important;
  border: 2px dashed #aaa;
  transform: scale(0.9);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.sortable-chosen {
  opacity: 0.9;
  transform: scale(0.95);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: transform 0.1s ease;
}

/* Filter Controls */
#filter-dimension,
#filter-operator,
#filter-value {
  min-width: 260px;
  width: 260px;
  max-width: 100%;
  height: 44px !important;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.choices__inner {
  min-height: 44px !important;
  height: 44px !important;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.95rem;
  width: 260px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.choices[data-type*="select-one"] .choices__inner {
  padding-bottom: 0.375rem;
}

.form-group.me-2 {
  margin-right: 1.25rem !important;
}

.choices__list--dropdown,
.choices__list[role="listbox"] {
  min-width: 260px;
  max-width: 350px;
  white-space: normal;
  word-break: break-word;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .report-table-action-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .report-table-card-header {
    padding-left: 0;
  }

  .table_report_description,
  .table_report_description_header {
    display: none;
  }

  .dashboard-badge {
    margin-top: 0.5rem;
  }
}

@media (max-width: 991.98px) {
  #filter-dimension,
  #filter-operator,
  #filter-value,
  .choices__inner {
    min-width: 180px;
    width: 180px;
  }

  .choices__list--dropdown,
  .choices__list[role="listbox"] {
    min-width: 180px;
    max-width: 250px;
  }
}

/* Miscellaneous Styles */
.settings-category {
  margin-bottom: 2rem;
}

.form-selectgroup-input:checked + .form-selectgroup-label {
  z-index: 0;
}

.avatar {
  color: #fefefe;
  background-color: #616161;
}