.ant-typography,
.ant-descriptions-item-label,
.ant-descriptions-item-content,
.ant-menu-title-content,
.ant-tag,
.ant-card,
.ant-checkbox-label,
.ant-btn,
.ant-breadcrumb-link,
.ant-dropdown-menu-title-content,
.ant-notification-notice-message,
.ant-notification-notice-description,
.ant-message-custom-content,
.ant-modal-title,
.ant-modal-body,
.ant-table-column-title,
.ant-table-cell,
.ant-alert-message,
.ant-drawer-title,
.ant-tooltip-inner,
.ant-form-item-control-input-content,
.ant-form-item-control-input,
.ant-input,
.ant-input-number .ant-input-number-input,
.ant-segmented-item-label,
.ant-badge-status-text,
.ant-tree-title,
.ant-select,
.ant-progress,
.ant-collapse,
.ant-picker-dropdown,
.ant-radio-group,
.g2-tooltip-title,
.g2-tooltip-list-item,
.ant-picker-input,
.ant-picker-header-view button,
.ant-badge,
.ant-select-dropdown,
.ant-splitter,
.ant-steps-item-title,
.ant-steps-icon,
.ant-color-picker-presets-label,
.ant-select-selection-item,
.ant-color-picker-trigger-text,
[class*=' ant-radio'] {
  font-family: 'DM Sans';
}

.ant-typography code,
.ant-typography pre {
  font-family: 'DM Mono';
}

.ant-steps .ant-steps-item-icon {
  line-height: 30px;
  font-weight: 600;
}

.ant-steps .ant-steps-item-icon .anticon.anticon-check.ant-steps-finish-icon {
  line-height: 32px;
}

.ant-typography .id-text {
  font-family: 'DM Mono';
  font-size: 11.9px;
  vertical-align: top !important;
}

.ant-typography-ellipsis-single-line {
  vertical-align: middle !important;
}

.ant-typography-ellipsis-single-line > code {
  vertical-align: top !important;
}

.object-display-tag .ant-typography-ellipsis-single-line > code {
  background-color: transparent !important;
  border: 1px solid transparent !important;
  max-width: calc(100%);
  padding: 0;
  margin: 0;
  font-size: 95%;
}

.ant-select-selection-item .country-display {
  margin-left: 1px !important;
}

.object-display-tag,
.object-type-display-tag,
.country-display {
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
}

.object-select.ant-select-focused .object-display-tag,
.ant-select-focused .object-type-display-tag,
.ant-select-focused .country-display {
  opacity: 0.5;
}

.flag {
  line-height: 0.7;
}

.electron-navigation-wrapper {
  user-select: none;
  --webkit-user-select: none;
}

.electron-body * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.electron-body .ant-descriptions-item-content *,
.electron-body .ant-table-cell * {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}

/* Native macOS vibrancy — transparent web content over NSVisualEffectView */
html.macos-vibrancy {
  --macos-window-corner-radius: 15px; /* keep in sync with MAC_WINDOW_CORNER_RADIUS */
}

html.macos-vibrancy,
html.macos-vibrancy body,
html.macos-vibrancy #root {
  background: transparent !important;
}

html.macos-vibrancy .ant-layout.ant-layout-has-sider,
html.macos-vibrancy .main-layout {
  background: transparent !important;
}

html.macos-vibrancy .light-mode .ant-layout.main-content-layout {
  background: rgba(255, 255, 255, 0.88) !important;
}

html.macos-vibrancy .dark-mode .ant-layout.main-content-layout {
  background: rgba(0, 0, 0, 0.88) !important;
}

html.macos-vibrancy .light-mode .ant-layout-sider {
  background: rgba(244, 244, 244, 0.82) !important;
}

html.macos-vibrancy .dark-mode .ant-layout-sider {
  background: rgba(10, 10, 10, 0.82) !important;
}

html.macos-vibrancy .light-mode .ant-layout-content {
  background: transparent !important;
}

