#report-int-actions {
  margin-block-start: .5rem;
}

.actions-inline {
  overflow: hidden;
  flex-wrap: nowrap;
}

.indicator--error {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--color-negative);
}

.btn.btn--action {
  >.title {
    font-size: 0.6rem;
    color: #9b9a9a;
    max-width: 10ch;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
  }

  >.current-state {
    color: #6e839d;
    max-width: 20ch;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  --icon-size: 0.85rem;
  --btn-font-size: 0.75rem;
  --btn-padding: 0.2rem 0.3rem;
  --btn-background: light-dark(#e8e8e8, #303030);
  --btn-hover-color: light-dark(#f4f4f4, #262626);

  &:hover .current-state {
    color: var(--color-primary);
  }
}

.interactive-action .popover {
  overflow: visible;

  >.flatpickr-calendar {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    box-shadow: none !important;
    border: none !important;
  }
}

.int-actions-panel .accordion .current-state {
  max-width: 50ch;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap-mode: nowrap;
}

.int-actions-panel .accordion .indicator--modified {
  position: relative;
  top: -0.25rem;
  right: 0.25rem;
}

.int-actions-panel .accordion summary {
  padding: 0;
}

.int-actions-panel .accordion details {
  border: 2px solid #7c90a4;
  border-radius: 5px;
  padding-inline: 1rem;
  padding-block: 0.5rem;
  background: var(--color-bg);
  margin-block: var(--size-2);
}