@keyframes skeleton-pulse {
  0% {
    background-color: #F5F5F5;
  }
  50% {
    background-color: #EEEEEE;
  }
  100% {
    background-color: #F5F5F5;
  }
}
/**
  * All the CSS should be nested inside this selector
  * so that these styles can't conflict with the rest of the Umbrava styles.
  */
.dundas-application--root {
  .primaryButton {
      background-color: var(--palette-primary-main, blue) !important;
      color: var(--palette-common-white, white) !important;
      border-radius: 4px !important;
      cursor: pointer;
  }
  
  .element-loading-block {
    z-index: 890;
    background: #F5F5F5;
    animation: skeleton-pulse 1.5s ease-in-out infinite !important;
  }
  
  .element-loading-spinner {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* ── Parameter Dropdown Arrow Replacement (div-based wrappers) ── */
  .parameterHierarchyInnerWrapper,
  .parameterRangeHierarchyInnerWrapper,
  .parameterCalendarInnerWrapper,
  .parameterRangeDateTimeInnerWrapper,
  .parameterDateTimeInnerWrapper,
  .parameterTimeHierarchyInnerWrapper,
  .parameterRangeCalendarInnerWrapper {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.88542 0.24375L4.65208 3.47708L1.41875 0.24375C1.09375 -0.08125 0.56875 -0.08125 0.24375 0.24375C-0.08125 0.56875 -0.08125 1.09375 0.24375 1.41875L4.06875 5.24375C4.39375 5.56875 4.91875 5.56875 5.24375 5.24375L9.06875 1.41875C9.39375 1.09375 9.39375 0.56875 9.06875 0.24375C8.74375 -0.0729167 8.21042 -0.08125 7.88542 0.24375Z' fill='%239AA3CD'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 10px 6px !important;
  }

  /* ── Date picker arrow override ── */
  .dateTimePicker input.hasDatepicker {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.88542 0.24375L4.65208 3.47708L1.41875 0.24375C1.09375 -0.08125 0.56875 -0.08125 0.24375 0.24375C-0.08125 0.56875 -0.08125 1.09375 0.24375 1.41875L4.06875 5.24375C4.39375 5.56875 4.91875 5.56875 5.24375 5.24375L9.06875 1.41875C9.39375 1.09375 9.39375 0.56875 9.06875 0.24375C8.74375 -0.0729167 8.21042 -0.08125 7.88542 0.24375Z' fill='%239AA3CD'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 10px 6px !important;
  }

  /* ── Native <select> arrow override ── */
  .parameterControl select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.88542 0.24375L4.65208 3.47708L1.41875 0.24375C1.09375 -0.08125 0.56875 -0.08125 0.24375 0.24375C-0.08125 0.56875 -0.08125 1.09375 0.24375 1.41875L4.06875 5.24375C4.39375 5.56875 4.91875 5.56875 5.24375 5.24375L9.06875 1.41875C9.39375 1.09375 9.39375 0.56875 9.06875 0.24375C8.74375 -0.0729167 8.21042 -0.08125 7.88542 0.24375Z' fill='%239AA3CD'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 10px 6px !important;
    padding-right: 30px !important;
  }

  /* ── Numeric Up/Down Arrow Styling ── */
  .numericUpDown-upArrow {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.42708 5.24375L4.66042 2.01042L7.89375 5.24375C8.21875 5.56875 8.74375 5.56875 9.06875 5.24375C9.39375 4.91875 9.39375 4.39375 9.06875 4.06875L5.24375 0.24375C4.91875 -0.08125 4.39375 -0.08125 4.06875 0.24375L0.24375 4.06875C-0.08125 4.39375 -0.08125 4.91875 0.24375 5.24375C0.56875 5.56042 1.10208 5.56875 1.42708 5.24375Z' fill='%239AA3CD'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 10px 6px !important;
    position: relative !important;
    top: 3px !important;
  }

  .numericUpDown-upArrow::before,
  .numericUpDown-upArrow::after {
    display: none !important;
  }

  .numericUpDown-downArrow {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.88542 0.24375L4.65208 3.47708L1.41875 0.24375C1.09375 -0.08125 0.56875 -0.08125 0.24375 0.24375C-0.08125 0.56875 -0.08125 1.09375 0.24375 1.41875L4.06875 5.24375C4.39375 5.56875 4.91875 5.56875 5.24375 5.24375L9.06875 1.41875C9.39375 1.09375 9.39375 0.56875 9.06875 0.24375C8.74375 -0.0729167 8.21042 -0.08125 7.88542 0.24375Z' fill='%239AA3CD'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 10px 6px !important;
    position: relative !important;
    top: -3px !important;
  }

  .numericUpDown-downArrow::before,
  .numericUpDown-downArrow::after {
    display: none !important;
  }
  
  /* ── Override Dundas focus colors scoped to parameter controls only ── */
  .parameterControl:not(:has(.parameterPlayAxisWrapper)),
  .hierarchyExplorer-searchContainer {
    --utility-state-blue: #789BF9;
    --utility-state-blue-light: transparent;
  }

  /* ── Parameter hover — wrapper types ── */
  .parameterCalendarPicker .parameterCalendarInnerWrapper:hover,
  .parameterHierarchyPicker .parameterHierarchyInnerWrapper:hover,
  .parameterRangeCalendarPicker .parameterRangeCalendarInnerWrapper:hover,
  .parameterRangeHierarchyPicker .parameterRangeHierarchyInnerWrapper:hover,
  .parameterAnalysisElementPicker .parameterAnalysisElementInnerWrapper:hover {
    border-color: #8690C4 !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
  }

  /* ── Parameter hover — input/select types ── */
  .parameterControl .parameterControl-fieldset input[type="text"]:hover,
  .parameterControl .parameterControl-fieldset input[type="date"]:hover,
  .parameterControl .parameterControl-fieldset input[type="datetime"]:hover,
  .parameterControl .parameterControl-fieldset input[type="datetime-local"]:hover,
  .parameterControl .parameterControl-fieldset select:hover,
  .parameterControl .parameterControl-fieldset textarea:hover {
    border-color: #8690C4 !important;
    background-color: transparent !important;
  }

  /* ── Parameter focus/selected — wrapper types ── */
  .parameterCalendarPicker .parameterCalendarInnerWrapper:focus-within,
  .parameterHierarchyPicker .parameterHierarchyInnerWrapper:focus-within,
  .parameterRangeCalendarPicker .parameterRangeCalendarInnerWrapper:focus-within,
  .parameterRangeHierarchyPicker .parameterRangeHierarchyInnerWrapper:focus-within {
    border-color: #789BF9 !important;
    box-shadow: none !important;
  }

  /* ── Parameter focus/selected — input/select types ── */
  .parameterControl .parameterControl-fieldset input[type="text"]:focus,
  .parameterControl .parameterControl-fieldset input[type="date"]:focus,
  .parameterControl .parameterControl-fieldset input[type="datetime"]:focus,
  .parameterControl .parameterControl-fieldset input[type="datetime-local"]:focus,
  .parameterControl .parameterControl-fieldset select:focus,
  .parameterControl .parameterControl-fieldset textarea:focus {
    border-color: #789BF9 !important;
    box-shadow: none !important;
    outline: none !important;
  }

  /* ── Search input hover inside parameter dropdowns ── */
  .hierarchyExplorer-searchContainer .searchControl-input:hover {
    border-color: #8690C4 !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

/* Parameter styling */  
.parameterHierarchyPickerLabel,
.parameterHierarchyLevelInputLabel,
.parameterRangeCalendarPickerLabelElement,
.parameterRangeDateTimeFromInputLabel,
.parameterRangeDateTimeToInputLabel,
.parameterTimeHierarchyLabel,
.parameterCalendarPickerLabel,
.parameterDateTimeInputLabel,
.parameterTextBoxInputLabel,
.parameterRangeHierarchyPickerLabelElement,
.parameterAnalysisElementInputLabel,
.parameterRangeNumericUpDownFromInputLabel,
.parameterRangeNumericUpDownToInputLabel,
.parameterSliderInputLabel,
.parameterNumericUpDownInputLabel,
.parameterCheckboxListInputWrapperLabel{
    font-weight: 600;
    color: #4E5B9F;
    font-size: 12px;
    margin-bottom: 4px;
  	margin-top: 4px;
  }
/* Tooltip styling */
  .tooltip {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
.tooltip-container {
    background-color: #EBEDF5 !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    color: #000000 !important;
    position: relative !important;
    padding: 10px !important;
    font-size: 12px !important;
  }
  .tooltip-container::after {
    content: '' !important;
    position: absolute !important;
    bottom: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid #EBEDF5 !important;
  }
  .tooltip-arrow {
    display: none !important;
  }
}