html.macos-vibrancy .dark-mode .ant-layout-content {
  background: transparent !important;
}

html.macos-vibrancy .ant-layout-sider-light,
html.macos-vibrancy .electron-sider .ant-menu-light {
  background: transparent !important;
}

html.macos-vibrancy
  .dark-mode
  .electron-sider
  .ant-menu-light
  .ant-menu-item-selected {
  background-color: color-mix(in srgb, var(--color-primary) 30%, #00000010);
  color: color-mix(in srgb, var(--color-primary) 75%, #ffffff);
}

html.macos-vibrancy
  .light-mode
  .electron-sider
  .ant-menu-light
  .ant-menu-item-selected {
  background-color: color-mix(in srgb, var(--color-primary) 80%, #ffffff3d);
  color: #ffffff;
}

html.macos-vibrancy .dark-mode .electron-navigation-wrapper {
  background: rgba(10, 10, 10, 0.9) !important;
}

html.macos-vibrancy .light-mode .electron-navigation-wrapper {
  background: rgba(255, 255, 255, 0.9) !important;
}

html.macos-vibrancy .electron-navigation {
  background: rgba(0, 0, 0, 0) !important;
}

html.macos-vibrancy .light-mode .ant-layout.main-content-layout .ant-card {
  background: rgba(255, 255, 255, 0.5) !important;
}
html.macos-vibrancy .dark-mode .ant-layout.main-content-layout .ant-card {
  background: rgba(31, 31, 31, 0.5) !important;
}

.redTrafficLight {
  width: 12px;
  height: 12px;
  background-color: #fe5f57;
  border-radius: 50%;
}

.yellowTrafficLight {
  width: 12px;
  height: 12px;
  background-color: #febc2e;
  border-radius: 50%;
}

.greenTrafficLight {
  width: 12px;
  height: 12px;
  background-color: #28c840;
  border-radius: 50%;
}

.electron-navigation {
  line-height: 40px;
}

.electron-sidebar.ant-menu-inline .ant-menu-item {
  padding-left: 20px !important;
}

.electron-navigation .ant-menu-overflow-item-rest {
  padding-inline: 10px;
}

.electron-navigation.ant-menu-horizontal .ant-menu-item {
  padding-inline: 12px;
}

.electron-sidebar .ant-menu-item,
.electron-sidebar .ant-menu-submenu-title {
  height: 32.5px !important;
  line-height: 32.5px !important;
}

.electron-sider.ant-layout-sider-collapsed {
  max-width: 55px !important;
  min-width: 55px !important;
}

.loading-modal .ant-modal-footer {
  display: none;
}

:root {
  --unit-100vh: 100vh;
  --scrollbox-vertical-right-padding: 16px;
  --scrollbox-horizontal-bottom-padding: 16px;
}
@supports (height: 100dvh) {
  :root {
    --unit-100vh: 100dvh;
  }
}

.dashboard-cards-header .ant-table-tbody {
  display: none;
}

.ant-menu-overflow-item-rest::after {
  border-bottom: none !important;
}

.ant-menu-overflow-item > div:hover {
  background-color: transparent !important;
}

code {
  margin: 0;
}

.App {
  text-align: center;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #be871a;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.iddisplay .ant-popover-inner {
  padding: 0 !important;
}

.ant-popover-inner:has(.spotlight-tooltip) {
  padding: 0 !important;
}

.ant-popover-inner:has(.keyboard-shortcut-tooltip) {
  padding: 8px !important;
}

/* --- Start of src/index.css --- */
body {
  margin: 0;
  overflow: hidden;
}

.ant-modal-mask,
.ant-drawer-mask {
  backdrop-filter: blur(3px);
}

.ant-spin-blur {
  filter: blur(3px);
}
/* --- End of src/index.css --- */

/* --- Start of src/components/Dashboard/Layout.css --- */
.no-padding-collapse .ant-collapse-header {
  padding: 0 !important;
}

.no-padding-collapse .ant-collapse-content-box {
  padding: 0 !important;
}

.no-h-padding-collapse .ant-collapse-header {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 4px !important;
}

.no-h-padding-collapse .ant-collapse-content-box {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

.no-padding-collapse .ant-collapse-item,
.no-v-padding-collapse .ant-collapse-item {
  border: none !important;
}
/* --- End of src/components/Dashboard/Layout.css --- */

/* --- Start of src/components/Dashboard/common/DashboardSidebar.css --- */
.ant-layout-sider {
  width: 250px; /* Adjust the width as per your preference */
  min-width: 250px; /* Ensure a minimum width to avoid collapsing */
  max-width: 400px; /* Optionally set a maximum width */
}
/* --- End of src/components/Dashboard/common/DashboardSidebar.css --- */

.objectTableDescritions > .ant-descriptions-view > table {
  table-layout: fixed !important;
}

.objectTableDescritions
  > .ant-descriptions-view
  .ant-descriptions-row
  > .ant-descriptions-item-label {
  width: 35%;
}

.farmcontrol-splitter > .ant-splitter-bar {
  margin: 8px;
}

.farmcontrol-splitter.large > .ant-splitter-bar {
  margin: 11px;
  opacity: 0.6;
}

.dark-mode {
  --sb-track-color: #1d1d1d;
  --sb-thumb-color: #848484;
  --sb-size: 8px;
}

.light-mode {
  --sb-thumb-color: #87878718;
  --sb-size: 8px;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar:vertical {
  width: 8px;
}

::-webkit-scrollbar:horizontal {
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #8888881a;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
}

::-webkit-scrollbar-corner {
  background: #00000000; /* The scroll corner color */
}

::-webkit-scrollbar-thumb:vertical {
  border-left: none;
}

::-webkit-scrollbar-thumb:horizontal {
  border-top: none;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #5555551f;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:vertical:hover {
  border-left: none;
}

::-webkit-scrollbar-thumb:horizontal:hover {
  border-top: none;
}

.ant-table-body {
  scrollbar-color: auto;
}

.ant-select-selection-item .ant-tag {
  margin-left: 1px !important;
}

.tags-input.ant-select-multiple .ant-select-selection-item,
.tags-input.ant-tree-select.ant-select-multiple .ant-select-selection-item {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-inline-end: 0 !important;
  height: auto !important;
  line-height: normal !important;
}

.tags-input.ant-select-multiple .ant-select-selection-item-remove,
.tags-input.ant-tree-select.ant-select-multiple
  .ant-select-selection-item-remove {
  display: none;
}

.ant-badge.ant-badge-status {
  line-height: 18.5px;
}

.simplebar-track.simplebar-vertical {
  right: calc(-1 * var(--scrollbox-vertical-right-padding));
  width: 8px !important;
}

.simplebar-track.simplebar-horizontal {
  bottom: calc(-1 * var(--scrollbox-horizontal-bottom-padding));
  height: 8px !important;
}

.scrollbox-inner .simplebar-track.simplebar-vertical {
  right: var(--scrollbox-vertical-right-padding);
}

.scrollbox-inner .simplebar-track.simplebar-horizontal {
  bottom: var(--scrollbox-horizontal-bottom-padding);
}

.scrollbox-inner-small-padding .simplebar-track.simplebar-vertical {
  right: 8px;
  bottom: 8px;
  top: 8px;
}

.scrollbox-inner-small-padding .simplebar-track.simplebar-horizontal {
  bottom: 8px;
}

.simplebar-scrollbar:before {
  background: #78787854 !important;
}

.printer-alerts-display-popover .ant-popover-inner {
  padding: 0 !important;
  margin: 0 24px !important;
}

.child-table-rollups *::-webkit-scrollbar:horizontal {
  height: 0px;
}

.rollup-table .ant-table-container {
  border-start-start-radius: 0px !important;
  border-start-end-radius: 0px !important;
}

.rollup-table .ant-table {
  border-radius: 0px !important;
}

.ant-select-selection-item .object-display-tag,
.ant-select-tree-title .object-display-tag {
  background: transparent !important;
  padding: 0;
  margin-right: 1px !important;
}

.object-select .ant-select-selection-item .object-display-tag {
  top: 1.5px;
}

.ant-select-tree-title .object-display-tag {
  top: 0.5px;
}

.ant-select-outlined.ant-select-multiple
  .ant-select-selection-item
  .object-display-tag {
  padding-top: 0px;
}

.ant-select-outlined.ant-select-multiple
  .ant-select-selection-item
  .object-display-tag
  .ant-flex {
  margin-top: -0.75px;
}

.object-info-descriptions table {
  table-layout: fixed !important;
}

.ant-btn-variant-outlined.ant-btn.ant-btn-icon-only {
  min-width: 32px;
}

.electron-spotlight-content .ant-input-outlined {
  background-color: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ant-modal .ant-modal-content {
  border-radius: 22px;
  padding: 24px;
}

.ant-badge .ant-badge-count-sm {
  font-size: 10px;
}

.input-number-cal {
  position: relative;
}

.input-number-cal .ant-input-suffix {
  margin-right: 28px;
}

.input-number-cal .ant-input-outlined {
  border-color: var(--color-purple);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-purple) 31%, transparent);
}

.input-number-cal .ant-input {
  font-family: 'DM Mono';
  font-weight: 400;
}

.input-number-cal-icon {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* --- Start of src/components/Dashboard/common/MarkdownInput.css --- */
.md-editor__content {
  padding: 24px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--baseText);
  white-space: pre-wrap;
  outline: none;
}

.md-editor {
  color: var(--baseText);
}

.md-editor .tiptap {
  min-height: var(--md-editor-min-height);
}

.md-editor .tiptap p.is-editor-empty:first-child::before {
  content: 'Enter text here...';
  color: var(--baseBorderHover);
  float: left;
  height: 0;
  pointer-events: none;
}

.markdown pre,
.markdown code,
.markdown blockquote {
  background: var(--baseBgSubtle);
  color: var(--baseTextContrast);
}

.markdown pre {
  border-radius: 8px;
  padding: 12px;
  overflow-x: auto;
}

.markdown blockquote {
  border-left: 3px solid var(--color-primary);
  margin: 0;
  padding: 8px 12px;
}

.markdown hr {
  border: 0;
  border-top: 1px solid #8484844d;
  margin: 10px 0;
}

.markdown *:first-child {
  margin-top: 0;
}

.markdown h1:first-child {
  margin-top: -4px;
}

.markdown h2:first-child {
  margin-top: -3px;
}

.markdown h3:first-child {
  margin-top: -2px;
}

.markdown h4:first-child {
  margin-top: -1px;
}

.markdown *:last-child {
  margin-bottom: 0;
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  margin-bottom: 10px;
  line-height: 1;
}

.markdown p {
  font-size: 14px;
  margin: 10px 0;
  line-height: 1.6;
}

.markdown h1 {
  font-size: 32px;
}

.markdown h2 {
  font-size: 26px;
}

.markdown h3 {
  font-size: 20px;
}

.markdown h4 {
  font-size: 16px;
}

.markdown {
  width: 100%;
}

.property-changes .markdown {
  width: unset;
}

.markdown ul,
.markdown ol {
  padding-left: 20px;
  margin: 10px 0;
}

.markdown li {
  margin: 10px 0;
  line-height: 1;
}

.markdown-code-editor {
  padding: 18px;
}

.markdown-splitter > .ant-splitter-bar {
  margin: 8px 0;
}

.markdown-code-editor .cm-editor {
  background-color: transparent;
}

.markdown-code-editor .cm-editor.cm-focused {
  outline: none;
}

.markdown-code-editor .cm-editor .cm-gutters {
  background-color: transparent;
}

.h-100 {
  height: 100%;
  min-height: 0;
}

.ant-table.ant-table-middle .ant-table-filter-trigger {
  height: 20px;
}

.ant-table-wrapper .ant-table-filter-column {
  align-items: center;
}

span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
  width: 50px;
  min-width: 0;
  height: 20px;
}

.sidebar-scroll .simplebar-track.simplebar-vertical {
  right: -1px;
  width: 0px !important;
  transition:
    width 0.15s ease-in-out,
    right 0.15s ease-in-out;
}

.sidebar-scroll .simplebar-track.simplebar-vertical {
  border-radius: 0 0 6.5px 0;
}

.sidebar-scroll.dark .simplebar-track.simplebar-vertical {
  background-color: #141414;
  border-inline-end: 1px solid rgba(253, 253, 253, 0.12);
  border-bottom: 1px solid rgba(253, 253, 253, 0.12);
}

.sidebar-scroll.light .simplebar-track.simplebar-vertical {
  background-color: #ffffff;
  border-inline-end: 1px solid rgba(5, 5, 5, 0.06);
  border-bottom: 1px solid rgba(5, 5, 5, 0.06);
}

.sidebar-scroll.simplebar-scrolling .simplebar-track.simplebar-vertical {
  width: 12px !important;
  right: -13px;
}

.sidebar-scroll
  .simplebar-track.simplebar-vertical
  .simplebar-scrollbar:before {
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
}

.ant-color-picker
  .ant-color-picker-inner
  .ant-color-picker-panel
  .ant-color-picker-select
  .ant-color-picker-palette {
  border-radius: 8px;
}

.ant-color-picker
  .ant-collapse
  .ant-collapse-item:last-child
  .ant-collapse-content-box {
  padding-bottom: 0 !important;
}

.ant-color-picker .ant-collapse .ant-collapse-expand-icon {
  height: 12px !important;
  padding-inline-end: 8px !important;
}

.ant-color-picker .ant-color-picker-inner .ant-color-picker-presets-label {
  line-height: 1 !important;
}

.ant-color-picker
  .ant-collapse
  .ant-collapse-item:first-child
  .ant-collapse-header {
  margin: 0 0 5.5px 0;
}

.ant-color-picker .ant-collapse .ant-collapse-item .ant-collapse-header {
  margin: 5.5px 0;
}

.subSteps.ant-timeline .ant-timeline-item-last > .ant-timeline-item-content {
  min-height: unset;
}

.subSteps.ant-timeline .ant-timeline-item-last {
  padding-bottom: 6px;
}

.subSteps.ant-timeline {
  margin-top: 16px;
}

.ant-steps.ant-steps-vertical
  > .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail::after {
  width: 1.5px;
}

.subSteps.ant-timeline .ant-timeline-item-head {
  background-color: unset;
}

.subSteps.ant-timeline .subSteps-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.subSteps.ant-timeline .subSteps-dot svg path {
  stroke: var(--layout-modal-bg);
  stroke-width: 10px;
}

.subSteps.ant-timeline .subSteps-dot span {
  width: 5px;
  height: 5px;
  margin-top: 0px;
  margin-right: 0px;
}

.subSteps.ant-timeline .subSteps-dot.subSteps-dot-disabled {
  background-color: var(--color-primary-disabled);
}

.subSteps.ant-timeline .subSteps-dot.subSteps-dot-disabled svg path {
  stroke: var(--color-primary);
}

.ant-steps .ant-steps-item-finish .ant-steps-item-icon svg path {
  stroke: var(--color-primary);
  stroke-width: 3px;
}

.ant-descriptions .ant-descriptions-item-label::after {
  top: 0;
}

.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 6px;
}

.minimal-code-block-editor .ant-typography pre {
  margin: 0;
}

.ant-splitter-panel:not(:first-child) .info-collapse .info-collapse-label {
  margin-left: 4px;
}

.farmcontrol-splitter .ant-splitter-panel {
  overflow: visible;
}

.farmcontrol-splitter.ant-splitter-horizontal .ant-splitter-panel {
  width: 100%;
  min-width: 0;
}

.farmcontrol-splitter
  .ant-splitter-panel:has(~ .ant-splitter-panel)
  .info-collapse.ant-collapse.ant-collapse-icon-position-end
  > .ant-collapse-item
  > .ant-collapse-header
  .ant-collapse-expand-icon {
  padding-inline-end: 2px;
}

.objectTableCards {
  overflow: hidden;
}

.objectTableCardsContainer {
  width: 100%;
  height: 100%;
  min-width: 0;
}

.objectTableCardsContainer .ant-spin-nested-loading {
  width: 100%;
  height: 100%;
}

.objectTableCardsContainer .ant-spin-container {
  width: 100%;
  height: 100%;
}

.electron-body .ant-modal-wrap,
.electron-body .ant-modal-mask,
.electron-body .ant-drawer {
  top: 41px;
}

@keyframes h-progress-macos-wave {
  0% {
    transform: translateX(0);
  }
  100% {
    /* One gradient period (40cqw of a 200cqw-wide element) for a seamless loop */
    transform: translateX(20%);
  }
}

.h-progress {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 1;
}

.h-progress-outer {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.h-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  flex: 1;
  overflow: hidden;
  vertical-align: middle;
  /* Lets the wave size itself against the full track via cqw units */
  container-type: inline-size;
}

.h-progress-bg,
.h-progress-success-bg {
  position: relative;
  transition: all 0.1s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.h-progress-success-bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}

/* Mask that clips the wave to the filled portion of the bar. Its width
   tracks the fill, while the wave inside keeps a constant width so Safari
   doesn't restart/freeze the animation when progress updates. */
.h-progress-bg-mask {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  overflow: hidden;
  pointer-events: none;
  transition: width 0.1s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.h-progress-bg-wave {
  position: absolute;
  inset-block: 0;
  /* Constant width relative to the full track (.h-progress-inner),
     independent of the mask's changing width. Starts one period early so
     the pattern always covers the track while sliding right. */
  inset-inline-start: -40cqw;
  width: 200cqw;
  background: repeating-linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.35) 20cqw,
    rgba(255, 255, 255, 0) 40cqw
  );
  animation: h-progress-macos-wave 1s linear infinite;
}

.h-progress-text {
  display: inline-block;
  margin-inline-start: 8px;
  line-height: 1;
  width: 2em;
  white-space: nowrap;
  text-align: start;
  vertical-align: middle;
  word-break: normal;
}

.h-progress-text-start {
  width: max-content;
  margin-inline-start: 0;
  margin-inline-end: 8px;
}

.h-progress-text-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-inline-start: 0;
  padding: 0 4px;
  color: #fff;
}

.h-progress-layout-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.h-progress-layout-bottom .h-progress-text {
  width: max-content;
  margin-inline-start: 0;
  margin-top: 4px;
}

.simple-date-time-property-filter {
  margin: -6px 0;
  background-color: transparent;
}

.simple-date-time-property-filter.ant-tree .ant-tree-treenode {
  margin-bottom: 0;
  height: 40px;
  align-items: center;
}

.simple-date-time-property-filter.ant-tree .ant-tree-switcher {
  align-self: center;
}

.simple-date-time-property-filter.ant-tree .ant-tree-switcher-leaf-line:after {
  height: 0;
  top: -5px;
}

.simple-date-time-property-filter.ant-tree .ant-tree-switcher-leaf-line:before {
  top: -16px !important;
  bottom: -24px !important;
}

/* Size FilterSidebar field selects to the longest label (via labelRender sizer). */
.filter-sidebar-field-select.ant-select {
  width: max-content;
}
.filter-sidebar-field-select .ant-select-selector {
  width: max-content !important;
}
