.perf-profile-metrics-panel {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.perf-profile-metrics-modal-content {
  position: relative;
  min-height: 90vh !important;
  max-height: 94vh !important;
}

.perf-profile-metrics-modal-footer {
  position: absolute !important;
  right: 22px !important;
  bottom: 18px !important;
  z-index: 5 !important;
  width: auto !important;
  margin: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.perf-profile-metrics-modal-footer .perf-profile-metrics-apply-btn {
  pointer-events: auto !important;
  min-width: 72px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  background: linear-gradient(180deg, #1fa463 0%, #148650 100%) !important;
  box-shadow: 0 8px 18px rgba(20, 134, 80, 0.24) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.perf-profile-metrics-modal-footer .perf-profile-metrics-apply-btn:hover,
.perf-profile-metrics-modal-footer .perf-profile-metrics-apply-btn:focus {
  background: linear-gradient(180deg, #22b26b 0%, #16975a 100%) !important;
  box-shadow: 0 10px 20px rgba(20, 134, 80, 0.28) !important;
}

.perf-profile-metrics-modal-content .perf-filter-modal-body {
  min-height: 85vh !important;
  max-height: 88vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 8px 10px 10px 10px !important;
}

#modal-perfil-metricas .modal-dialog,
#modal-radar-fortaleza-metrica .modal-dialog,
#metricas-metrics-modal .modal-dialog {
  max-width: min(1420px, 97vw) !important;
  width: min(1420px, 97vw) !important;
  margin-top: 0.5vh !important;
  margin-bottom: 0.5vh !important;
}

#modal-perfil-metricas .modal-body,
#modal-radar-fortaleza-metrica .modal-body,
#metricas-metrics-modal .modal-body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

#modal-perfil-metricas .perf-filter-modal-header,
#modal-radar-fortaleza-metrica .perf-filter-modal-header,
#metricas-metrics-modal .perf-filter-modal-header {
  min-height: 46px !important;
  padding: 8px 14px !important;
}

#modal-perfil-metricas .perf-filter-modal-header .modal-title,
#modal-radar-fortaleza-metrica .perf-filter-modal-header .modal-title,
#metricas-metrics-modal .perf-filter-modal-header .modal-title {
  font-size: 0.84rem !important;
}

#modal-perfil-metricas .perf-profile-metrics-panel,
#modal-radar-fortaleza-metrica .perf-profile-metrics-panel,
#metricas-metrics-modal .perf-profile-metrics-panel {
  padding: 6px 6px 0 6px !important;
}

#modal-perfil-metricas .perf-profile-metrics-modal-footer,
#modal-radar-fortaleza-metrica .perf-profile-metrics-modal-footer,
#metricas-metrics-modal .perf-profile-metrics-modal-footer {
  right: 18px !important;
  bottom: 14px !important;
}

.perf-profile-metrics-dd .Select-control {
  min-height: 34px !important;
  border: 1px solid #B58500 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(181, 133, 0, 0.08) !important;
  padding-right: 34px !important;
}

.perf-profile-metrics-dd .Select-placeholder,
.perf-profile-metrics-dd .Select-value-label,
.perf-profile-metrics-dd .Select-input > input {
  color: #0f2f57 !important;
  font-weight: 600 !important;
}

.perf-profile-metrics-dd .Select-arrow-zone {
  display: none !important;
}

.perf-profile-metrics-dd .Select-arrow {
  border-top-color: #B58500 !important;
  border-width: 6px 6px 2.5px !important;
}

.perf-profile-metrics-dd.is-open .Select-arrow {
  border-top-color: transparent !important;
  border-bottom-color: #B58500 !important;
  border-width: 0 6px 6px !important;
}

.perf-profile-metrics-dd .Select-clear-zone {
  color: #b58500 !important;
  padding-right: 28px !important;
}

.perf-profile-metrics-dd-wrap {
  cursor: pointer;
}

.perf-profile-metrics-dd-wrap .Select-control {
  border-color: #4f78a8 !important;
  background: linear-gradient(180deg, #f5f9ff 0%, #eaf2fb 100%) !important;
  box-shadow: 0 2px 10px rgba(0, 72, 154, 0.10) !important;
  padding-right: 34px !important;
}

.perf-profile-metrics-dd-wrap .Select-placeholder,
.perf-profile-metrics-dd-wrap .Select-value,
.perf-profile-metrics-dd-wrap .Select-input {
  padding-left: 28px !important;
}

.perf-profile-metrics-dd-wrap:hover .Select-control {
  border-color: #00489A !important;
  background: #f0f6fd !important;
  box-shadow: 0 0 0 2px rgba(0, 72, 154, 0.13), 0 3px 12px rgba(15, 47, 87, 0.08) !important;
}

.perf-profile-metrics-dd-wrap .Select.is-focused > .Select-control,
.perf-profile-metrics-dd-wrap .Select.is-open > .Select-control {
  border-color: #00489A !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 72, 154, 0.14), 0 4px 14px rgba(15, 47, 87, 0.10) !important;
}

.perf-profile-metrics-dd.is-focused .Select-control,
.perf-profile-metrics-dd .Select-control:hover,
.perf-profile-metrics-search:focus,
.perf-profile-metrics-search:hover {
  border-color: #b58500 !important;
  box-shadow: 0 0 0 2px rgba(181, 133, 0, 0.12) !important;
}

.perf-profile-metrics-search {
  outline: none !important;
}