.app-header {
  background-color: var(--bs-app-header-minimize-bg-color, var(--bs-body-bg));
}

.cash-closing-kpi-value {
  display: block;
  font-size: clamp(1.25rem, 1.35vw, 1.85rem);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.cash-closing-kpi-main {
  display: block;
  font-size: clamp(2rem, 2.6vw, 3.25rem);
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.cash-closing-kpi-secondary {
  display: block;
  font-size: clamp(1.35rem, 1.65vw, 2.1rem);
  line-height: 1.15;
  overflow-wrap: anywhere;
}

[data-kt-app-header-fixed=true] .app-header,
[data-kt-app-header-sticky=on] .app-header,
[data-kt-app-header-minimize=on] .app-header {
  z-index: 110;
  background-color: var(--bs-app-header-minimize-bg-color, var(--bs-body-bg));
  box-shadow: var(--bs-app-header-minimize-box-shadow, 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05));
}

.app-header .app-container {
  background-color: inherit;
}

@media (min-width: 992px) {
  [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) {
    z-index: 120;
  }

  [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) .app-sidebar-toggle {
    z-index: 121;
  }

  [data-kt-app-header-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true][data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on]:has(.app-sidebar:hover:not(.animating)) .app-header,
  [data-kt-app-header-fixed=true][data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true][data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on]:has(.app-sidebar:hover:not(.animating)) .app-header {
    left: calc(var(--bs-app-sidebar-width-actual) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px));
  }
}

.expense-alert-map {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  border-radius: 0.75rem;
  background: var(--bs-gray-100);
}

.expense-alert-map .leaflet-control-attribution {
  font-size: 0.625rem;
}

.expense-alert-leaflet-marker {
  width: auto !important;
  height: auto !important;
}

.expense-alert-map-marker {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 9rem;
  padding: 0.35rem 0.55rem;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
  border-radius: 999px;
  background: var(--bs-body-bg);
  color: var(--bs-gray-700);
  font-size: 0.725rem;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 0.35rem 1.2rem rgba(15, 23, 42, 0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.expense-alert-map-marker:hover,
.expense-alert-map-marker.active {
  border-color: var(--bs-primary);
  color: var(--bs-primary);
  box-shadow: 0 0.5rem 1.5rem rgba(var(--bs-primary-rgb), 0.2);
  transform: scale(1.04);
}

.expense-alert-map-marker.has-alert {
  border-color: var(--bs-danger);
  color: var(--bs-danger);
}

.expense-alert-map-marker .marker-label {
  display: block;
  max-width: 6.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.expense-alert-map-dot {
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.12);
}

.badge-light-danger .expense-alert-map-dot,
.expense-alert-map-marker.has-alert .expense-alert-map-dot {
  background: var(--bs-danger);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.12);
}

.expense-alert-map-count {
  display: none;
  min-width: 1.15rem;
  height: 1.15rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--bs-danger);
  color: var(--bs-white);
  font-size: 0.65rem;
  line-height: 1;
}

.expense-alert-map-marker.has-alert .expense-alert-map-count {
  display: inline-flex;
}