:host {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 0.5rem;
  border-bottom: 1px solid var(--color-separator);

  .details {
    flex: 1;
    user-select: text;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    p {
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0;

      &:not(:last-of-type) {
        margin-bottom: 0.2rem;
      }

      &.warning-label {
        color: var(--dynamic-red-01);
      }

      .value {
        color: var(--dynamic-purple-01);
      }
    }
  }

  .controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 24px;

    #cd-only-checkbox {
      margin-right: 0.5rem;
    }
  }
}
